# Website widget ## Use your twise as a better looking chat bot alternative You can now add a widget to your website that will open in an overlay:

### Welcome message for the widget You can configure a welcome message that will appear next to the widget upon load. This message can be changed to anything you like. Use the text \[YOUR TWISE NAME] to insert the name of the twise automatically. You can change the colors of the text and the background as well.

### Widget customisation You can change the width and height of the actual overlay that opens when someone click the widget. That is done by updating the actual code: ``` var WIDTH = "1600px"; var HEIGHT = "900px"; ``` ### Alert user to speak to the widget The widget can be set to alert the user by changing the page title. This is a common practise for chatbots but can also be a distraction. ![](https://504774108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkCqnW3GitKwHUcLhcyP5%2Fuploads%2FFCH1u7Y6UegNuUgI4nRF%2Fimage.png?alt=media\&token=54ce7245-b2f4-4162-a20c-e08c6b0a9f8a) ### How to install the widget To be able to add the widget to your website you will need to be able to have acces to the code. We offer a javascript code that needs to be added inside the \ tag of the entire site or on the specific pages where you want the widet to appear. The code can be found under SHARING in the admin and then under Install Twise Widget:

### Use any link or button on your site to open the widget Assuming you have access to the code of your site, and know a little code, you can show the widget through a click on any button or link on your page. **Activate Hide avatar:**

Add this attribute to any HTML element where you want to activate the Twise widget. For instance, add `` to a button element to enable users to open the widget directly through this button.