- Test before you go live
- Allow only your own websites
- Hide the chat icon on some pages
- Share a link to the chat
- Show the chat inside a page
Before you start
- Role: Manager or higher on the chatbot to change Settings > General. See Invite and manage team members.
Test before you go live
You can test your chatbot in the dashboard before you add it to your website.- On every page of your chatbot in the dashboard, the chat icon shows in the bottom corner. Select it to chat with your chatbot.
- The Appearance page shows a live chat in the Your Chatbot panel.
- After your chatbot has learned from your content, the Dashboard page shows a Chat with your chatbot button. It opens your chatbot’s hosted chat page.
The dashboard is not your website. Settings that depend on the page, such as Excluded Pages and starters that show only on some pages, can only be tested on your own website.
Allow only your own websites
By default, the chatbot works on any website that has your embed code. If someone copies your code to another website, your chatbot shows there too. Allowed Domains stops this.1
Open General settings
In your chatbot’s sidebar, select Settings > General.
2
Add a domain
In Allowed Domains, type a domain, such as
example.com, and press Enter.3
Add the other domains
Add each other domain the same way, one at a time. You can add up to 50 domains.
4
Save
Select Save Changes.
- Each domain also covers all its subdomains. For example,
example.comalso coverswww.example.comandshop.example.com. - If you paste a full URL, such as
https://www.example.com/pricing, SiteGPT keeps only the domain. - If the list is empty, the chatbot works on any website.
- The chat icon does not show. The browser console shows a message from SiteGPT with the name of the domain.
- The chat also does not load in an iframe on that website.
Hide the chat icon on some pages
If your embed code is on every page, you can hide the chat icon on some pages, such as a checkout page.1
Open General settings
In your chatbot’s sidebar, select Settings > General.
2
Add a page path
In Excluded Pages, type a path, such as
/checkout/*, and press Enter.3
Add the other paths
Add each other path the same way. You can add up to 50 paths.
4
Save
Select Save Changes.
If you paste a full URL, SiteGPT keeps only the path.
On an excluded page:
- The chat icon and the tooltip do not show.
- The chat does not open automatically.
- A chat that you put inside a page with the inline container.
- An install that uses
hideBubble=trueorhideButton=true, such as your own chat button. See Embed code options.
Share a link to the chat
Your chatbot has a hosted chat page. It shows the chat on a full page, with no website around it. You can share this link in emails, in your help center, or on social media. The link has this format:YOUR_CHATBOT_ID with the chatbot ID from your Installation page. To open the page from the dashboard, select Chat with your chatbot on your chatbot’s Dashboard page.
If you set Allowed Domains, a link to the hosted chat page on another website can show an error. Add that website to Allowed Domains, then test the link.
Show the chat inside a page
By default, the chat floats in a corner of the page. You can also put the chat inside the page, for example on a support page. There are two ways.Use the inline container
Use this way on most websites. The chat shows inside a box on your page, and the floating chat icon does not show.1
Copy the Inline Container code
On the Installation page, in Embed Options, find Inline Container. Select Copy.
2
Paste the code
Paste the code in your page where you want the chat to show.
3
Remove the other embed code from that page
If this page also has the JavaScript embed code, remove it from this page. The inline code already loads the chat. If both are on the page, the floating chat icon can still show.
- Change
heightin thestyleto make the chat taller or shorter. - You can add more than one container to the same page. The chat shows in each one.
Embed the chat page in an iframe
Use an iframe only when your website does not allow scripts. The iframe shows the hosted chat page inside your page.1
Copy the iFrame Embed code
On the Installation page, in Embed Options, find iFrame Embed. Select Copy.
2
Paste the code
Paste the code in your page where you want the chat to show.
width and height to fit your page.
With an iframe, your page cannot control the chat with the widget SDK, and it does not get tracking events. Use the inline container when you can.
Check that it works
- Open your website in a new private browser window.
- On a page in Excluded Pages, the chat icon does not show. On other pages, it shows.
- On a page with the inline container, the chat shows inside the page.
- Open the hosted chat link in a new tab. The chat shows on a full page.