Newo Chat Widget
This guide explains how to retrieve the unique widget script and embed it into an external website. By adding this code to a website's HTML, you enable the Newo.ai Chat interface for visitors.
Retrieve the widget script
Before modifying your website code, you must locate the unique script associated with your AI Employee. If you're new to the platform, you would have received your script soon after training your AI Employee. If you need to find your unique script again, follow these steps:
Navigate to the Portal.
Click Settings in the main navigation.
Select the Chat tab.
Locate the Widget Script attribute.
Copy the entire script code to your clipboard.
🗒️ Note
Example script: <script src="https://static.newo.ai/newo-chat/web-chat.js" name="web-chat" data-client-secret="[your_client_secret]"></script>
Add code to your website
Once you have copied the script, you must insert it into your website's source code, either in the footer or in the header.
Placement | Location | Behavior |
Header | Between | Chat widget loads before the visible page content. Can delay the page's display. |
Footer | Before the |
<body> ... [widget script] </body>
| Loads after the visible page content is ready. Allows the user to see the page immediately.
Depending on where you host your website, adding the header/footer code may look different. Here are some resources to help you out:
Verify the integration
Publish your website changes.
Refresh the live webpage.
Confirm that the Newo.ai Chat icon appears in the bottom-right corner of the screen.