Skip to main content
Once your chatbot is created and trained, you can integrate it with your website using the Installation page. SiteGPT provides multiple embedding options and platform-specific instructions to make integration seamless.
1

Access installation instructions

Navigate to your chatbot’s Installation page from the sidebar. This page provides everything you need to embed your chatbot on your website.
2

Copy your chatbot ID

Your unique chatbot identifier is displayed at the top of the Installation page. Click the Copy button to copy it to your clipboard.
3

Choose your embedding method

Select either JavaScript embed (recommended) or iFrame embed based on your needs.
4

Follow platform-specific instructions

Use the detailed instructions below for your specific platform.
Your chatbot ID is required for:
  • Using the WordPress plugin
  • Integrating with third-party platforms
  • Making API calls
  • Setting up custom integrations

​
Embed options

​
Platform-specific instructions

1

Access themes

From your Shopify admin, go to Online Store → Themes
2

Edit code

Find your current theme and click Actions → Edit code
3

Open theme.liquid

In the Layout section, click on theme.liquid
4

Add embed code

Scroll down and find the closing </body> tag, then paste the embed code just before it
5

Save changes

Click Save
The chatbot will appear on all pages of your store. To add it to specific pages only, edit individual templates instead of theme.liquid.
1

Access settings

Log in to your Squarespace account and click Settings in the main menu
2

Open code injection

Click Advanced, then Code Injection
3

Add code

In the FOOTER section, paste the embed code
4

Save

Click Save
Code Injection is available on Business plans and higher. Personal plans require an upgrade.
1

Open editor

Open your Wix Editor
2

Access settings

Click Settings in the top menu
3

Open custom code

Go to Custom Code in the Advanced section
4

Add new code

Click + Add Custom Code
5

Paste code

Paste the embed code in the code box
6

Configure placement

Set “Add Code to Pages” to All Pages and “Place Code in” to Body - end
7

Apply

Click Apply
1

Open designer

Open your Webflow project in the Designer
2

Access project settings

Go to Project Settings (gear icon)
3

Open custom code

Click on the Custom Code tab
4

Add footer code

In the Footer Code section, paste the embed code
5

Save and publish

Click Save Changes and publish your site to see the chatbot
You can also add the code to specific pages by using an Embed element and pasting the code there.
For custom websites or static HTML:
1

Copy embed code

Copy the JavaScript embed code from the Installation page
2

Open HTML file

Open your website’s HTML file in a text editor or IDE
3

Choose placement

Paste the code in one of these locations:
  • Recommended: Just before the closing </body> tag for best performance
  • Alternative: In the <head> section
4

Save and upload

Save the file and upload to your web server
5

Test

Test the installation by visiting your website
Example:
<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
    <!-- You can place the embed code here in <head> -->
</head>
<body>
    <h1>Welcome to my website</h1>

    <!-- Or place it here before </body> (recommended) -->
    <script type="text/javascript">
    window.$sitegpt=[];(function(){d=document;s=d.createElement("script");
    s.src="https://sitegpt.ai/widget/YOUR_CHATBOT_ID.js";s.async=1;
    d.getElementsByTagName("head")[0].appendChild(s);})();
    </script>
</body>
</html>

​
Verifying installation

1

Clear cache

Clear your browser cache
2

Open incognito window

Visit your website in an incognito/private window
3

Locate chat icon

Look for the chat icon in the bottom corner
4

Open chatbot

Click the icon to open the chatbot
5

Test functionality

Send a test message to verify it’s working
Check that the embed code was pasted correctly
Verify there are no JavaScript errors in the browser console (F12)
Ensure your chatbot has been trained with content
Try a different browser or device

​
Advanced customization

The JavaScript embed includes the SiteGPT SDK, which allows you to programmatically control the chatbot:
window.$sitegpt.push(['open']);
See the SDK documentation for complete details on all available methods.
If you need to customize the chatbot position beyond the settings in the Appearance page, you can use CSS:
<style>
  #sitegpt-chat-icon {
    bottom: 20px !important;
    right: 20px !important;
  }
</style>

​
Troubleshooting

Verify the embed code is present in your page source (View Page Source)
Check browser console for JavaScript errors
Ensure your chatbot has training data
Try clearing cache and hard refresh (Ctrl+Shift+R or Cmd+Shift+R)
Verify your chatbot has been trained with content
Check that your chatbot is not paused or disabled
Test in the playground first to ensure it’s working
Check that you haven’t added the embed code multiple times
Verify you’re only using one embed method (JavaScript OR iframe, not both)
Search your code for duplicate script tags
Try moving the embed code to the end of the <body> tag
Ensure other scripts aren’t blocking async loading
Check browser console for specific error messages

​
Next steps

Customize appearance

Adjust colors, icons, and positioning

SDK methods

Control the chatbot programmatically

Lead collection

Capture visitor information

Integrations

Connect to Slack, Messenger, and more
⌘I