> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superoffice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add JavaScript for your website

> Live Chat is a popular way for your customers and prospects to get in touch with you when they visit your website. This how-to guide will show you how to add a chat widget to your website.

To make the chat feature available to your customers, you must add a JavaScript to the relevant pages on your website. If you have set up multiple chat channels, each chat channel has a specific JavaScript that must be added to the relevant page(s).

Now that you have [configured the chat widget][1], this step will show you how to add it to your website.

## Steps

1. Go to **Settings and maintenance**.
2. Select <i class="ph ph-chat-teardrop-text" aria-hidden="true" /> **Chat** in the Navigator.
3. Select a chat channel in the list and click **View**. The JavaScript for the selected chat channel is displayed.
4. Select and copy the script.
5. Log in to the editor page of your website.
6. Go to the section where you can edit or add HTML code.
7. Paste the JavaScript for your chat widget into the code of your web page.
8. Save, upgrade or publish the changes (this depends on what system you use).
9. Open or refresh your web page.

The chat widget is now available and live. Visitors to your website may start chatting with you.

<Note>
  When you enable the chat feature, your organization must be ready to handle all incoming chat conversations.

  The *DEFER* parameter ensures that this script does not block page loading. The script will run after the page finish loading.
</Note>

## Video: add the chat widget

Watch this demo to see how to add the chat widget to your website.

<Frame caption="(This video shows a previous version of SuperOffice, so the design may look different. The steps are the same.)">
  <iframe width="100%" height="420" src="https://www.youtube-nocookie.com/embed/Q-i8nxHqAPc" title="(This video shows a previous version of SuperOffice, so the design may look different. The steps are the same.)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
</Frame>

(video length - 2:04)

[1]: ./channel-create


## Related topics

- [Connect chat to your Customer centre](/en/customer-center/learn/enable-chat.md)
- [Artificial Intelligence Services](/en/ai/learn/index.md)