# Live example web widget {% hint style="danger" %} **From 31st October 2024, all Chatlayer customers using the Web channel will need to switch to the** [**new web widget, Web V2**](https://docs.chatlayer.ai/channels/all-channels/web/web-v2)**.** This means that Web V1 will be removed from our codebase. Learn everything about [moving from V1 to V2](https://docs.chatlayer.ai/channels/all-channels/web/web-v2/from-web-v1-to-v2). {% endhint %} We've created an example of how you can initialize and destroy the Chatlayer.ai chat widget through your own Javascript code. ```markup Chatlayer Events Example

``` JSON builder plugin configuration: ![](https://2786867680-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLTwFwbOqJj4dDhg8Ju%2F-M8BYZ0rFc274QsygIov%2F-M8BZt06OqDoM5_E2u71%2Fimage.png?alt=media\&token=179a1c12-f52c-470d-8fec-de0b4a666fa0) {% hint style="info" %} View a live version of this code [here](https://codesandbox.io/s/chatlayer-destroy-webwidget-s0lnj?file=/index.html). {% endhint %} As you can see from the example above, you can initialize the widget, open/close it, as well as destroy it from your own code. The example shows you how to use the JSON Builder plugin to trigger a destroy event for the chat widget.