Widget Installation

Add the SiteAnswerAI chatbot to your website with a single line of code. The widget works on any website - HTML, React, Vue, Shopify, Webflow, and more.

Step 1: Find Your Embed Code

Log in to your SiteAnswerAI dashboard
Go to Settings in the sidebar
Scroll down to the Embed Code section
Click Copy to copy your unique embed code

Step 2: Add to Your Website

Paste the embed code just before the closing </body> tag on every page where you want the chatbot to appear.

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Your Website</title>
</head>
<body>
  <!-- Your website content -->

  <!-- Add SiteAnswerAI widget before </body> -->
  <script src="https://siteanswerai.com/widget/YOUR_BOT_ID/embed.js"></script>
</body>
</html>

Tip: Replace YOUR_BOT_ID with your actual bot ID from the dashboard. It looks like cmkms0wt5000...

Platform-Specific Instructions

Shopify

Go to Online Store → Themes
Click Actions → Edit code
Find theme.liquid in the Layout folder
Paste the embed code just before </body>
Click Save

Webflow

Go to Project Settings
Click the Custom Code tab
Paste the embed code in the Footer Code section
Click Save Changes
Publish your site

Squarespace

Go to Settings → Advanced → Code Injection
Paste the embed code in the Footer section
Click Save

Wix

Go to Settings → Custom Code
Click + Add Custom Code
Paste the embed code
Set placement to Body - end
Choose which pages to apply it to
Click Apply

WordPress

For WordPress, we recommend using our dedicated plugin for easier management.

WordPress Plugin Guide

Customization Options

You can customize the widget appearance by adding data attributes to the script tag:

HTML with options

<script
  src="https://siteanswerai.com/widget/YOUR_BOT_ID/embed.js"
  data-position="bottom-right"
  data-primary-color="#6366f1"
></script>

Attribute	Values	Description
data-position	bottom-right, bottom-left	Widget position on the page
data-primary-color	Any hex color	Main color for the widget

Step 3: Verify Installation

Visit your website in a new browser tab
Look for the chat icon in the bottom-right corner
Click it to open the chat window
Send a test message to make sure it works

Success! If you see the chat widget and can send messages, your installation is complete.