Place a widget of any of the bots you have created on your site's page to automate interaction with visitors, increase sales, promptly answer questions, provide assistance, accept orders, and record requests. To make using the widget comfortable and effective, it is important to take into account the operation of sound notifications.
Audio notifications help you not to miss important messages, but their operation depends on the settings and the state of the page. It is important to understand when they are being played.:
- If the browser determines that the page with the widget is not visible to the user (for example, the user is on another tab or the tab is inactive), the notification sound will be played. To turn off the sound, click on in the widget header
= Turn off notifications. - While the user is actively interacting with the widget on the page, the sound notifications are turned off automatically so as not to create unnecessary noise.
¶ Preparatory Steps
- Log in to your personal account.
- Create a text bot that will respond to your potential customers.
¶ Widget Placement
- Go to the Text Bots section of the personal account.
- Hover over the chat row and click on the appeared icon
. A pop-up window with the chat embedding code will open. - Copy the code fragment.
- Click Open Preview to see how the widget will look.
- Place the copied code in your website page's code or pass it to your website administrator. The code must be inserted before the closing
</body>tag.
Example:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My chat</title>
</head>
<body>
<!--Your code-->
<script src="https://twin-ai.com/app/chat-client/widget.js"></script>
<script>
appChatClient({
chatId: 'f0720439-3da3-4cd1-a6f7-11e11113811f',
})
</script>
</body>
</html>
After saving the changes, a widget button will appear in the bottom right corner of the page, clicking on which will expand the chat.
To place the widget on multiple pages of the website, perform the steps for each page.