# Content Security Policy (CSP)
Source: https://sitespeak.ai/docs/advanced/content-security-policy

Install the SiteSpeakAI widget on websites with a strict Content Security Policy, without 'unsafe-inline'.

If your website uses a [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP) (CSP), the SiteSpeakAI widget works with it. This guide covers the directives the widget needs, and how to install the widget on sites that have removed `'unsafe-inline'` from their policy.

## How the widget interacts with your CSP

The widget loader injects a `<style>` element into your page for the chat launcher and chat window styling. Under a CSP, inline styles like this are only allowed if your policy includes `'unsafe-inline'` in `style-src`, or if the style element carries a valid nonce.

If your policy allows `'unsafe-inline'`, the standard install snippet works as is and you don't need anything from this guide except the [directives table](#required-csp-directives) below.

If your policy does not allow `'unsafe-inline'`, pass a nonce to the loader as shown next.

## Installing with a nonce

Add one line to the standard install snippet: set the `nonce` property on the script element to your page's per-request CSP nonce.

```html theme={null}
<script nonce="YOUR_PAGE_NONCE">
  (function(){
    d=document;
    s=d.createElement("script");
    s.src="https://sitespeak.ai/chatbots/YOUR_CHATBOT_ID.js";
    s.nonce="YOUR_PAGE_NONCE";
    s.async=1;
    d.getElementsByTagName("head")[0].appendChild(s);
  })();
</script>
```

The loader reads the nonce from its own script element and applies it to the `<style>` element it creates. With the nonce in place, the widget is fully styled without `'unsafe-inline'`.

`YOUR_PAGE_NONCE` must be the same per-request nonce your server puts in the CSP header. Nonces must be unique for every page load. A static value defeats the purpose of using nonces.

<Warning>
  When creating the script element in JavaScript, set the nonce with the `.nonce` property (`s.nonce = "..."`), not with `s.setAttribute("nonce", "...")`. Browsers hide nonce attributes from scripts for security, so the `setAttribute` form fails silently in some browsers.
</Warning>

If your page is server-rendered and the install snippet is part of your HTML, the `nonce` attribute on the outer `<script>` tag works the same way. The inner `s.nonce = "..."` line is still required, because the loader script is created dynamically.

## Required CSP directives

These are the directives the widget needs. Add the values to your existing policy.

| Directive | Value | Used for |
| - | - | - |
| `script-src` | `'nonce-YOUR_PAGE_NONCE'` or `https://sitespeak.ai` | The widget loader script |
| `style-src` | `'nonce-YOUR_PAGE_NONCE'` | The widget stylesheet |
| `frame-src` | `https://chatbot.sitespeak.ai` | The chat window iframe |
| `img-src` | `data: https://cdn.sitespeak.ai` | The launcher icon |

A complete policy for a site that uses nonces looks like this:

```
Content-Security-Policy:
  default-src 'self';
  script-src 'nonce-YOUR_PAGE_NONCE';
  style-src 'nonce-YOUR_PAGE_NONCE';
  frame-src https://chatbot.sitespeak.ai;
  img-src 'self' data: https://cdn.sitespeak.ai;
```

<Note>
  If your chatbot uses a [custom domain](/docs/agency/custom-domain) (agency white-label or per-chatbot domain), replace `https://chatbot.sitespeak.ai` in `frame-src` with your custom domain, and add your custom domain to `script-src` if you load the widget from it.
</Note>

The chat window itself runs inside a cross-origin iframe, so your page's CSP does not apply to anything inside it. Only the loader and launcher on your page are affected by your policy.

## Verifying your setup

After installing, open your browser's developer console and reload the page.

1. The chat launcher should appear fully styled (a round button in the corner of the page).
2. There should be no CSP violation messages in the console mentioning `style-src` or `sitespeak`.

If the launcher appears as an unstyled button in the top-left of your page, the nonce is not reaching the loader. Check that:

* The `s.nonce = "..."` line is present in your snippet.
* The nonce value matches the one in your CSP header for that page load.
* Your CMS or templating engine is not stripping the `nonce` attribute from the output.

<Tip>
  You can test your policy without breaking your live site by using the `Content-Security-Policy-Report-Only` header first. Violations are logged to the console but not enforced.
</Tip>

## Need help?

If you run into CSP issues that this guide doesn't cover, [contact our support team](mailto:support@sitespeak.ai) with your CSP header value and a link to the page where the widget is installed, and we'll help you get set up.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Convert CSV to SQLite for Your Chatbot
Source: https://sitespeak.ai/docs/advanced/csv-to-sqlite

Convert your CSV or Excel data to a SQLite database that your chatbot can query for accurate responses.

The best way to improve the accuracy of your chatbot's responses when dealing with structured data in CSV or Excel format is to import the data into a SQLite database. Your chatbot can then query this database directly using the [SQLite Database action](/docs/tools-and-actions/sqlite-database).

## Why Use SQLite Instead of CSV?

| Feature | CSV Training | SQLite Action |
| - | - | - |
| Data accuracy | May misinterpret rows | Precise SQL queries |
| Large datasets | Limited | Handles large tables |
| Updates | Retrain required | Just upload new DB |
| Complex queries | Not supported | Full SQL support |
| Filtering/sorting | Basic | Advanced |

## Creating the SQLite Database

<Steps>
  <Step title="Install SQLite">
    Ensure you have `sqlite3` installed on your system. It comes pre-installed on macOS and most Linux distributions.
  </Step>

  <Step title="Create a new database">
    Open your terminal and run:

    ```bash theme={null}
    sqlite3 my_data.db
    ```

    Replace `my_data.db` with your preferred database name.
  </Step>
</Steps>

## Importing Your CSV Data

In the SQLite prompt that opens, run the following commands:

```sql theme={null}
-- Enable CSV import mode
.mode csv

-- Import your CSV file into a table
.import /path/to/your/data.csv table_name
```

<Note>
  Each CSV file will become a separate table in your database. You can import multiple CSV files to create multiple tables.
</Note>

### Example

```sql theme={null}
-- Import products data
.mode csv
.import /Users/me/products.csv products

-- Import orders data
.import /Users/me/orders.csv orders
```

## Verify Your Data

Check that the table was created correctly:

```sql theme={null}
-- View the table schema
.schema products

-- Preview the data
SELECT * FROM products LIMIT 5;
```

### Check Column Types

It's important to verify that columns have the correct data types, especially for numeric fields used in sorting or calculations.

```sql theme={null}
-- Check if price is being treated as a number
SELECT typeof(price) FROM products LIMIT 1;
```

If columns have wrong types, you may need to recreate the table with explicit types:

```sql theme={null}
-- Create table with correct types
CREATE TABLE products_new (
  id INTEGER PRIMARY KEY,
  name TEXT,
  price REAL,
  stock INTEGER
);

-- Copy data
INSERT INTO products_new SELECT * FROM products;

-- Replace old table
DROP TABLE products;
ALTER TABLE products_new RENAME TO products;
```

## Add the SQLite Action to Your Chatbot

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, click **Configuration** then **Tools & Actions**.
  </Step>

  <Step title="Add SQLite Database Action">
    Click **+ Add Action** and select **SQLite Database**.
  </Step>

  <Step title="Configure the Action">
    * Give it a descriptive **Name** (e.g., `product_database`)
    * Add a **Description** explaining what data it contains and when to use it
    * Upload your `.db` file
  </Step>

  <Step title="Save">
    Click **Add Action** to enable it.
  </Step>
</Steps>

<Frame>
  <img alt="SQLite Database action configuration" />
</Frame>

Your chatbot will now use the database to answer visitor questions about your data.

<Tip>
  Add specific instructions in the Description field, such as: "Use this database when users ask about product availability, pricing, or specifications. The `products` table contains columns: id, name, price, stock, category."
</Tip>

## Updating Your Database

When your data changes, simply:

1. Update your local SQLite database file
2. Go to **Tools & Actions** in your chatbot dashboard
3. Edit the SQLite Database action
4. Upload the new database file

You can use a GUI tool like [TablePlus](https://tableplus.com/) or [DB Browser for SQLite](https://sqlitebrowser.org/) to edit your database visually.

## Best Practices

### Use Clear Column Names

```sql theme={null}
-- Good: Clear, descriptive names
CREATE TABLE products (
  product_id INTEGER,
  product_name TEXT,
  unit_price REAL,
  in_stock INTEGER
);

-- Avoid: Ambiguous names
CREATE TABLE products (
  id INTEGER,
  n TEXT,
  p REAL,
  s INTEGER
);
```

### Add Helpful Descriptions

In your action description, tell the chatbot about:

* What tables exist
* What each column means
* How to handle common queries
* Any business rules (e.g., "prices are in USD")

### Test Common Queries

Before going live, test that your chatbot can answer typical questions:

* "What products do you have under \$50?"
* "Is \[product name] in stock?"
* "What's your most expensive item?"

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Data Handling & Security
Source: https://sitespeak.ai/docs/advanced/data-handling-and-security

What data SiteSpeakAI processes, how it is secured, and the privacy controls and legal documents available to you.

This page summarises what data SiteSpeakAI processes on your behalf, how it is secured, and the controls you have. For the authoritative details, see our [Trust Center](https://sitespeak.ai/trust), [Privacy Policy](https://sitespeak.ai/privacy-policy), and [Data Processing Agreement](https://sitespeak.ai/data-processing-agreement).

## What data is processed

When a visitor chats with your bot, SiteSpeakAI processes:

* **Messages** the visitor sends and the responses your chatbot generates.
* **Lead details** (such as name, email, or phone) only if you enable [lead capture](/docs/managing-your-chatbot/lead-capture).
* A **randomly generated visitor ID** and the visitor's **approximate country**, derived from their network connection.
* The **content you train your bot on** (your website pages, documents, and other sources).

You are the controller of this data. SiteSpeakAI processes it as your processor, on your instructions.

## How responses are generated

To answer a question, the visitor's message and the most relevant pieces of your training content are sent to the AI provider configured for your chatbot (OpenAI, Anthropic, Google, or xAI) to generate a response.

<Note>
  AI providers act as our subprocessors and are contractually prohibited from using your data to train their models. We never use your content or conversations to train any AI model.
</Note>

## Security

* **Encryption** in transit (TLS) and at rest (AES-256).
* Hosted on **SOC 2-certified infrastructure** (DigitalOcean).
* **Role-based access** with multi-factor authentication and least-privilege access for staff.
* Optional **PII redaction** masks identifiers such as ID numbers, payment card numbers, and bank account numbers in visitor messages before they reach AI providers or storage.

The full list of subprocessors, their location, and the data-transfer safeguard used for each is published in our [Trust Center](https://sitespeak.ai/trust).

## Controls you have

<CardGroup>
  <Card title="Pre-chat notice" icon="circle-info" href="/docs/managing-your-chatbot/settings">
    Require visitors to accept a notice before chatting, with a one-click GDPR preset.
  </Card>

  <Card title="Lead capture privacy link" icon="user-shield" href="/docs/managing-your-chatbot/lead-capture">
    Show a link to your own privacy policy on the lead capture form.
  </Card>

  <Card title="Manage conversations" icon="comments" href="/docs/managing-your-chatbot/conversation-history">
    Review and delete individual conversations and visitor records at any time.
  </Card>

  <Card title="Identify users" icon="id-card" href="/docs/advanced/identify-users">
    Control what visitor information is passed to your chatbot.
  </Card>
</CardGroup>

You can also export your account data and delete your account at any time from your dashboard.

## GDPR and compliance

* We offer a signable **Data Processing Agreement** that incorporates the EU Standard Contractual Clauses for international transfers.
* We maintain a current, public **subprocessor list** in the [Trust Center](https://sitespeak.ai/trust).
* We support **data subject rights** (access, rectification, erasure, portability, objection). You can action many of these directly from your dashboard, or contact us at [privacy@sitespeak.ai](mailto:privacy@sitespeak.ai).

<Tip>
  If your visitors are in the EEA or UK, enable the pre-chat notice and add your privacy policy URL to the lead capture form so visitors are informed before any data is collected.
</Tip>

## Where data is stored

SiteSpeakAI's infrastructure is currently hosted in the United States. Transfers of EEA, UK, and Swiss personal data are covered by the safeguards listed per subprocessor in the [Trust Center](https://sitespeak.ai/trust) (the EU-US Data Privacy Framework, Standard Contractual Clauses, or an adequacy decision).

## Questions

For data, privacy, or security questions, contact [privacy@sitespeak.ai](mailto:privacy@sitespeak.ai).

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Identify Users & Personalize Responses
Source: https://sitespeak.ai/docs/advanced/identify-users

Send user information to your chatbot for personalized responses and secure identity verification.

You can identify your website visitors to your chatbot, allowing it to provide personalized responses using their name, email, and other information. This is useful for greeting returning users, providing account-specific information, and tracking conversation history.

## Basic User Identification

Use the `identify` API call to send user information to your chatbot:

```javascript theme={null}
(_sitespeak = window._sitespeak || []).push(['onReady', onSiteSpeakReady]);

function onSiteSpeakReady() {
  sitespeak.identify('user_332', {
    'first_name': 'Herman',
    'nickname': 'H',
    'email': 'herman@sitespeak.ai',
    'plan': 'Pro',
    'account_id': '12345'
  });
}
```

You can send any key-value pairs that are relevant to your use case. The chatbot will use this information as context when responding to the user.

### What You Can Send

Common fields to include:

| Field | Example | Use Case |
| - | - | - |
| `first_name` | "Herman" | Personalized greetings |
| `email` | "[user@example.com](mailto:user@example.com)" | Account lookups |
| `plan` | "Pro" | Plan-specific responses |
| `user_id` | "12345" | API action lookups |
| `company` | "Acme Inc" | B2B context |

## How Your Chatbot Uses This Data

Your chatbot will automatically use the identified information when it makes sense. For example, if you send the user's first name, the chatbot might greet them by name.

You can also update your chatbot's system prompt to explicitly reference this information:

<Frame>
  <img alt="System prompt with user identification" />
</Frame>

Example system prompt addition:

```
When responding to users, use their first name if available. 
If they ask about their account, use their user_id to look up information.
```

This results in personalized responses:

<Frame>
  <img alt="Personalized chatbot response" />
</Frame>

## Using Identify with API Actions

The `identify` call is especially powerful when combined with [Custom API Actions](/docs/tools-and-actions/custom-api-action). You can use template strings like `\{\{user_id\}\}` in your API action URLs, and the chatbot will automatically fill in the value from the identified user data.

For example, if you have an API action configured with:

```
GET https://api.yoursite.com/orders/{{user_id}}
```

And you've identified the user with `user_id: '12345'`, the chatbot will call:

```
GET https://api.yoursite.com/orders/12345
```

This allows you to provide account-specific information like order history, subscription status, and more.

***

## Secure Identity Verification

For production applications handling sensitive user data, you should use identity verification to securely authenticate users. This prevents users from impersonating others by sending fake identification data.

### Enable Identity Verification

<Steps>
  <Step title="Go to Install Agent">
    In your chatbot dashboard, click **Install Agent** in the sidebar.
  </Step>

  <Step title="Find Identity Verification">
    Scroll down to the **Identity Verification** section.
  </Step>

  <Step title="Enable and Generate Key">
    Toggle on **Enable Identity Verification** and click **Generate** to create your secret key.
  </Step>

  <Step title="Store Securely">
    Copy and store the secret key securely on your server.
  </Step>
</Steps>

<Warning>
  Never expose your secret key in client-side code. It should only be used on your server to generate tokens.
</Warning>

### How It Works

1. **Server-side**: Generate a signed JWT token containing user information
2. **Client-side**: Pass the token to the chatbot using the identify call

### Server-Side: Generate JWT Token

```javascript theme={null}
const jwt = require('jsonwebtoken');

// Generate a signed token with user data
const token = jwt.sign({
  user_id: user.id,
  email: user.email,
  name: user.name,
  exp: Math.floor(Date.now() / 1000) + 3600 // 1 hour expiry
}, 'YOUR_SECRET_KEY', { algorithm: 'HS256' });
```

### Client-Side: Pass Token to Chatbot

```javascript theme={null}
window.SiteSpeakAI.identify({
  token: token
});
```

The chatbot will verify the token signature using your secret key, ensuring the user data hasn't been tampered with.

<Tip>
  Identity verification also enables you to:

  * Use [template tags](/docs/managing-your-chatbot/personalise-welcome-message) in welcome messages (e.g., "Hi \{\{first\_name}}!")
  * View conversation history per user in your dashboard
  * Link conversations to customer records
  * Give visitors **cross-device chat history** in the widget (see below)
</Tip>

### Cross-Device Chat History

When identity verification is enabled, the chatbot widget's [Recent Chats](/docs/managing-your-chatbot/visitor-recent-chats) feature follows your users across browsers and devices automatically. A visitor who chatted on their laptop can pick up the same thread on their phone, as long as they are identified with the same `user_id`.

For unverified visitors, Recent Chats stays local to the browser they chatted from.

No additional configuration is required. As soon as a visitor is identified through `window.SiteSpeakAI.identify({ token })`, every conversation they have is linked to their `user_id` and appears in their Recent Chats list on any device where they are identified with the same `user_id`.

<Note>
  Cross-device history only links sessions created from the date your chatbot was upgraded to support this feature. Older conversations stay tied to the browser they originated from. See [Visitor Recent Chats](/docs/managing-your-chatbot/visitor-recent-chats) for the full caveat.
</Note>

***

## Example: Full Implementation

Here's a complete example showing how to identify a logged-in user:

```html theme={null}
<script type="text/javascript">
  (function(){
    d=document;
    s=d.createElement("script");
    s.src="https://sitespeak.ai/chatbots/YOUR_CHATBOT_ID.js";
    s.async=1;
    d.getElementsByTagName("head")[0].appendChild(s);
  })();

  // Wait for SiteSpeakAI to be ready
  (_sitespeak = window._sitespeak || []).push(['onReady', function() {
    // Basic identification (no verification)
    sitespeak.identify('user_123', {
      'first_name': 'Herman',
      'email': 'herman@example.com',
      'plan': 'Pro'
    });

    // OR with secure identity verification
    // window.SiteSpeakAI.identify({
    //   token: 'YOUR_SERVER_GENERATED_JWT_TOKEN'
    // });
  }]);
</script>
```

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Expose Your Knowledge Base via MCP
Source: https://sitespeak.ai/docs/advanced/mcp-endpoint

Let AI agents like Claude, Cursor, and Windsurf query your chatbot's knowledge base directly using the Model Context Protocol. Includes automatic WebMCP browser discovery.

Every SiteSpeakAI chatbot can act as an MCP (Model Context Protocol) server, giving AI agents direct access to your knowledge base. Instead of scraping your website or chat widget, agents connect to a structured endpoint and get accurate, sourced answers from your trained content.

SiteSpeakAI supports two ways for AI agents to access your knowledge base:

1. **MCP Server endpoint** - AI tools like Claude Desktop, Cursor, and Windsurf connect directly to your chatbot's MCP endpoint. Requires manual configuration in each tool.
2. **WebMCP (browser discovery)** - AI agents running in the browser automatically discover your knowledge base through the chatbot widget. No configuration needed.

<Note>
  MCP Server and WebMCP are available on **Pro**, **Pro Plus**, and **Business** plans. Each plan includes a monthly query allowance (Pro: 1,000 / Pro Plus: 2,500 / Business: 10,000).
</Note>

## Why expose your knowledge base via MCP?

AI agents are becoming the primary way people find and interact with information. When a developer asks Cursor about your API, or a user asks Claude about your product, those agents need a reliable source of truth. Your MCP server provides that.

* **Reach AI agents directly.** Your knowledge base becomes a tool that any MCP-compatible agent can call, not just visitors to your website.
* **Accurate, sourced answers.** Agents get results from your trained content with source URLs - no hallucinations from outdated web scrapes.
* **Full RAG pipeline.** Every query runs through semantic search, query expansion, and reranking for high-quality results.
* **Control access.** Choose between authenticated access with API tokens or public access for broader reach.
* **Track usage.** Monitor MCP query usage alongside your other metrics in the dashboard.

## How it works

When an AI agent connects to your MCP server endpoint, it gets access to one tool:

**`query_knowledge_base`** - Searches your chatbot's trained content using the full RAG pipeline (vector search, query expansion, and Cohere reranking). Returns relevant content chunks with source URLs.

The agent sends a natural language query, and your MCP server returns the most relevant content from your training sources - the same content your chatbot uses to answer questions.

## Enable MCP Server

<Steps>
  <Step title="Go to Settings">
    In your chatbot dashboard, select your chatbot and go to **Settings**.
  </Step>

  <Step title="Open Advanced settings">
    Click the **Advanced** tab.
  </Step>

  <Step title="Find MCP Server">
    Scroll down to the **MCP Server (Public Access)** section.
  </Step>

  <Step title="Enable public access (optional)">
    Toggle **Public MCP Access** to allow AI agents to query your knowledge base without authentication.

    When disabled, agents need a valid API token to connect (see [Authentication](#authentication) below).
  </Step>

  <Step title="Copy your endpoint URL">
    Click the copy button next to your **MCP Endpoint** URL. This is the URL AI agents will use to connect.

    Your endpoint URL follows this format:

    ```
    https://chatbot.sitespeak.ai/api/{chatbotId}/server/mcp
    ```
  </Step>

  <Step title="Save settings">
    Click **Save** to apply your changes.
  </Step>
</Steps>

## WebMCP - automatic browser discovery

WebMCP lets AI agents running in the browser automatically discover and query your knowledge base, with zero configuration from the end user. When someone visits your website with a WebMCP-compatible browser or AI assistant, the chatbot widget registers itself as a tool the agent can use.

### How WebMCP works

When your chatbot widget loads on a page, it checks for `navigator.modelContext` support in the browser. If available, the widget automatically registers a tool called `query_{your_chatbot_name}` that the browser's AI agent can call.

When an AI agent calls this tool:

1. The query is sent to your chatbot's search pipeline (vector search, query expansion, and reranking)
2. The raw search results are returned directly to the agent - no LLM call is made on the server
3. The browser's AI agent uses its own language model to synthesize a final answer from the results

This is different from the standard MCP server endpoint, where the full RAG pipeline (including the LLM response) runs server-side. With WebMCP, the browser's AI agent handles the synthesis step, making responses faster and more contextual to the user's conversation.

### Requirements

WebMCP requires two things:

* **Public MCP Access enabled** - The same toggle used for the MCP server endpoint also enables WebMCP.
* **Chatbot widget installed** - The widget must be embedded on your website. WebMCP is registered automatically as part of the widget script.

No additional setup is needed. Once both conditions are met, any visitor using a WebMCP-compatible browser will have automatic access to your knowledge base through their AI agent.

### Enable WebMCP

<Steps>
  <Step title="Go to Settings">
    In your chatbot dashboard, select your chatbot and go to **Settings**.
  </Step>

  <Step title="Open Advanced settings">
    Click the **Advanced** tab.
  </Step>

  <Step title="Enable Public MCP Access">
    Toggle **Public MCP Access** on. This enables both the MCP server endpoint and WebMCP browser discovery.
  </Step>

  <Step title="Save settings">
    Click **Save** to apply your changes.
  </Step>
</Steps>

That's it. As long as your chatbot widget is installed on your website, WebMCP will work automatically for any visitor using a compatible browser.

<Tip>
  WebMCP queries use the same monthly MCP query credits as the MCP server endpoint. Monitor your usage on the [Usage page](https://sitespeak.ai/user/usage).
</Tip>

## Authentication

Your MCP server supports two access modes:

### Public access (no authentication)

When **Public MCP Access** is enabled, any AI agent can query your knowledge base without a token. This is the simplest option and works well when you want maximum reach - for example, letting anyone's Claude or Cursor instance access your documentation.

### Authenticated access (API token)

When Public MCP Access is disabled, agents must include a valid API token in the `Authorization` header:

```
Authorization: Bearer YOUR_API_TOKEN
```

Generate an API token from your [Account page](https://sitespeak.ai/user/api-tokens). This is the same token used for the [SiteSpeakAI REST API](/docs/api-reference/introduction).

<Tip>
  Use authenticated access when your knowledge base contains internal or sensitive information. Use public access when you want to maximize the reach of your documentation or support content.
</Tip>

## Connect AI tools to your MCP server

### Claude Desktop

Add your MCP server to Claude Desktop's configuration file:

<Tabs>
  <Tab title="macOS">
    Edit `~/Library/Application Support/Claude/claude_desktop_config.json`:

    ```json theme={null}
    {
      "mcpServers": {
        "my-knowledge-base": {
          "type": "url",
          "url": "https://chatbot.sitespeak.ai/api/{chatbotId}/server/mcp",
          "headers": {
            "Authorization": "Bearer YOUR_API_TOKEN"
          }
        }
      }
    }
    ```
  </Tab>

  <Tab title="Windows">
    Edit `%APPDATA%\Claude\claude_desktop_config.json`:

    ```json theme={null}
    {
      "mcpServers": {
        "my-knowledge-base": {
          "type": "url",
          "url": "https://chatbot.sitespeak.ai/api/{chatbotId}/server/mcp",
          "headers": {
            "Authorization": "Bearer YOUR_API_TOKEN"
          }
        }
      }
    }
    ```
  </Tab>
</Tabs>

Restart Claude Desktop. You should see your knowledge base listed as an available tool.

<Note>
  If you enabled **Public MCP Access**, you can omit the `headers` field entirely.
</Note>

### Cursor

Add your MCP server in Cursor's settings:

1. Open **Cursor Settings** (Cmd+Shift+J on macOS, Ctrl+Shift+J on Windows)
2. Go to **MCP**
3. Click **+ Add new MCP server**
4. Enter the following:
   * **Name:** Your knowledge base name
   * **Type:** `sse`
   * **URL:** `https://chatbot.sitespeak.ai/api/{chatbotId}/server/mcp`

If using authenticated access, add the Authorization header in the server configuration.

### Windsurf

Add your MCP server in Windsurf's MCP configuration:

1. Open the **Command Palette** (Cmd+Shift+P on macOS, Ctrl+Shift+P on Windows)
2. Search for **MCP: Configure MCP Servers**
3. Add your server:

```json theme={null}
{
  "mcpServers": {
    "my-knowledge-base": {
      "serverUrl": "https://chatbot.sitespeak.ai/api/{chatbotId}/server/mcp"
    }
  }
}
```

### Custom MCP clients

Any MCP-compatible client can connect using the Streamable HTTP transport:

* **Endpoint:** `https://chatbot.sitespeak.ai/api/{chatbotId}/server/mcp`
* **Transport:** Streamable HTTP (POST for requests, GET for SSE streaming)
* **Authentication:** Bearer token in the `Authorization` header (when public access is disabled)

## Rate limits and query credits

MCP server requests are rate-limited to **30 requests per minute** per IP address. This is separate from your chat widget rate limits.

Each query to `query_knowledge_base` uses one query credit from your monthly allowance:

| Plan | Monthly MCP queries |
| - | - |
| Pro | 1,000 |
| Pro Plus | 2,500 |
| Business | 10,000 |

Track your usage on the [Usage page](https://sitespeak.ai/user/usage) in your account settings.

When your monthly limit is reached, the server returns a `429` status code. Credits reset at the start of each billing cycle.

## Use cases

### Documentation search for developers

Expose your product documentation so developers using Cursor, Windsurf, or Claude can look up your APIs, configuration options, and guides without leaving their editor.

### Internal knowledge base

Connect your company's trained chatbot to your team's AI tools. Sales teams can query product specs from Claude, support teams can look up troubleshooting guides, and engineers can search internal docs - all through the tools they already use.

### Customer-facing AI access

Enable public access so your customers' AI agents can query your knowledge base directly. When someone asks Claude or ChatGPT about your product, their agent can pull accurate answers from your trained content instead of relying on potentially outdated web data.

## Troubleshooting

### Agent can't connect

* Verify the endpoint URL is correct and includes your chatbot ID
* Check that your plan supports MCP Server (Pro or higher)
* If using authenticated access, confirm your API token is valid

### Getting 401 Unauthorized

* Ensure the `Authorization` header uses the format `Bearer YOUR_API_TOKEN`
* Generate a new token from your [Account page](https://sitespeak.ai/user/api-tokens) if the current one may have been revoked
* If you want to skip authentication, enable **Public MCP Access** in your chatbot settings

### Getting 429 Too Many Requests

* You've hit either the per-minute rate limit (30/min) or your monthly query credit limit
* Check your usage on the [Usage page](https://sitespeak.ai/user/usage)
* Consider upgrading your plan for a higher monthly allowance

### Results seem incomplete or irrelevant

* Make sure your chatbot has been trained with relevant content
* Check that your training sources are up to date (use auto-sync if available on your plan)
* Try rephrasing the query - the search uses semantic matching, so natural language questions work best

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# White-Label Branding Setup
Source: https://sitespeak.ai/docs/agency/branding

Customize your agency dashboard with your own logo and brand name. Configure branded emails so all notifications come from your agency.

All branding settings are found under **Agency > Branding** in your dashboard. Changes take effect immediately across the dashboard and all outgoing emails.

## Logo & Favicon

Upload your agency logo and favicon from the **Logo** section. Supported formats: PNG, SVG, JPG. Recommended logo size: 200x50px or wider at 2x resolution for sharp rendering on retina displays.

Your logo appears in:

* The dashboard header for you and all your clients
* Transactional emails (lead capture notifications, escalation alerts, conversation summaries)

<Note>
  Your logo appears in all transactional emails sent to your clients, including lead capture confirmations, escalation notifications, and conversation summary emails.
</Note>

## Brand Name

Enter your agency or product name in the **Brand Name** field. This name is used:

* In email subject lines and sender display names
* As a fallback when no logo image is set
* In the browser tab title

## Email Branding

Control how your agency appears in outgoing emails:

**From Name** - The sender name clients see in their inbox (e.g. "Acme Support" instead of "SiteSpeak"). Set this to your agency name or your client-facing product name.

**Sign-off Name** - The name used in the closing line of email bodies (e.g. "The Acme Team"). This appears at the bottom of escalation and notification emails.

## Upgrade URL

By default, upgrade buttons in the dashboard open the SiteSpeak pricing page. Set an **Upgrade URL** to send your client workspace users to your own pricing or billing page instead.

When set, every upgrade button shown to users in a client workspace redirects to your URL, with the user's email address appended as an identifier:

```
https://youragency.com/pricing?email=customer%40example.com
```

If your URL already contains query parameters, the `email` parameter is appended with `&`. If it contains a fragment (e.g. `https://youragency.com/pricing#plans` or an SPA route like `https://youragency.com/#/pricing`), the `email` parameter is inserted before the fragment, so it always reaches your server:

```
https://youragency.com/pricing?email=customer%40example.com#plans
```

* The redirect only applies to users in client workspaces. Your own agency team keeps the default behavior.
* Leave the field empty to keep the default pricing page for everyone.
* Include the protocol (e.g. `https://youragency.com/pricing`).

## Powered By

By default, the chat widget shows a small "Powered by SiteSpeak" badge. You can customize or remove this from the **Powered By** section in branding settings:

* **Show badge** - Leave the default badge visible
* **Custom text** - Replace it with your own "Powered by \[Your Agency]" text
* **Hide** - Remove the badge entirely (available on Pro and Enterprise plans)

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Managing Clients
Source: https://sitespeak.ai/docs/agency/client-management

Create and manage client accounts from your agency dashboard. Each client gets their own isolated workspace for chatbots and training sources. Invite client users and set per-client usage limits.

Each client you create has a fully isolated workspace with their own chatbots, training sources, conversations, and leads. Clients cannot see each other's data, and you can switch between them instantly from your agency dashboard.

## Creating a Client

1. Go to **Agency > Clients** in your dashboard.
2. Click **Add Client**.
3. Enter the client's name, untick any integrations you want to keep out of this workspace, and confirm.

The new client workspace is created immediately. You can now switch into it to start building chatbots.

## Viewing Client Chatbots

Each client row in the **Agency > Clients** table can be expanded to see all of their chatbots at a glance. Click the client name (or the chevron) to expand the row and view their agents with key stats: sources, messages, and leads.

From the expanded view, click **Manage** next to any chatbot to jump directly into that chatbot's dashboard.

## Managing a Client's Chatbot

When you open a client's chatbot, a banner appears at the top of the page showing which client you're managing. This helps you stay oriented when working across multiple clients.

To return to the agency dashboard, use the **Back to Agency** link in the sidebar (below "Install Agent") or in the profile menu.

## Inviting Client Users

You can give your clients direct access to their own dashboard and inbox. When invited, a client user can log in (using your branded login page if you have a custom domain) and access only their workspace - they cannot see other clients or your agency settings.

### How to Invite a Client User

1. Go to **Agency > Clients** in your dashboard
2. Click the actions menu (three dots) next to the client
3. Select **Users**
4. Enter the email address of the person you want to invite
5. Choose a role (Administrator, Editor, or Member)
6. Click **Add Team Member**

The invitee receives an email invitation with your agency branding. If you have a custom domain configured, the invitation link will use your branded URL.

<Tip>
  Send invitations while accessing the dashboard through your custom domain. This ensures the invite email and registration flow use your agency branding instead of SiteSpeak's.
</Tip>

### What Client Users Can See

Client users are scoped to their specific client workspace. They can:

* View and manage chatbots belonging to their client account
* Access the inbox and respond to conversations
* View leads and conversation history
* Manage training sources (within their limits)

Client users **cannot** see or access:

* Other client accounts
* The agency dashboard or settings
* Billing or subscription information
* Agency team management

### Client User Roles

The same roles available for agency team members apply to client users:

| Role | Permissions |
| - | - |
| **Administrator** | Full access to client chatbots, settings, and user management |
| **Editor** | Can view and respond to messages in the inbox and update chatbot answers |
| **Member** | Can view and respond to messages in the inbox |

## Per-Client Usage Limits

You can set individual message credit and source limits for each client. This lets you control how much of your agency's total allocation each client can use.

### Setting Limits

In the **Agency > Clients** table, each client row has **Messages** and **Sources** columns. Click on these fields to set a limit:

1. Click the **Set limit** text (or the existing limit value) in the Messages or Sources column
2. Enter the limit number
3. Press **Enter** or click away to save

Leave a field blank to remove the limit. Clients without explicit limits share the agency's total pool.

### How Limits Work

* **Message credits**: The limit controls how many message credits a client can use per month. When a client reaches their limit, their chatbots will stop responding until the next billing cycle or until you increase the limit.
* **Sources**: The limit controls how many training sources a client can add across all their chatbots. When reached, the client cannot add new sources until the limit is increased or existing sources are removed.
* **Agency ceiling**: Per-client limits work alongside your plan's total limits. Even if a client has remaining allocation, they cannot exceed the agency's overall plan limit.

### Over-Allocation Warning

If the sum of all client limits exceeds your agency's plan total, a warning banner appears at the top of the clients table. This is informational only - the agency plan total remains the hard ceiling.

<Note>
  Per-client limits are soft limits. Setting them helps you manage allocation across clients, but your agency plan's total limits are always the hard ceiling regardless of individual client settings.
</Note>

## Per-Client Integrations

Your agency plan decides which integrations exist. Per client, you decide which of them the client may use. New clients get everything your plan includes; untick an integration to keep it out of that client's workspace.

### Setting Integrations

1. Go to **Agency > Clients**
2. Click the actions menu (three dots) next to the client and select **Edit Client**, or set them when you create the client
3. Untick the integrations to withhold and save

The list covers WhatsApp, HubSpot, Slack, Google Chat, Telegram, Discord (chat) and Tools & actions.

### What Withholding Does

* The client's dashboard shows the integration as not enabled by your agency, with no connect button and no upgrade prompt.
* A connection the client already made is disconnected at once: the saved connection is removed, and they connect again if you re-enable it. Discord channels already added as training sources stay, but stop syncing new messages.
* Withholding **Tools & actions** stops the agent from using the client's installed tools. Their saved tools stay in place. Lead capture and transcript emails keep working, since they are part of the chat itself rather than tools the client adds.

### Via the API

Send `enabled_integrations` on [Create](/docs/api-reference/agency/create-client) or [Update](/docs/api-reference/agency/update-client) Client Workspace as a list of keys: `whatsapp`, `hubspot`, `slack`, `google_chat`, `telegram`, `discord`, `actions`. `null` means everything your plan includes; an empty list withholds all of them. Client responses echo the current value.

If you sell your own plans, keep the list per plan on your side and send it when you create the client and again on every plan change. SiteSpeak stores the list per client, not per plan.

<Note>
  Your plan is still the ceiling. Ticking an integration your agency plan does not include does not unlock it.
</Note>

## Client API Keys (BYOK)

You can let a client bring their own LLM API keys, so their chatbots run on the client's own provider accounts. This is off by default and is enabled per client with the `byok_enabled` field on the [Create](/docs/api-reference/agency/create-client) and [Update](/docs/api-reference/agency/update-client) Client Workspace API endpoints.

### What Clients Get

With BYOK enabled, workspace administrators see an **LLM API Keys** page in their profile settings where they can add keys for OpenAI, Anthropic, Google, and Cohere. They can also set OpenAI and Anthropic keys per chatbot in each chatbot's **AI Model** settings. Keys are validated against the provider before they are saved.

Key priority for a client chatbot: **chatbot key > workspace key > agency account key**. Your own account-level keys keep serving all client workspaces that have no key of their own, whether or not BYOK is enabled for them.

### Credits Still Count

Messages from client chatbots always count against the client's message credits and your agency pool, no matter whose key served them. Per-client limits keep working with BYOK enabled. The provider usage itself is billed by the provider to whoever owns the key.

### Disabling BYOK

Set `byok_enabled` to `false` to switch a client back off. Their key pages disappear, and any stored keys stay saved but stop serving; the client's chatbots fall back to your agency keys or platform keys. Enabling again restores the stored keys.

<Note>
  A key that the provider rejects (revoked, expired, or out of provider credit) does not fall back to other keys. The client's messages on that provider fail until the key is updated or removed. A failing Cohere key normally just skips search result reranking, so answers keep flowing with lower ranking quality.
</Note>

## Creating Chatbots for Clients

You can create chatbots for a client directly from the agency dashboard without leaving the page:

1. Click the actions menu (three dots) next to the client
2. Select **Create Agent**
3. Enter the agent name, an optional website URL, and choose a theme color
4. Click **Create Agent**

If you provide a website URL, the site will be crawled and the chatbot will start training automatically. After creation, you'll be taken to the chatbot's sources page to add more training data.

Once inside a client's chatbot, managing it works exactly the same as your own chatbots. All standard features are available - training sources, tools, appearance settings, integrations, and more.

Refer to the main SiteSpeak documentation for chatbot setup:

* [Create Your Chatbot](/docs/getting-started/create-your-chatbot)
* [Training Your Chatbot](/docs/training-your-chatbot/overview)
* [Tools & Actions](/docs/tools-and-actions/overview)

## Client Actions

From the actions menu (three dots) next to any client in the **Agency > Clients** table:

* **View Agents** - Expand the row to see the client's chatbots
* **Users** - Manage users invited to this client's workspace
* **Create Agent** - Create a new chatbot for this client
* **Edit Client** - Change the client's display name and which integrations they may use
* **Delete** - Permanently remove the client and all their chatbots, sources, and data. This action cannot be undone.

## Plan Limits

Each client counts toward your plan's client limit:

| Plan | Clients |
| - | - |
| Starter | 10 |
| Pro | 25 |
| Enterprise | Unlimited |

If you need more clients than your current plan allows, upgrade at [sitespeak.ai/agencies](https://sitespeak.ai/agencies).

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Custom Domain Setup
Source: https://sitespeak.ai/docs/agency/custom-domain

Serve your agency dashboard on your own domain (e.g., app.youragency.com) with automatic HTTPS. Available on Agency Pro and Enterprise plans.

A custom domain means your clients access the dashboard at your URL (e.g. `app.youragency.com`) instead of `app.sitespeak.ai`. Combined with your logo and branding, this creates a fully white-labeled experience with no visible SiteSpeak branding.

<Note>
  Custom domains are available on Agency Pro and Enterprise plans only.
</Note>

## Setup

<Steps>
  <Step title="Enter your domain in Branding settings">
    Go to **Agency > Branding** and find the **Custom Domain** field. Enter your desired domain or subdomain - for example, `app.youragency.com` - and click **Save**.
  </Step>

  <Step title="Add a CNAME record with your DNS provider">
    Log in to your domain registrar or DNS provider and add the following record:

    | Type | Name | Target |
    | - | - | - |
    | CNAME | `app` (or your full subdomain) | `app.sitespeak.ai` |

    For example, if your domain is `youragency.com` and you want `app.youragency.com`, create a CNAME record where the name is `app` and the target is `app.sitespeak.ai`.
  </Step>

  <Step title="Wait for DNS propagation">
    DNS changes can take anywhere from a few minutes to 24 hours to propagate, though it's usually much faster. You can check propagation status using a tool like [dnschecker.org](https://dnschecker.org).
  </Step>

  <Step title="Confirm verification">
    Once your CNAME is live, return to **Agency > Branding**. You'll see a green **Verified** badge next to your custom domain. Your dashboard is now accessible at your domain with HTTPS.
  </Step>
</Steps>

<Warning>
  SSL is provisioned automatically once your CNAME record is verified. Do not use an A record pointing to an IP address - only CNAME records are supported.
</Warning>

<Tip>
  Use a subdomain like `app.youragency.com` rather than a root/apex domain. Root domains cannot use CNAME records in most DNS configurations - subdomains are simpler to set up and verify.
</Tip>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Getting Started with Your Agency
Source: https://sitespeak.ai/docs/agency/getting-started

Set up your white-label AI chatbot agency in minutes. Configure branding, add your first client, and start delivering AI chatbots under your own brand.

This guide walks you through everything you need to go from signup to delivering your first white-label AI chatbot to a client.

<Steps>
  <Step title="Sign up for an Agency plan">
    Head to [sitespeak.ai/agencies#pricing](https://sitespeak.ai/agencies#pricing) and choose the plan that fits your agency size - Starter (up to 10 clients), Pro (up to 25 clients with custom domain), or Enterprise (unlimited).

    Once your account is created you'll land in your agency dashboard.
  </Step>

  <Step title="Set up your branding">
    Go to **Agency > Branding** in the dashboard. Upload your logo and set your brand name.

    This branding is applied to your dashboard and all emails sent to your clients. See the [Branding guide](/docs/agency/branding) for a full walkthrough.
  </Step>

  <Step title="Create your first client account">
    Go to **Agency > Clients** and click **Create Client**. Enter the client's name and confirm.

    A new isolated workspace is created for them with their own chatbots, training sources, and conversation history. See [Client Management](/docs/agency/client-management) for details.
  </Step>

  <Step title="Build a chatbot for the client">
    Use the client switcher in the top navigation to switch into your new client's workspace. From there, create and configure chatbots exactly as you would for your own account.

    All the standard SiteSpeak features are available - training sources, tools, appearance settings, and more. See [Create Your Chatbot](/docs/getting-started/create-your-chatbot) if you need a refresher.
  </Step>

  <Step title="Set client limits (optional)">
    Back on the **Agency > Clients** page, you can set per-client message credit and source limits. Click the **Set limit** text in the Messages or Sources column for any client to allocate a specific amount.

    This is useful for distributing your agency's total allocation across clients. See [Per-Client Usage Limits](/docs/agency/client-management#per-client-usage-limits) for details.
  </Step>

  <Step title="Invite client users (optional)">
    If your client wants direct access to their dashboard and inbox, you can invite them. Click the actions menu next to the client and select **Users**, then invite them by email.

    Client users can only see their own workspace - they cannot access other clients or your agency settings. If you have a custom domain, they will see your branded login page. See [Inviting Client Users](/docs/agency/client-management#inviting-client-users) for details.
  </Step>

  <Step title="Invite team members (optional)">
    Go to **Agency > Team** and invite colleagues by email. Choose a role for each member - Administrator, Editor, or Member.

    Team members automatically get access to all client accounts with the same role. No need to invite them to each client individually. See [Team Members](/docs/agency/team-members) for details on roles and permissions.
  </Step>

  <Step title="Set up a custom domain (optional, Pro+)">
    If you're on the Pro or Enterprise plan, you can serve the dashboard on your own domain so clients access it at `app.youragency.com` instead of `app.sitespeak.ai`.

    Follow the [Custom Domain guide](/docs/agency/custom-domain) to configure your DNS and verify your domain.
  </Step>
</Steps>

<Note>
  Client workspaces are managed through your agency dashboard. You can invite agency team members to help manage all clients, or invite client-specific users who only see their own workspace.
</Note>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Integration Apps
Source: https://sitespeak.ai/docs/agency/integrations

Register your own Slack and HubSpot apps so the consent screens your clients see carry your name instead of SiteSpeak's.

When a client connects Slack or HubSpot to one of their agents, the provider shows a consent screen naming the app that asks for access. By default that is SiteSpeak's app. Register your own app with the provider and enter its credentials under **Agency > Integrations**, and the consent screen carries your name and logo instead.

The page is visible to the agency owner only. Leave a provider empty to keep using SiteSpeak's app for it. WhatsApp needs no agency app: each agent already connects with its own Meta app.

## Slack

1. Create an app at [api.slack.com/apps](https://api.slack.com/apps).
2. Under **OAuth & Permissions**, add the redirect URLs shown on the Integrations page. One is on the SiteSpeak host and, once your [custom domain](/docs/agency/custom-domain) is verified, one is on that domain. A client can start the connection from either, so both must be registered. Use the copy button next to each URL.
3. In the same section, add these bot token scopes: `app_mentions:read`, `channels:read`, `chat:write`, `groups:read`, `im:read`, `mpim:read`, `users:read`.
4. Under **Event Subscriptions**, enable events, set the request URL shown on the Integrations page, and subscribe to the bot events `app_mention`, `message.im` and `message.mpim`.
5. Copy the app's **Client ID** and **Client Secret** from **Basic Information** into the Slack app section and save.

<Note>
  The events request URL is always on the SiteSpeak host, never on your custom domain. Slack posts events there and SiteSpeak routes each one to the right agent.
</Note>

## HubSpot

1. In your [HubSpot developer account](https://developers.hubspot.com/), create a public app.
2. Under **Auth**, add the redirect URLs shown on the Integrations page.
3. Add the scopes `crm.objects.contacts.read`, `crm.objects.contacts.write`, `tickets` and `oauth`. Add `scheduler.meetings.meeting-link.read` as an optional scope if your clients use the HubSpot bookings tool.
4. Copy the app's **Client ID** and **Client secret** into the HubSpot app section and save.

## How Credentials Are Stored

* The client secret is stored encrypted and never shown again. The field shows a placeholder while one is stored; enter a new value to replace it.
* A new or changed client ID needs its own secret. SiteSpeak never pairs an ID with a secret from a different app.
* Clearing the client ID clears the secret and switches that provider back to SiteSpeak's app.

<Warning>
  Connections your clients made through your app belong to that app. If you change or remove the HubSpot client ID, those connections can no longer be refreshed: the client's Settings page marks the HubSpot connection as needing a new connection, and lead sync pauses until they disconnect and connect again. Slack tokens do not expire, so Slack connections keep working for as long as your Slack app exists.
</Warning>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Agency & Reseller Program
Source: https://sitespeak.ai/docs/agency/overview

White-label AI chatbots for your agency. Manage client chatbots under your own brand with custom domains, branded emails, and a fully branded dashboard.

The SiteSpeak Agency & Reseller Program lets you deliver AI chatbots to your clients under your own brand - no SiteSpeak branding in sight. Upload your logo, add your domain, and manage all your clients from a single dashboard. It's white-label AI chatbot software built for agencies and resellers.

## What's Included

<CardGroup>
  <Card title="White-Label Branding" icon="paintbrush" href="/docs/agency/branding">
    Replace SiteSpeak branding with your own logo and brand name across the dashboard and all client-facing emails.
  </Card>

  <Card title="Client Management" icon="users" href="/docs/agency/client-management">
    Create and manage isolated client workspaces from a single agency dashboard. Each client gets their own chatbots, sources, and conversations.
  </Card>

  <Card title="Client Access" icon="log-in" href="/docs/agency/client-management#inviting-client-users">
    Give clients their own login to access their dashboard and inbox under your brand. Scoped to their workspace only.
  </Card>

  <Card title="Usage Limits" icon="gauge" href="/docs/agency/client-management#per-client-usage-limits">
    Set per-client message credit and source limits to control how your agency's allocation is distributed across clients.
  </Card>

  <Card title="Team Members" icon="user-plus" href="/docs/agency/team-members">
    Invite colleagues to your agency. Team members automatically get access to all client accounts with role-based permissions.
  </Card>

  <Card title="Custom Domain" icon="globe" href="/docs/agency/custom-domain">
    Serve your agency dashboard on your own domain (e.g. `app.youragency.com`) with automatic HTTPS. Available on Pro and Enterprise plans.
  </Card>

  <Card title="Branded Emails" icon="mail" href="/docs/agency/branding#email-branding">
    All transactional emails (lead captures, escalations, summaries) go out under your agency name, not SiteSpeak's.
  </Card>
</CardGroup>

## Plans

| Feature | Starter (\$399/mo) | Pro (\$699/mo) | Enterprise (\$1,299/mo) |
| - | - | - | - |
| Message credits / month | 15k | 25k | 50k |
| AI agents | 10 | 25 | Unlimited |
| Training sources | 5k | 12.5k | 50k |
| Clients | 10 | 25 | Unlimited |
| White-label dashboard & emails | Yes | Yes | Yes |
| Client logins | Yes | Yes | Yes |
| Per-client usage limits | Yes | Yes | Yes |
| Team members | Yes | Yes | Yes |
| Custom app domain | - | Yes | Yes |
| Dedicated support | - | - | Yes |

All plans include a 7-day free trial. For full pricing and to sign up, visit [sitespeak.ai/agencies](https://sitespeak.ai/agencies).

## Get Started

<Card title="Set up your agency in minutes" icon="rocket" href="/docs/agency/getting-started">
  Follow the step-by-step guide to configure your branding, add your first client, and start delivering white-label AI chatbots.
</Card>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Team Members
Source: https://sitespeak.ai/docs/agency/team-members

Invite team members to your agency. Members automatically get access to all client accounts with role-based permissions.

Invite colleagues to help manage your agency. When you add a team member at the agency level, they automatically get access to **all client accounts** with the same role - no need to invite them to each client individually.

## How It Works

Agency team membership uses a hierarchy model:

1. You invite a team member to your **agency team** with a specific role
2. That member automatically inherits access to **every client sub-team**
3. Their permissions across all clients match their agency-level role

When you add a new client, existing team members can immediately access it. No extra setup required.

## Inviting Team Members

1. Navigate to **Agency > Team** in your agency dashboard
2. Enter the email address of the person you want to invite
3. Select a role (see below)
4. Click **Add Team Member**

The invitee receives an email invitation. If they already have an account, they can accept and start working immediately. If not, they can create an account and accept the invitation.

<Note>
  If you have a custom domain configured, send invitations while on your custom domain so the invite link and registration flow use your agency branding.
</Note>

## Roles

| Role | Permissions |
| - | - |
| **Administrator** | Full access to all client chatbots, settings, and team management |
| **Editor** | Can view and respond to messages in the inbox and update chatbot answers |
| **Member** | Can view and respond to messages in the inbox |

All roles apply across every client account in your agency.

## Managing Team Members

From the **Agency > Team** page you can:

* **Change roles** - Click the role name next to a team member to update their permissions
* **Remove members** - Click "Remove" to revoke a team member's access to the agency and all client accounts
* **Cancel invitations** - Cancel pending invitations that haven't been accepted yet

## FAQ

**Can a team member have different roles for different clients?**

The role assigned at the agency level applies to all client accounts. If you need someone to have access to a specific client only, invite them as a [client user](/docs/agency/client-management#inviting-client-users) instead. Client users are scoped to a single client workspace and cannot see other clients or agency settings.

**Do team members count against any limits?**

No. There is no limit on the number of team members you can invite to your agency.

**Will team members see the agency dashboard?**

Yes. Team members can see the agency dashboard, switch between client accounts, and perform actions based on their assigned role.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Outbound Webhooks
Source: https://sitespeak.ai/docs/agency/webhooks

Receive signed HTTP notifications when events happen in your client workspaces, like a captured lead or a handoff request.

Webhooks let your systems react to platform events without polling. When an event happens in one of your client workspaces, SiteSpeak sends a signed POST request to your endpoint.

Manage endpoints under **Agency > Webhooks** in your dashboard, or via the [Agency API](/docs/api-reference/agency/create-webhook).

## Events

| Event | Fires when |
| - | - |
| `lead.captured` | A visitor leaves contact details in a client workspace's AI agent |
| `escalation.created` | A visitor asks to talk to a human |
| `client.credits_exhausted` | A client workspace runs out of message credits (monthly limit plus any top-up credits) |
| `ping` | You send a test from the dashboard or API |

Each endpoint can subscribe to specific events or receive all of them. Endpoints subscribed to all events also receive event types added in the future.

Behaviors to know:

* `lead.captured` fires the **first time** a visitor leaves contact details. Repeat submissions and identify calls for the same visitor do not fire it again.
* A handoff request that includes contact details fires `escalation.created` only, not both events. The escalation payload carries the same visitor contact fields.
* `client.credits_exhausted` fires **once per exhaustion**: it does not repeat while the client stays at zero, and it arms again once credits return (a [top-up](/docs/api-reference/agency/add-topup-credits), a limit raise, or the monthly renewal). It only fires for clients with their own `message_limit`, and only when their own budget runs out, not when your agency-wide pool does. Since it is a team-level event, `chatbot_id` is `null` in the payload.

## Payload

Every request body has the same envelope:

```json theme={null}
{
  "id": "9194bb86-10ab-443c-829c-5c420c475e2f",
  "event": "lead.captured",
  "timestamp": "2026-08-18T11:43:08+00:00",
  "team_id": "8e7a1b4c-8c7c-4029-aa4e-c3bf3c8b7abc",
  "external_reference": "your-billing-id-123",
  "chatbot_id": "8cc9fd44-4c7c-4d5d-aebe-68b03e8236fd",
  "data": {
    "visitor": {
      "id": "a176e7eb-c8bb-4be0-bc1a-608f4377df8d",
      "visitor_id": "wh-visitor-1",
      "email": "customer@example.com",
      "first_name": "Jane",
      "last_name": "Doe",
      "phone": null,
      "custom_data": { "company": "Acme Co" }
    },
    "chatbot_name": "Support Agent"
  }
}
```

* `id` is unique per delivery and stays the same across retries, so you can deduplicate.
* `team_id` is the client workspace the event happened in.
* `external_reference` is the billing reference you set on the client workspace, so you can map events straight to your own billing system.
* `data` is event-specific. `escalation.created` adds `last_message` and `inbox_url`. `client.credits_exhausted` carries `message_limit`, `messages_used`, and `topup_credits_remaining`.

## Auto-replenish flow

`client.credits_exhausted` pairs with the [Add Top-Up Credits](/docs/api-reference/agency/add-topup-credits) endpoint to automate replenishment: when the event arrives, charge the client in your own billing system, then call the top-ups API. Use the event's delivery id as your `Idempotency-Key` so a retried delivery can never buy credits twice. The client's AI agents start answering again within seconds of the top-up.

## Verifying signatures

Every request includes these headers:

| Header | Value |
| - | - |
| `X-Signature-256` | `sha256=` followed by an HMAC SHA-256 of the raw request body, keyed with your webhook secret |
| `X-Webhook-Event` | The event type |
| `X-Delivery-Id` | The delivery id (same as `id` in the body) |

Your webhook secret is shown once when you create the endpoint. Verify each request by computing the HMAC over the raw body and comparing:

```javascript Node.js theme={null}
const crypto = require("crypto")

function verify(rawBody, signatureHeader, secret) {
  const expected =
    "sha256=" + crypto.createHmac("sha256", secret).update(rawBody).digest("hex")
  const received = Buffer.from(signatureHeader ?? "")
  const expectedBuffer = Buffer.from(expected)

  // timingSafeEqual throws on length mismatch, so check length first.
  return (
    received.length === expectedBuffer.length &&
    crypto.timingSafeEqual(received, expectedBuffer)
  )
}
```

```php PHP theme={null}
function verify(string $rawBody, ?string $signatureHeader, string $secret): bool
{
    if ($signatureHeader === null) {
        return false;
    }

    $expected = 'sha256=' . hash_hmac('sha256', $rawBody, $secret);

    return hash_equals($expected, $signatureHeader);
}
```

Reject requests with a missing or invalid signature.

## Delivery and retries

* Respond with any `2xx` status within 15 seconds to acknowledge a delivery. Redirects are not followed.
* A failed delivery is attempted up to 5 times in total: the initial delivery plus 4 retries after 30 seconds, 2 minutes, 10 minutes, and 1 hour. A delivery that exhausts its attempts gets a last error ending in `(retries exhausted)`.
* The last 30 days of delivery attempts are visible under **Agency > Webhooks** and via the [deliveries endpoint](/docs/api-reference/agency/list-webhook-deliveries), including response status and the last error.
* To change an endpoint's URL or event subscriptions, use the [update endpoint](/docs/api-reference/agency/update-webhook); the signing secret stays the same. Deleting and recreating an endpoint generates a new secret.

Use the **Test** button in the dashboard (or the [test endpoint](/docs/api-reference/agency/test-webhook)) to send a signed `ping` event and confirm your endpoint and signature verification work end to end.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add Top-Up Credits
Source: https://sitespeak.ai/docs/api-reference/agency/add-topup-credits

POST https://api.sitespeak.ai/v1/agency/clients/{client_id}/topups
Adds top-up message credits to a client workspace

Available on agency plans. The API token must belong to the agency owner.

Top-up credits sit in a separate bucket next to the client's monthly allowance. The client's AI agents draw on them only after the monthly `message_limit` is used up, and the bucket carries over: it never expires at the monthly renewal or on `reset_credits`. Credits take effect within seconds.

Pairs with the [`client.credits_exhausted` webhook](/docs/agency/webhooks) for automated replenishment: charge the client in your own billing system when the event arrives, then call this endpoint with the event's delivery id as your `Idempotency-Key`.

<Note>
  Top-ups require the client to have their own `message_limit` of at least 1. Clients without one draw on your agency-wide pool and have no per-client budget to top up; the API returns 422 for them.
</Note>

<Note>
  Top-up credits freeze while a client is paused or suspended and come back untouched on resume. A soft pause drains only the remaining monthly allowance.
</Note>

<Note>
  If messages were served past the monthly limit shortly before the client ran dry, that small overflow is charged against the next top-up. `messages_remaining` in the response is the exact balance the client can serve.
</Note>

## Path Parameters

| Name | Type | Description |
| - | - | - |
| client\_id\* | String | The ID of the client workspace. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Content-Type\* | String | application/json |
| Authorization\* | String | Bearer  |
| Idempotency-Key\* | String | A unique key for this request. Retrying with the same key returns the original response without adding credits again. |

## Body

| Name | Type | Description |
| - | - | - |
| amount\* | Integer | Number of message credits to add. Between 1 and 1,000,000. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST "https://api.sitespeak.ai/v1/agency/clients/{client_id}/topups" \
    -H "Accept: application/json" \
    -H "Content-Type: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Idempotency-Key: topup-5ad8e662-e7a7-44e2-9b8d-825043bf7be5" \
    -d '{"amount": 1000}'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/clients/{client_id}/topups',
    {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN',
        'Idempotency-Key': 'topup-5ad8e662-e7a7-44e2-9b8d-825043bf7be5'
      },
      body: JSON.stringify({ amount: 1000 })
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

Returns the client workspace with the updated balances. `topup_credits_remaining` is the bucket balance and `messages_remaining` is the total the client can serve (monthly remaining plus top-up, capped by your agency pool).

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "client": {
        "id": "dfcee2e1-3ace-41c6-9803-fb2b7c7cdfc7",
        "name": "Acme Inc",
        "external_reference": "billing-account-1001",
        "status": "active",
        "pause_mode": null,
        "paused_at": null,
        "byok_enabled": false,
        "limits": {
          "chatbots": 2,
          "sources": 50,
          "messages": 5000,
          "response_tokens": null
        },
        "usage": {
          "chatbots": 1,
          "sources": 12,
          "messages": 5000
        },
        "messages_remaining": 1000,
        "topup_credits_remaining": 1000,
        "credits_exhausted_at": null,
        "credits_reset_at": null,
        "created_at": "2026-07-22T19:31:40+00:00"
      }
    }
    ```
  </Tab>

  <Tab title="422 No message limit">
    Returns when the client workspace has no `message_limit` set. Set one with `PATCH /clients/{client_id}` first.
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="404 Not found">
    Returns when no client workspace with this ID exists in your agency.
  </Tab>
</Tabs>


# Create Client Workspace
Source: https://sitespeak.ai/docs/api-reference/agency/create-client

POST https://api.sitespeak.ai/v1/agency/clients
Creates a client workspace, with an optional AI agent and portal invitation, in one call

Available on agency plans. The API token must belong to the agency owner.

Use this endpoint to provision a client from your own billing system: create the workspace, set its limits, create the first AI agent, and get an invitation link for your client, all in one request.

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |
| Content-Type\* | String | application/json |
| Idempotency-Key\* | String | A unique key for this request (for example your own account or order ID). Retrying with the same key and body returns the original response instead of creating a duplicate workspace. |

## Body Parameters

| Name | Type | Description |
| - | - | - |
| name\* | String | The client workspace name. |
| external\_reference | String | Your own identifier for this client (for example a billing system account ID). You can filter the client list by this value. |
| message\_limit | Integer | Monthly message credit limit for this client. Omit or `null` for no client-level limit. |
| source\_limit | Integer | Source limit for this client. Omit or `null` for no client-level limit. |
| chatbot\_limit | Integer | Maximum number of AI agents for this client. Omit or `null` for no client-level limit. |
| response\_token\_limit | Integer | Response length limit in tokens (50 to 10000) for this client's AI agents. Answers are shaped to fit, with a small allowance to finish the last sentence; `null` or omitted means no limit. |
| byok\_enabled | Boolean | When `true`, the client's workspace administrators can add their own LLM API keys. Defaults to `false`. Messages still count against the client's credits. See [Client API Keys (BYOK)](/docs/agency/client-management#client-api-keys-byok). |
| enabled\_integrations | Array | Which integrations this client may use: any of `whatsapp`, `hubspot`, `slack`, `google_chat`, `telegram`, `discord`, `actions`. Omit or `null` to allow everything your agency plan includes. An empty array withholds all of them. See [Per-Client Integrations](/docs/agency/client-management#per-client-integrations). |
| chatbot | Object | Optionally create the client's first AI agent in the same call. |
| chatbot.name\* | String | The AI agent name. Required when `chatbot` is present. |
| chatbot.website\_url | String | A website URL to crawl and train the agent on. |
| chatbot.accent\_color | String | Accent color for the agent widget. A random gradient is used when omitted. |
| invite\_email | String | Optionally create a portal invitation for this email address. The response includes the signed `accept_url`, which you deliver to your client (for example in your own onboarding email). |
| invite\_role | String | Role for the invited user: `admin`, `editor` or `member`. Defaults to `admin`. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST "https://api.sitespeak.ai/v1/agency/clients" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -H "Idempotency-Key: billing-account-1001" \
    -d '{
      "name": "Acme Inc",
      "external_reference": "billing-account-1001",
      "message_limit": 1000,
      "source_limit": 50,
      "chatbot_limit": 2,
      "response_token_limit": 500,
      "enabled_integrations": ["slack", "hubspot", "actions"],
      "chatbot": {
        "name": "Acme Support Agent",
        "website_url": "https://acme.example"
      },
      "invite_email": "owner@acme.example",
      "invite_role": "admin"
    }'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/agency/clients', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN',
      'Content-Type': 'application/json',
      'Idempotency-Key': 'billing-account-1001'
    },
    body: JSON.stringify({
      name: 'Acme Inc',
      external_reference: 'billing-account-1001',
      message_limit: 1000,
      source_limit: 50,
      chatbot_limit: 2,
      response_token_limit: 500,
      enabled_integrations: ['slack', 'hubspot', 'actions'],
      chatbot: {
        name: 'Acme Support Agent',
        website_url: 'https://acme.example'
      },
      invite_email: 'owner@acme.example',
      invite_role: 'admin'
    })
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

`chatbot` and `invitation` only appear when you sent them in the request.

The `accept_url` is a signed link your client uses to create their login and join the workspace. Deliver it in your own onboarding email. When your agency has a verified custom domain, the link points there, so your client signs up on your own portal.

<Tabs>
  <Tab title="201 Created">
    ```json theme={null}
    {
      "client": {
        "id": "dfcee2e1-3ace-41c6-9803-fb2b7c7cdfc7",
        "name": "Acme Inc",
        "external_reference": "billing-account-1001",
        "status": "active",
        "pause_mode": null,
        "paused_at": null,
        "byok_enabled": false,
        "enabled_integrations": ["slack", "hubspot", "actions"],
        "limits": {
          "chatbots": 2,
          "sources": 50,
          "messages": 1000,
          "response_tokens": 500
        },
        "usage": {
          "chatbots": 1,
          "sources": 0,
          "messages": 0
        },
        "messages_remaining": 1000,
        "topup_credits_remaining": 0,
        "credits_exhausted_at": null,
        "credits_reset_at": null,
        "created_at": "2026-07-22T19:31:40+00:00"
      },
      "chatbot": {
        "id": "cd2c8560-6669-486b-9a47-2f68b25a1d22",
        "name": "Acme Support Agent",
        "enabled": true,
        "accent_color": "linear-gradient(135deg, #34d399, #6ee7b7)",
        "messages_remaining": 1000,
        "created_at": "2026-07-22T19:31:41+00:00"
      },
      "invitation": {
        "email": "owner@acme.example",
        "role": "admin",
        "accept_url": "https://sitespeak.ai/team-invitations/123?signature=..."
      }
    }
    ```
  </Tab>

  <Tab title="400 Missing Idempotency-Key">
    Returns when the `Idempotency-Key` header is missing.
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="409 Request in progress">
    Returns when a request with the same `Idempotency-Key` is still being processed. Retry shortly.
  </Tab>

  <Tab title="422 Validation error">
    Returns when a field is invalid, the workspace limit for your plan is reached, or the `Idempotency-Key` was already used with a different request body.
  </Tab>
</Tabs>


# Create Client AI Agent
Source: https://sitespeak.ai/docs/api-reference/agency/create-client-chatbot

POST https://api.sitespeak.ai/v1/agency/clients/{client_id}/chatbots
Creates an AI agent in a client workspace

Available on agency plans. The API token must belong to the agency owner.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| client\_id\* | String | The ID of the client workspace. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |
| Content-Type\* | String | application/json |
| Idempotency-Key\* | String | A unique key for this request. Retrying with the same key and body returns the original response instead of creating a duplicate agent. |

## Body Parameters

| Name | Type | Description |
| - | - | - |
| name\* | String | The AI agent name. |
| website\_url | String | A website URL to crawl and train the agent on. |
| accent\_color | String | Accent color for the agent widget. A random gradient is used when omitted. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST "https://api.sitespeak.ai/v1/agency/clients/{client_id}/chatbots" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -H "Idempotency-Key: billing-account-1001-agent-2" \
    -d '{
      "name": "Acme Sales Agent",
      "website_url": "https://acme.example"
    }'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/clients/{client_id}/chatbots',
    {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN',
        'Content-Type': 'application/json',
        'Idempotency-Key': 'billing-account-1001-agent-2'
      },
      body: JSON.stringify({
        name: 'Acme Sales Agent',
        website_url: 'https://acme.example'
      })
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="201 Created">
    ```json theme={null}
    {
      "chatbot": {
        "id": "9f2a1c44-7d31-4a09-b2f1-3f5f4f2f7f10",
        "name": "Acme Sales Agent",
        "enabled": true,
        "accent_color": "linear-gradient(135deg, #4f46e5, #6366f1)",
        "messages_remaining": 726,
        "created_at": "2026-07-22T19:40:00+00:00"
      }
    }
    ```
  </Tab>

  <Tab title="400 Missing Idempotency-Key">
    Returns when the `Idempotency-Key` header is missing.
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="404 Not found">
    Returns when no client workspace with this ID exists in your agency.
  </Tab>

  <Tab title="409 Request in progress">
    Returns when a request with the same `Idempotency-Key` is still being processed. Retry shortly.
  </Tab>

  <Tab title="422 Validation error">
    Returns when the client's AI agent limit or your plan's agent limit is reached, a field is invalid, or the `Idempotency-Key` was already used with a different request body.
  </Tab>
</Tabs>


# Create Webhook
Source: https://sitespeak.ai/docs/api-reference/agency/create-webhook

POST https://api.sitespeak.ai/v1/agency/webhooks
Creates a webhook endpoint that receives signed event notifications

Available on agency plans. The API token must belong to the agency owner.

The response includes the signing secret **once**. Store it immediately; it cannot be retrieved later. See [Outbound Webhooks](/docs/agency/webhooks) for the payload format, signature verification, and retry behavior.

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |
| Content-Type\* | String | application/json |

## Body Parameters

| Name | Type | Description |
| - | - | - |
| url\* | String | The HTTPS endpoint to deliver events to. |
| events | Array | Event types to subscribe to: `lead.captured`, `escalation.created`. Omit to receive all events, including ones added later. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST "https://api.sitespeak.ai/v1/agency/webhooks" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -d '{
      "url": "https://yourapp.com/webhooks/sitespeak",
      "events": ["lead.captured"]
    }'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/agency/webhooks', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      url: 'https://yourapp.com/webhooks/sitespeak',
      events: ['lead.captured']
    })
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="201 Created">
    ```json theme={null}
    {
      "webhook": {
        "id": "4e1d795f-16b5-412a-b324-5f34779829a7",
        "team_id": "92754e3f-c05a-401e-9436-112990d0ce04",
        "url": "https://yourapp.com/webhooks/sitespeak",
        "events": ["lead.captured"],
        "active": true,
        "created_at": "2026-08-18T11:41:52.000000Z",
        "updated_at": "2026-08-18T11:41:52.000000Z"
      },
      "secret": "whsec_JIF5QiBtKjgDSvuGWifX6mtFICkIR1Y6mKDU1bot"
    }
    ```
  </Tab>

  <Tab title="422 Validation Error">
    ```json theme={null}
    {
      "message": "The url field must start with one of the following: https://.",
      "errors": {
        "url": ["The url field must start with one of the following: https://."]
      }
    }
    ```
  </Tab>
</Tabs>


# Delete Webhook
Source: https://sitespeak.ai/docs/api-reference/agency/delete-webhook

DELETE https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}
Deletes a webhook endpoint and its delivery history

Available on agency plans. The API token must belong to the agency owner.

Deliveries to the endpoint stop immediately and its delivery log is removed. This cannot be undone. To stop deliveries while keeping the endpoint and its history, [set it inactive](/docs/api-reference/agency/update-webhook) instead.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| webhook\_id\* | String | The ID of the webhook. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X DELETE "https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}',
    {
      method: 'DELETE',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN'
      }
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "message": "Webhook deleted."
    }
    ```
  </Tab>

  <Tab title="404 Not Found">
    ```json theme={null}
    {
      "message": "Not found."
    }
    ```
  </Tab>
</Tabs>


# Get Client Workspace
Source: https://sitespeak.ai/docs/api-reference/agency/get-client

GET https://api.sitespeak.ai/v1/agency/clients/{client_id}
Returns a single client workspace with its limits and current usage

Available on agency plans. The API token must belong to the agency owner.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| client\_id\* | String | The ID of the client workspace, as returned when it was created. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET "https://api.sitespeak.ai/v1/agency/clients/{client_id}" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/clients/{client_id}',
    {
      method: 'GET',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN'
      }
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

A `null` limit means no client-level limit is set for that resource. `response_tokens` is a per-answer length cap, not a usage quota, so it has no `usage` counterpart.

`usage.messages` counts message credits used in the current cycle, which starts at the beginning of the calendar month or at the client's last credit reset, whichever is later. `messages_remaining` is `null` when no message limit is set. `topup_credits_remaining` is the client's [top-up credit](/docs/api-reference/agency/add-topup-credits) balance, drawn only after the monthly limit is used up. `credits_exhausted_at` is set while the client's own budget (monthly plus top-up) is at zero and clears when credits return.

`enabled_integrations` is `null` when the client may use every integration your agency plan includes, or the list of keys they may use. See [Per-Client Integrations](/docs/agency/client-management#per-client-integrations).

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "client": {
        "id": "dfcee2e1-3ace-41c6-9803-fb2b7c7cdfc7",
        "name": "Acme Inc",
        "external_reference": "billing-account-1001",
        "status": "active",
        "pause_mode": null,
        "paused_at": null,
        "byok_enabled": false,
        "enabled_integrations": null,
        "limits": {
          "chatbots": 2,
          "sources": 50,
          "messages": 1000,
          "response_tokens": null
        },
        "usage": {
          "chatbots": 1,
          "sources": 12,
          "messages": 274
        },
        "messages_remaining": 726,
        "topup_credits_remaining": 0,
        "credits_exhausted_at": null,
        "credits_reset_at": null,
        "created_at": "2026-07-22T19:31:40+00:00"
      }
    }
    ```
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="404 Not found">
    Returns when no client workspace with this ID exists in your agency.
  </Tab>
</Tabs>


# List Client AI Agents
Source: https://sitespeak.ai/docs/api-reference/agency/list-client-chatbots

GET https://api.sitespeak.ai/v1/agency/clients/{client_id}/chatbots
Returns the AI agents in a client workspace

Available on agency plans. The API token must belong to the agency owner.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| client\_id\* | String | The ID of the client workspace. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET "https://api.sitespeak.ai/v1/agency/clients/{client_id}/chatbots" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/clients/{client_id}/chatbots',
    {
      method: 'GET',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN'
      }
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "chatbots": [
        {
          "id": "cd2c8560-6669-486b-9a47-2f68b25a1d22",
          "name": "Acme Support Agent",
          "enabled": true,
          "accent_color": "linear-gradient(135deg, #34d399, #6ee7b7)",
          "messages_remaining": 726,
          "created_at": "2026-07-22T19:31:41+00:00"
        }
      ]
    }
    ```
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="404 Not found">
    Returns when no client workspace with this ID exists in your agency.
  </Tab>
</Tabs>


# List Client Workspaces
Source: https://sitespeak.ai/docs/api-reference/agency/list-clients

GET https://api.sitespeak.ai/v1/agency/clients
Returns all client workspaces with their limits and current usage

Available on agency plans. The API token must belong to the agency owner.

## Query Parameters

| Name | Type | Description |
| - | - | - |
| external\_reference | String | Only return the client workspace with this `external_reference`. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET "https://api.sitespeak.ai/v1/agency/clients" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/agency/clients', {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

A `null` limit means no client-level limit is set for that resource. `response_tokens` is a per-answer length cap, not a usage quota, so it has no `usage` counterpart.

`usage.messages` counts message credits used in the current cycle, which starts at the beginning of the calendar month or at the client's last credit reset, whichever is later. `messages_remaining` is `null` when no message limit is set. `topup_credits_remaining` is the client's [top-up credit](/docs/api-reference/agency/add-topup-credits) balance, drawn only after the monthly limit is used up. `credits_exhausted_at` is set while the client's own budget (monthly plus top-up) is at zero and clears when credits return.

`enabled_integrations` is `null` when the client may use every integration your agency plan includes, or the list of keys they may use. See [Per-Client Integrations](/docs/agency/client-management#per-client-integrations).

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "clients": [
        {
          "id": "dfcee2e1-3ace-41c6-9803-fb2b7c7cdfc7",
          "name": "Acme Inc",
          "external_reference": "billing-account-1001",
          "status": "active",
          "pause_mode": null,
          "paused_at": null,
          "byok_enabled": false,
          "enabled_integrations": null,
          "limits": {
            "chatbots": 2,
            "sources": 50,
            "messages": 1000,
            "response_tokens": null
          },
          "usage": {
            "chatbots": 1,
            "sources": 12,
            "messages": 274
          },
          "messages_remaining": 726,
          "topup_credits_remaining": 0,
          "credits_exhausted_at": null,
          "credits_reset_at": null,
          "created_at": "2026-07-22T19:31:40+00:00"
        }
      ]
    }
    ```
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>
</Tabs>


# List Webhook Deliveries
Source: https://sitespeak.ai/docs/api-reference/agency/list-webhook-deliveries

GET https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}/deliveries
Lists recent delivery attempts for a webhook endpoint

Available on agency plans. The API token must belong to the agency owner.

Returns the delivery log for one endpoint, newest first. Deliveries are kept for 30 days.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| webhook\_id\* | String | The ID of the webhook. |

## Query Parameters

| Name | Type | Description |
| - | - | - |
| page | Integer | Page number. |
| per\_page | Integer | Results per page, max 100. Default 25. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl "https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}/deliveries" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}/deliveries',
    {
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN'
      }
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

Standard Laravel pagination envelope. Each delivery shows the payload that was sent, the last response status, the attempt count, and when it was delivered.

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "current_page": 1,
      "data": [
        {
          "id": "9194bb86-10ab-443c-829c-5c420c475e2f",
          "agency_webhook_id": "4e1d795f-16b5-412a-b324-5f34779829a7",
          "event": "lead.captured",
          "payload": {
            "id": "9194bb86-10ab-443c-829c-5c420c475e2f",
            "event": "lead.captured",
            "timestamp": "2026-08-18T11:43:08+00:00",
            "team_id": "8e7a1b4c-8c7c-4029-aa4e-c3bf3c8b7abc",
            "external_reference": "your-billing-id-123",
            "chatbot_id": "8cc9fd44-4c7c-4d5d-aebe-68b03e8236fd",
            "data": {
              "visitor": {
                "id": "a176e7eb-c8bb-4be0-bc1a-608f4377df8d",
                "email": "customer@example.com",
                "first_name": "Jane",
                "last_name": "Doe",
                "phone": null,
                "visitor_id": "wh-visitor-1",
                "custom_data": null
              },
              "chatbot_name": "Support Agent"
            }
          },
          "response_status": 200,
          "attempts": 1,
          "last_error": null,
          "delivered_at": "2026-08-18T11:43:10.000000Z",
          "created_at": "2026-08-18T11:43:08.000000Z",
          "updated_at": "2026-08-18T11:43:10.000000Z"
        }
      ],
      "per_page": 25,
      "total": 1
    }
    ```
  </Tab>
</Tabs>

A delivery with `delivered_at: null` and a `last_error` is still retrying, unless the error ends with `(retries exhausted)` or `(not sent)`, which is terminal.


# List Webhooks
Source: https://sitespeak.ai/docs/api-reference/agency/list-webhooks

GET https://api.sitespeak.ai/v1/agency/webhooks
Lists your webhook endpoints

Available on agency plans. The API token must belong to the agency owner.

Secrets are never included; they are only returned when a webhook is [created](/docs/api-reference/agency/create-webhook).

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl "https://api.sitespeak.ai/v1/agency/webhooks" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/agency/webhooks', {
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "webhooks": [
        {
          "id": "4e1d795f-16b5-412a-b324-5f34779829a7",
          "team_id": "92754e3f-c05a-401e-9436-112990d0ce04",
          "url": "https://yourapp.com/webhooks/sitespeak",
          "events": null,
          "active": true,
          "created_at": "2026-08-18T11:41:52.000000Z",
          "updated_at": "2026-08-18T11:41:52.000000Z"
        }
      ],
      "events": ["lead.captured", "escalation.created"]
    }
    ```
  </Tab>
</Tabs>

A `null` events value means the webhook receives all events.


# Pause Client Workspace
Source: https://sitespeak.ai/docs/api-reference/agency/pause-client

POST https://api.sitespeak.ai/v1/agency/clients/{client_id}/pause
Pauses a client workspace with a hard or soft stop

Available on agency plans. The API token must belong to the agency owner.

Use this when a client cancels or fails payment. You choose the stop behavior per call:

* **hard**: the client's AI agents stop answering right away and the widget no longer loads on their site.
* **soft**: the client's AI agents keep answering until their remaining monthly message credits run out. Credits are not refilled while paused.

In both modes the monthly credit reset skips the workspace until you resume it. Calling pause again with a different mode switches the mode.

<Note>
  Top-up credits freeze during any pause: they are not drained, not served, and come back untouched on resume. A soft pause drains only the client's remaining monthly allowance, so a client currently serving on top-up credits stops right away.
</Note>

## Path Parameters

| Name | Type | Description |
| - | - | - |
| client\_id\* | String | The ID of the client workspace. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |
| Content-Type\* | String | application/json |
| Idempotency-Key\* | String | A unique key for this request. Retrying with the same key and body returns the original response. |

## Body Parameters

| Name | Type | Description |
| - | - | - |
| mode\* | String | `hard` or `soft`. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST "https://api.sitespeak.ai/v1/agency/clients/{client_id}/pause" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -H "Idempotency-Key: pause-2026-08-01-client-1001" \
    -d '{
      "mode": "hard"
    }'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/clients/{client_id}/pause',
    {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN',
        'Content-Type': 'application/json',
        'Idempotency-Key': 'pause-2026-08-01-client-1001'
      },
      body: JSON.stringify({
        mode: 'hard'
      })
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

Returns the client workspace with its new status. After a hard pause, `messages_remaining` is `0` while the pause lasts.

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "client": {
        "id": "dfcee2e1-3ace-41c6-9803-fb2b7c7cdfc7",
        "name": "Acme Inc",
        "external_reference": "billing-account-1001",
        "status": "paused",
        "pause_mode": "hard",
        "paused_at": "2026-08-01T09:15:00+00:00",
        "byok_enabled": false,
        "limits": {
          "chatbots": 2,
          "sources": 50,
          "messages": 5000,
          "response_tokens": null
        },
        "usage": {
          "chatbots": 1,
          "sources": 12,
          "messages": 1240
        },
        "messages_remaining": 0,
        "topup_credits_remaining": 0,
        "credits_exhausted_at": null,
        "credits_reset_at": null,
        "created_at": "2026-07-22T19:31:40+00:00"
      }
    }
    ```
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="404 Not found">
    Returns when no client workspace with this ID exists in your agency.
  </Tab>

  <Tab title="422 Validation error">
    Returns when `mode` is missing or not `hard` or `soft`.
  </Tab>
</Tabs>


# Resume Client Workspace
Source: https://sitespeak.ai/docs/api-reference/agency/resume-client

POST https://api.sitespeak.ai/v1/agency/clients/{client_id}/resume
Resumes a paused or suspended client workspace

Available on agency plans. The API token must belong to the agency owner.

Returns the workspace to `active` from either `paused` or `suspended`. The client's AI agents start answering again within seconds, the widget loads again, and their message credits are recomputed for the current month right away.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| client\_id\* | String | The ID of the client workspace. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |
| Idempotency-Key\* | String | A unique key for this request. Retrying with the same key returns the original response. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST "https://api.sitespeak.ai/v1/agency/clients/{client_id}/resume" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Idempotency-Key: resume-2026-08-05-client-1001"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/clients/{client_id}/resume',
    {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN',
        'Idempotency-Key': 'resume-2026-08-05-client-1001'
      }
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

Returns the client workspace with `status: "active"` and recomputed credits.

<Tip>
  To resume with a fresh credit allowance instead of the drained balance, follow the resume call with `PATCH /clients/{client_id}` and `reset_credits: true`.
</Tip>

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "client": {
        "id": "dfcee2e1-3ace-41c6-9803-fb2b7c7cdfc7",
        "name": "Acme Inc",
        "external_reference": "billing-account-1001",
        "status": "active",
        "pause_mode": null,
        "paused_at": null,
        "byok_enabled": false,
        "limits": {
          "chatbots": 2,
          "sources": 50,
          "messages": 5000,
          "response_tokens": null
        },
        "usage": {
          "chatbots": 1,
          "sources": 12,
          "messages": 1240
        },
        "messages_remaining": 3760,
        "topup_credits_remaining": 0,
        "credits_exhausted_at": null,
        "credits_reset_at": null,
        "created_at": "2026-07-22T19:31:40+00:00"
      }
    }
    ```
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="404 Not found">
    Returns when no client workspace with this ID exists in your agency.
  </Tab>
</Tabs>


# Suspend Client Workspace
Source: https://sitespeak.ai/docs/api-reference/agency/suspend-client

POST https://api.sitespeak.ai/v1/agency/clients/{client_id}/suspend
Suspends a client workspace: serving stops and the workspace becomes read-only

Available on agency plans. The API token must belong to the agency owner.

Suspend is a stronger stop than pause. The client's AI agents stop answering right away, the widget no longer loads on their site, and the workspace rejects new chatbot creation until you resume it. Nothing is deleted: all chatbots, sources and conversation history stay intact.

Use pause for temporary states like dunning, and suspend when a client's account has ended.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| client\_id\* | String | The ID of the client workspace. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |
| Idempotency-Key\* | String | A unique key for this request. Retrying with the same key returns the original response. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST "https://api.sitespeak.ai/v1/agency/clients/{client_id}/suspend" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Idempotency-Key: suspend-2026-08-01-client-1001"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/clients/{client_id}/suspend',
    {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN',
        'Idempotency-Key': 'suspend-2026-08-01-client-1001'
      }
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

Returns the client workspace with its new status. While suspended, `messages_remaining` is `0` and `POST /clients/{client_id}/chatbots` returns a 422 error.

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "client": {
        "id": "dfcee2e1-3ace-41c6-9803-fb2b7c7cdfc7",
        "name": "Acme Inc",
        "external_reference": "billing-account-1001",
        "status": "suspended",
        "pause_mode": null,
        "paused_at": "2026-08-01T09:15:00+00:00",
        "byok_enabled": false,
        "limits": {
          "chatbots": 2,
          "sources": 50,
          "messages": 5000,
          "response_tokens": null
        },
        "usage": {
          "chatbots": 1,
          "sources": 12,
          "messages": 1240
        },
        "messages_remaining": 0,
        "topup_credits_remaining": 0,
        "credits_exhausted_at": null,
        "credits_reset_at": null,
        "created_at": "2026-07-22T19:31:40+00:00"
      }
    }
    ```
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="404 Not found">
    Returns when no client workspace with this ID exists in your agency.
  </Tab>
</Tabs>


# Test Webhook
Source: https://sitespeak.ai/docs/api-reference/agency/test-webhook

POST https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}/test
Sends a signed ping event so you can verify your endpoint

Available on agency plans. The API token must belong to the agency owner.

Queues a `ping` event to the endpoint, signed exactly like real events, so you can verify your endpoint and signature handling end to end. Check the result with the [deliveries endpoint](/docs/api-reference/agency/list-webhook-deliveries).

## Path Parameters

| Name | Type | Description |
| - | - | - |
| webhook\_id\* | String | The ID of the webhook. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST "https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}/test" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}/test',
    {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN'
      }
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="202 Accepted">
    ```json theme={null}
    {
      "delivery_id": "be5b6e75-258d-4e97-a4fa-e02e6daf0267"
    }
    ```
  </Tab>

  <Tab title="422 Inactive">
    ```json theme={null}
    {
      "message": "This webhook is inactive. Activate it before sending a test."
    }
    ```
  </Tab>
</Tabs>

The ping your endpoint receives:

```json theme={null}
{
  "id": "be5b6e75-258d-4e97-a4fa-e02e6daf0267",
  "event": "ping",
  "timestamp": "2026-08-18T11:42:01+00:00",
  "team_id": null,
  "external_reference": null,
  "chatbot_id": null,
  "data": {
    "message": "SiteSpeak webhook test"
  }
}
```


# Update Client Workspace
Source: https://sitespeak.ai/docs/api-reference/agency/update-client

PATCH https://api.sitespeak.ai/v1/agency/clients/{client_id}
Updates a client workspace: name, limits, external reference, or a mid-cycle credit reset

Available on agency plans. The API token must belong to the agency owner.

Only the fields you send are changed. Common flows:

* **Raise credits mid-cycle**: send a higher `message_limit`. The client keeps their usage and gains the difference.
* **Plan change with a credit reset**: send the new `message_limit` together with `reset_credits: true`. The client's usage counter restarts immediately, so their remaining credits become the full new limit, up to your agency plan's remaining monthly credits. Nothing carries over.
* **Cap response length**: send `response_token_limit` to bound how long the client's AI agents' answers can be. The agents are instructed to write complete answers that fit the budget, with a hard token cut as the backstop. Enforcement is approximate: the model targets the limit and gets a small allowance to finish its last sentence, so treat the value as a strong target, not an exact cutoff.
* **Let a client use their own LLM keys**: send `byok_enabled: true`. Their workspace administrators can then add API keys in their portal. Messages still count against the client's credits. See [Client API Keys (BYOK)](/docs/agency/client-management#client-api-keys-byok).
* **Withhold integrations**: send `enabled_integrations` with the keys the client may use. Anything left out is disconnected for that client right away (their saved connection is removed) and hidden from their dashboard. Send `null` to allow everything again. See [Per-Client Integrations](/docs/agency/client-management#per-client-integrations).

Limits apply from the next message or source the client uses. Message credits also reset automatically at the start of each calendar month.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| client\_id\* | String | The ID of the client workspace. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |
| Content-Type\* | String | application/json |
| Idempotency-Key | String | Optional. When set, retrying with the same key and body returns the original response. |

## Body Parameters

| Name | Type | Description |
| - | - | - |
| name | String | The client workspace name. |
| external\_reference | String | Your own identifier for this client. Send `null` to clear it. |
| message\_limit | Integer | Monthly message credit limit. Send `null` to remove the client-level limit. |
| source\_limit | Integer | Source limit. Send `null` to remove the client-level limit. |
| chatbot\_limit | Integer | Maximum number of AI agents. Send `null` to remove the client-level limit. |
| response\_token\_limit | Integer | Response length limit in tokens (50 to 10000), enforced approximately (see above). Applies to new answers within seconds. Send `null` to remove the limit. |
| byok\_enabled | Boolean | When `true`, the client's workspace administrators can add their own LLM API keys. Messages still count against the client's credits. When switched back to `false`, stored keys stop serving. See [Client API Keys (BYOK)](/docs/agency/client-management#client-api-keys-byok). |
| enabled\_integrations | Array | Which integrations this client may use: any of `whatsapp`, `hubspot`, `slack`, `google_chat`, `telegram`, `discord`, `actions`. Anything left out is disconnected for the client at once and hidden from their dashboard. Send `null` to allow everything your agency plan includes. See [Per-Client Integrations](/docs/agency/client-management#per-client-integrations). |
| reset\_credits | Boolean | When `true`, the client's usage counter restarts now and their remaining credits become the full `message_limit` (or the existing limit when `message_limit` is omitted). Use for mid-cycle plan changes. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X PATCH "https://api.sitespeak.ai/v1/agency/clients/{client_id}" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -d '{
      "message_limit": 5000,
      "reset_credits": true,
      "response_token_limit": 500
    }'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/clients/{client_id}',
    {
      method: 'PATCH',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        message_limit: 5000,
        reset_credits: true,
        response_token_limit: 500
      })
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

Returns the updated client workspace. After a credit reset, `credits_reset_at` holds the reset time and `usage.messages` starts again from 0.

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "client": {
        "id": "dfcee2e1-3ace-41c6-9803-fb2b7c7cdfc7",
        "name": "Acme Inc",
        "external_reference": "billing-account-1001",
        "status": "active",
        "pause_mode": null,
        "paused_at": null,
        "byok_enabled": false,
        "enabled_integrations": null,
        "limits": {
          "chatbots": 2,
          "sources": 50,
          "messages": 5000,
          "response_tokens": 500
        },
        "usage": {
          "chatbots": 1,
          "sources": 12,
          "messages": 0
        },
        "messages_remaining": 5000,
        "topup_credits_remaining": 0,
        "credits_exhausted_at": null,
        "credits_reset_at": "2026-07-22T19:32:46+00:00",
        "created_at": "2026-07-22T19:31:40+00:00"
      }
    }
    ```
  </Tab>

  <Tab title="403 Not an agency account">
    Returns when the API token does not belong to an agency account owner.
  </Tab>

  <Tab title="404 Not found">
    Returns when no client workspace with this ID exists in your agency.
  </Tab>

  <Tab title="422 Validation error">
    Returns when a field is invalid.
  </Tab>
</Tabs>


# Update Webhook
Source: https://sitespeak.ai/docs/api-reference/agency/update-webhook

PATCH https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}
Updates a webhook endpoint URL, event subscriptions, or active state

Available on agency plans. The API token must belong to the agency owner.

Only the fields you send are changed. Changing the URL or events keeps the signing secret. Setting `active` to `false` stops deliveries without deleting the endpoint or its history; queued retries for earlier events are marked as not sent while it is inactive.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| webhook\_id\* | String | The ID of the webhook. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |
| Content-Type\* | String | application/json |
| Idempotency-Key\* | String | A unique key for this request. Retrying with the same key and body returns the original response. |

## Body Parameters

| Name | Type | Description |
| - | - | - |
| url | String | The HTTPS endpoint to deliver events to. |
| events | Array | Event types to subscribe to, or `null` for all events. |
| active | Boolean | Whether deliveries are enabled. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X PATCH "https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -H "Idempotency-Key: webhook-disable-1" \
    -d '{
      "active": false
    }'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/agency/webhooks/{webhook_id}',
    {
      method: 'PATCH',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN',
        'Content-Type': 'application/json',
        'Idempotency-Key': 'webhook-disable-1'
      },
      body: JSON.stringify({ active: false })
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "webhook": {
        "id": "4e1d795f-16b5-412a-b324-5f34779829a7",
        "team_id": "92754e3f-c05a-401e-9436-112990d0ce04",
        "url": "https://yourapp.com/webhooks/sitespeak",
        "events": null,
        "active": false,
        "created_at": "2026-08-18T11:41:52.000000Z",
        "updated_at": "2026-08-18T11:50:12.000000Z"
      }
    }
    ```
  </Tab>

  <Tab title="404 Not Found">
    ```json theme={null}
    {
      "message": "Not found."
    }
    ```
  </Tab>
</Tabs>


# Get Analytics
Source: https://sitespeak.ai/docs/api-reference/analytics/get-analytics

GET https://api.sitespeak.ai/v1/{chatbot_id}/analytics
Returns analytics and performance data for your chatbot

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Query Parameters

| Name | Type | Description |
| - | - | - |
| from | String | Start date (ISO 8601, e.g. `2026-06-01`). Defaults to 30 days ago. |
| to | String | End date (ISO 8601). Defaults to today. The range is capped at 366 days. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET "https://api.sitespeak.ai/v1/{chatbot_id}/analytics?from=2026-06-01&to=2026-06-30" \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch(
    'https://api.sitespeak.ai/v1/{chatbot_id}/analytics?from=2026-06-01&to=2026-06-30',
    {
      method: 'GET',
      headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer YOUR_API_TOKEN'
      }
    }
  );

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

The `previousPeriod*` fields cover the period of the same length directly before `from`, so you can show trends.

`leads` counts visitors that shared an email address or phone number in the period. It is `null` when your API token's user does not have permission to view contacts for the chatbot.

The `popular` lists are limited to the top 10 entries each.

`insights` contains AI-generated summaries of the most common answered and unanswered questions. Either entry can be `null` when no insights exist for the period yet.

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "fromDate": "2026-06-01",
      "toDate": "2026-06-30",
      "totalConversations": 412,
      "averageConversationsPerDay": 13.7,
      "answeredQuestionsPercentage": 91.4,
      "negativeSentimentPercentage": 4.2,
      "messagesPerConversation": 5,
      "positiveFeedback": 37,
      "negativeFeedback": 3,
      "uniqueLinkClicks": 96,
      "leads": 28,
      "previousPeriodConversations": 388,
      "previousPeriodAnsweredQuestionsPercentage": 89.9,
      "previousPeriodNegativeSentimentPercentage": 5.1,
      "previousPeriodMessagesPerConversation": 4,
      "previousPeriodPositiveFeedback": 31,
      "previousPeriodNegativeFeedback": 5,
      "conversationsPerDay": {
        "2026-06-01": 11,
        "2026-06-02": 16
      },
      "popular": {
        "popularLinks": [
          {
            "id": "",
            "url": "https://example.com/pricing",
            "title": "Pricing",
            "conversations_count": 54
          }
        ],
        "popularCategories": [
          {
            "name": "Pricing",
            "conversations_count": 61
          }
        ],
        "popularEvents": [
          {
            "value": "https://example.com/signup",
            "click_count": 33
          }
        ],
        "topCountries": [
          {
            "country": "Austria",
            "country_code": "AT",
            "visitors_count": 122
          }
        ]
      },
      "insights": {
        "period_type": "weekly",
        "answered_questions": {
          "insight_data": [
            {
              "summary_question": "What is the cost of the service?",
              "theme": "Pricing",
              "frequency": 8,
              "examples": ["How much does it cost?", "What's the monthly price?"]
            }
          ]
        },
        "unanswered_questions": null
      }
    }
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>

  <Tab title="422 Invalid dates">
    Returns when `from` or `to` is not a valid date, or `from` is after `to`.
  </Tab>
</Tabs>


# Retrieve Chatbot Settings
Source: https://sitespeak.ai/docs/api-reference/chatbot/get-chatbot

GET https://api.sitespeak.ai/v1/{chatbot_id}
Returns the settings for the chatbot

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET https://api.sitespeak.ai/v1/{chatbot_id} \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/{chatbot_id}', {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "id": "",
      "user_id": "",
      "name": "",
      "description": null,
      "welcome_message": "👋 Hello, how can I help you today?",
      "placeholder": "Ask a question...",
      "accent_color": "#6366f1",
      "launcher_icon": null,
      "launcher_text": null,
      "header_icon": null,
      "share_icon": null,
      "font_size": "small",
      "header_size": "small",
      "height": 720,
      "sources_label": "Sources",
      "enable_sources": 1,
      "hide_powered_by": 0,
      "enable_hide_chatbot": 0,
      "position": "bottom-right",
      "domain": null,
      "domain_id": "",
      "domain_verified": 0,
      "goals_prompt": "Your main goal is to provide the user with a concise answer that is relevant to the question.",
      "system_prompt": "You are a kind and friendly expert in analyzing and extracting information from various sources. You are part of the business, so all responses MUST be in the first person plural. All your responses MUST be friendly and informal.",
      "user_prompt": null,
      "default_answer": "I am sorry, I do not know the answer to that question. Please contact support for further assistance.",
      "default_language": "auto",
      "history_count": 1,
      "gpt_model": "ChatGPT",
      "temperature": 0,
      "topK": 3,
      "enable_escalations": 1,
      "enable_escalations_notification": 0,
      "escalations_email": "",
      "escalate_message_threshold": 1,
      "enable_chatgpt_fallback": 0,
      "fallback_excluded_topics": null,
      "created_at": "2023-09-28T14:12:26.000000Z",
      "updated_at": "2023-10-03T05:49:37.000000Z",
      "deleted_at": null
    }
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Get Conversation History
Source: https://sitespeak.ai/docs/api-reference/conversations/get-conversations

GET https://api.sitespeak.ai/v1/{chatbot_id}/conversations
Returns the conversations your visitors has had with your chatbot

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Headers

| Name | Type | Description |
| - | - | - |
| Authorization\* | String | Bearer  |

## Query Parameters

| Name | Type | Description |
| - | - | - |
| conversation\_id | String | Return only conversations with this conversation\_id (visitor). |
| include\_deleted | Boolean | Include conversations that have been cleared in the response. Default: False. |
| include\_sources | Boolean | Include sources that were used by your bot for each conversation when available. Default: False. |
| limit | Integer | Limit the number of conversations returned. Default: 10. |
| order | String | Sort order for the conversation history returned. Can be either "asc" or "desc". Default: "asc". |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET "https://api.sitespeak.ai/v1/{chatbot_id}/conversations?limit=10&order=desc&include_sources=true" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const params = new URLSearchParams({
    limit: 10,
    order: 'desc',
    include_sources: true
  });

  const response = await fetch(`https://api.sitespeak.ai/v1/{chatbot_id}/conversations?${params}`, {
    method: 'GET',
    headers: {
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    [
      {
        "id": "f72caccf-40b7-4b17-9b20-b314cfcb3f21",
        "chatbot_id": "7878ffe5-d785-48d6-8113-23eaa4ed2c39",
        "visitor_id": "100753748e9cefddb50e9fca5dd59295",
        "thread_id": null,
        "entry": "SnapWidget is a platform that allows you to automatically display your Instagram, Twitter, Facebook, and YouTube content on your website.",
        "speaker": "bot",
        "avatar": null,
        "status": "read",
        "feedback": null,
        "category_id": null,
        "created_at": "2024-06-04 11:42:29",
        "updated_at": "2024-06-04 11:42:29",
        "deleted_at": null
      },
      {
        "id": "581b2dc1-3e54-4188-8c4c-2442c8891ec3",
        "chatbot_id": "7878ffe5-d785-48d6-8113-23eaa4ed2c39",
        "visitor_id": "100753748e9cefddb50e9fca5dd59295",
        "thread_id": null,
        "entry": "Please provide a short overview of what SnapWidget is?",
        "speaker": "user",
        "avatar": null,
        "status": "read",
        "feedback": null,
        "category_id": null,
        "created_at": "2024-06-04 11:42:25",
        "updated_at": "2024-06-04 11:42:25",
        "deleted_at": null,
        "sources": []
      }
    ]
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Create Updated Answer
Source: https://sitespeak.ai/docs/api-reference/echo/create-echo

POST https://api.sitespeak.ai/v1/{chatbot_id}/finetunes
Creates or updates an existing updated answer for the chatbot

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

## Body

| Name | Type | Description |
| - | - | - |
| question\* | String | Question that you would like to add an answer for. |
| suggested\_answer\* | String | The answer you would like your chatbot to respond with. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST https://api.sitespeak.ai/v1/{chatbot_id}/finetunes \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -d '{
      "question": "What is SiteSpeakAI?",
      "suggested_answer": "SiteSpeakAI is a smart AI chatbot that can answer your visitors questions in realtime, saving you time and money on customer support costs."
    }'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/{chatbot_id}/finetunes', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      question: 'What is SiteSpeakAI?',
      suggested_answer: 'SiteSpeakAI is a smart AI chatbot that can answer your visitors questions in realtime, saving you time and money on customer support costs.'
    })
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "message": "Finetune created successfully",
      "finetune": {
        "question": "What is SiteSpeakAI?",
        "suggested_answer": "SiteSpeakAI is a smart AI chatbot that can answer your visitors questions in realtime, saving you time and money on customer support costs.",
        "vector_id": "d18696f2-0142-4404-a362-96d542e3cb43",
        "chatbot_id": "49d0204c-32f1-43c3-a1aa-6942f5737f43",
        "id": "0d616a06-1dd4-4523-a741-20051c854938",
        "updated_at": "2024-06-26T13:09:22.000000Z",
        "created_at": "2024-06-26T13:09:22.000000Z"
      }
    }
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Delete Updated Answer
Source: https://sitespeak.ai/docs/api-reference/echo/delete-echo

DELETE https://api.sitespeak.ai/v1/{chatbot_id}/finetunes/{finetune_id}
Deletes an updated answer for the chatbot

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |
| finetune\_id\* | String | The ID of the updated answer you want to delete. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X DELETE https://api.sitespeak.ai/v1/{chatbot_id}/finetunes/{finetune_id} \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/{chatbot_id}/finetunes/{finetune_id}', {
    method: 'DELETE',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "message": "Finetune deleted successfully"
    }
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Retrieve Updated Answers
Source: https://sitespeak.ai/docs/api-reference/echo/get-echo

GET https://api.sitespeak.ai/v1/{chatbot_id}/finetunes
Returns the updated answers for the chatbot. These are custom question and answer pairs for your chatbot.

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET https://api.sitespeak.ai/v1/{chatbot_id}/finetunes \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/{chatbot_id}/finetunes', {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    [
      {
        "id": "0d616a06-1dd4-4523-a741-20051c854938",
        "chatbot_id": "49d0204c-32f1-43c3-a1aa-6942f5737f43",
        "question": "What is SiteSpeakAI?",
        "suggested_answer": "SiteSpeakAI is a smart AI chatbot that can answer your visitors questions in realtime, saving you time and money on customer support costs.",
        "vector_id": "d18696f2-0142-4404-a362-96d542e3cb43",
        "created_at": "2024-06-26T13:09:22.000000Z",
        "updated_at": "2024-06-26T13:09:22.000000Z"
      }
    ]
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Quick Start
Source: https://sitespeak.ai/docs/api-reference/introduction

Get up and running with the SiteSpeakAI API

## Get your API keys

Your API requests are authenticated using API keys. Any request that doesn't include an API key will return an error.

You can generate an API key from your [Account page](https://sitespeak.ai/user/api-tokens) at any time.

## Make your first request

To make your first request, send an authenticated request to the `/me` endpoint. This will return your user account details.

### Retrieve your user account details

<Note>
  **GET** `https://api.sitespeak.ai/v1/me`

  Retrieves your user account details and validates that your token is active.
</Note>

#### Headers

| Name | Type | Description |
| - | - | - |
| Authorization\* | String | Bearer  |

<CodeGroup>
  ```bash cURL theme={null}
  curl -X GET https://api.sitespeak.ai/v1/me \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/me', {
    method: 'GET',
    headers: {
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</CodeGroup>

#### Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "user": {
        "id": "",
        "name": "Your Name",
        "email": "your.email@example.com",
        "social_id": null,
        "social_type": null,
        "current_team_id": null,
        "profile_photo_path": null,
        "created_at": "2023-06-20T18:05:18.000000Z",
        "updated_at": "2023-09-24T12:11:48.000000Z",
        "avatar": "",
        "profile_photo_url": ""
      }
    }
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>

***

## API Reference

Dive into the specifics of each API endpoint by checking out our complete documentation:

<CardGroup>
  <Card title="Chatbot" icon="robot" href="/docs/api-reference/chatbot/get-chatbot">
    All methods associated with a chatbot
  </Card>

  <Card title="Analytics" icon="chart-line" href="/docs/api-reference/analytics/get-analytics">
    Retrieve analytics and performance data for a chatbot
  </Card>

  <Card title="Conversation History" icon="messages" href="/docs/api-reference/conversations/get-conversations">
    Retrieve conversation history from a chatbot
  </Card>

  <Card title="Updated Answers" icon="sliders" href="/docs/api-reference/echo/get-echo">
    Retrieve, create and delete updated answers
  </Card>

  <Card title="Leads" icon="user-plus" href="/docs/api-reference/leads/get-leads">
    Retrieve leads captured by a chatbot
  </Card>

  <Card title="Suggested Messages" icon="lightbulb" href="/docs/api-reference/prompts/get-prompts">
    Retrieve the suggested messages for a chatbot
  </Card>

  <Card title="Query" icon="magnifying-glass" href="/docs/api-reference/query/query-chatbot">
    Query a chatbot and get responses
  </Card>

  <Card title="Sources" icon="database" href="/docs/api-reference/sources/get-sources">
    Get the training sources for a chatbot
  </Card>

  <Card title="User" icon="user" href="/docs/api-reference/user/get-user">
    Methods associated with a user account
  </Card>
</CardGroup>


# Get All Leads
Source: https://sitespeak.ai/docs/api-reference/leads/get-leads

GET https://api.sitespeak.ai/v1/{chatbot_id}/leads
Returns all the leads for your chatbot

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET https://api.sitespeak.ai/v1/{chatbot_id}/leads \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/{chatbot_id}/leads', {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    [
      {
        "id": "",
        "chatbot_id": "",
        "visitor_id": "",
        "name": null,
        "email": "user@example.com",
        "phone": null,
        "status": "read",
        "last_entry_at": "2023-09-30 13:10:39",
        "created_at": "2023-09-30 13:10:19",
        "updated_at": "2023-10-03 05:49:48"
      }
    ]
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Retrieve Suggested Messages
Source: https://sitespeak.ai/docs/api-reference/prompts/get-prompts

GET https://api.sitespeak.ai/v1/{chatbot_id}/prompts
Returns the suggested messages for the chatbot

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET https://api.sitespeak.ai/v1/{chatbot_id}/prompts \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/{chatbot_id}/prompts', {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    [
      {
        "id": "",
        "chatbot_id": "",
        "name": "Pricing Plans",
        "prompt": "How much does it cost to use your service?",
        "type": "ai",
        "action": null,
        "created_at": "2023-10-05T13:36:59.000000Z",
        "updated_at": "2023-10-05T13:36:59.000000Z"
      },
      {
        "id": "",
        "chatbot_id": "",
        "name": "",
        "prompt": "",
        "type": "ai",
        "action": null,
        "created_at": "2023-10-05T13:36:45.000000Z",
        "updated_at": "2023-10-05T13:36:45.000000Z"
      }
    ]
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Query Chatbot
Source: https://sitespeak.ai/docs/api-reference/query/query-chatbot

POST https://api.sitespeak.ai/v1/{chatbot_id}/query
Queries your chatbot and returns the answer and URLs used to find the answer

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Headers

| Name | Type | Description |
| - | - | - |
| Authorization\* | String | Bearer  |

## Body

| Name | Type | Description |
| - | - | - |
| prompt\* | String | The question or query text that you would like to send to your chatbot to answer. |
| conversation\_id | String | A unique identifier to group questions and answers sent to your chatbot. |
| format | String | Can be either **html** or **markdown**. Defaults to return the response text in markdown. |

<RequestExample>
  ```bash cURL theme={null}
  curl -X POST https://api.sitespeak.ai/v1/{chatbot_id}/query \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -d '{
      "prompt": "What is SiteSpeakAI?",
      "conversation_id": "unique-conversation-id",
      "format": "markdown"
    }'
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/{chatbot_id}/query', {
    method: 'POST',
    headers: {
      'Authorization': 'Bearer YOUR_API_TOKEN',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      prompt: 'What is SiteSpeakAI?',
      conversation_id: 'unique-conversation-id',
      format: 'markdown'
    })
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "text": "The answer to your question...",
      "urls": ["https://example.com/1", "https://example.com/2"]
    }
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Retrieve Sources
Source: https://sitespeak.ai/docs/api-reference/sources/get-sources

GET https://api.sitespeak.ai/v1/{chatbot_id}/sources
Returns the sources for the chatbot with their training statuses

## Path Parameters

| Name | Type | Description |
| - | - | - |
| chatbot\_id\* | String | The ID of your chatbot. You can find the ID on the settings page for your chatbot. |

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET https://api.sitespeak.ai/v1/{chatbot_id}/sources \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/{chatbot_id}/sources', {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    [
      {
        "id": "02da82a3-8aad-49d3-b89c-89fb987842ed",
        "chatbot_id": "4affd4da-5f84-42b3-a6b2-b83834a616bb",
        "type": "website",
        "indexer": "sitespeakai",
        "indexer_id": null,
        "url": "https://sitespeak.ai/blog/gpt-3-5-turbo-fine-tuning-custom-model-training",
        "path": null,
        "title": "SiteSpeakAI - Custom model training and fine-tuning for GPT-3.5 Turbo",
        "status": "trained",
        "sync_frequency": "no",
        "trained_at": "2023-10-18T10:00:15.000000Z",
        "created_at": "2023-10-12T11:04:32.000000Z",
        "updated_at": "2023-10-18T10:00:15.000000Z",
        "deleted_at": null
      }
    ]
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Retrieve All Chatbots
Source: https://sitespeak.ai/docs/api-reference/user/get-chatbots

GET https://api.sitespeak.ai/v1/me/chatbots
Retrieves a list of all chatbots in your account

## Headers

| Name | Type | Description |
| - | - | - |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET https://api.sitespeak.ai/v1/me/chatbots \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/me/chatbots', {
    method: 'GET',
    headers: {
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    [
      {
        "id": "030e5b41-1358-490f-ad37-28e69a7847ef",
        "team_id": "7f2c1c9a-4a2b-4f6e-9a0d-2b7f1d3c5e88",
        "name": "Smart Tutor GPT",
        "type": "assistant",
        "header_icon": "https://cdn.sitespeak.ai/uploads/.../header_icon.svg",
        "launcher_icon": null,
        "open_count": 12,
        "unread_count": 3,
        "created_at": "2023-11-24T05:54:51.000000Z",
        "updated_at": "2023-11-28T15:24:00.000000Z"
      },
      {
        "id": "0a87c308-a96f-4f53-88ed-eb64857da30s",
        "team_id": "7f2c1c9a-4a2b-4f6e-9a0d-2b7f1d3c5e88",
        "name": "SiteSpeakAI Custom Support",
        "type": "customer-support",
        "header_icon": null,
        "launcher_icon": null,
        "open_count": 0,
        "unread_count": 0,
        "created_at": "2023-11-24T02:23:11.000000Z",
        "updated_at": "2023-11-28T15:24:00.000000Z"
      }
    ]
    ```

    <ParamField type="string">The id of the team that owns the chatbot.</ParamField>
    <ParamField type="string | null">The chatbot's header icon URL, if set.</ParamField>
    <ParamField type="string | null">The chatbot's launcher icon URL, if set.</ParamField>
    <ParamField type="integer">Number of conversations that are not archived.</ParamField>
    <ParamField type="integer">Number of unread conversations, matching the dashboard sidebar badge.</ParamField>
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Retrieve User Account
Source: https://sitespeak.ai/docs/api-reference/user/get-user

GET https://api.sitespeak.ai/v1/me
Retrieves your user account details and validates that your token is active

## Headers

| Name | Type | Description |
| - | - | - |
| Accept\* | String | application/json |
| Authorization\* | String | Bearer  |

<RequestExample>
  ```bash cURL theme={null}
  curl -X GET https://api.sitespeak.ai/v1/me \
    -H "Accept: application/json" \
    -H "Authorization: Bearer YOUR_API_TOKEN"
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://api.sitespeak.ai/v1/me', {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'Authorization': 'Bearer YOUR_API_TOKEN'
    }
  });

  const data = await response.json();
  console.log(data);
  ```
</RequestExample>

## Response

<Tabs>
  <Tab title="200 Success">
    ```json theme={null}
    {
      "user": {
        "id": "",
        "name": "Your Name",
        "email": "your.email@example.com",
        "social_id": null,
        "social_type": null,
        "current_team_id": null,
        "profile_photo_path": null,
        "created_at": "2023-06-20T18:05:18.000000Z",
        "updated_at": "2023-09-24T12:11:48.000000Z",
        "avatar": "",
        "profile_photo_url": ""
      }
    }
    ```
  </Tab>

  <Tab title="401 Permission denied">
    Returns when the API token is invalid or missing.
  </Tab>
</Tabs>


# Create your AI chatbot
Source: https://sitespeak.ai/docs/getting-started/create-your-chatbot

Get your custom trained AI chatbot up and running in 5 simple steps

Creating your first chatbot is very easy and involves 5 simple steps to get up and running.

After signing up you will land on the Get Started page that will guide you through the steps:

<Frame>
  <img alt="Get Started page" />
</Frame>

<Steps>
  <Step title="Name your bot">
    Choose a name for your chatbot. You can always change this later.
  </Step>

  <Step title="Add your website">
    Add your website URL or sitemap so we can crawl it for source links to train your chatbot. You can add more later or even change the links to a different site. You can also use PDFs to train your chatbot.
  </Step>

  <Step title="Select your sources">
    Select the source links from your website you would like to use to train your chatbot. You can add more later.
  </Step>

  <Step title="Train your chatbot">
    Your chatbot will now be trained. This can take a minute or two depending on the number of links you selected, but should normally only take a few seconds.
  </Step>

  <Step title="Test your chatbot">
    You can now test your chatbot and ask it questions about the content you used to train it.
  </Step>
</Steps>

<Frame>
  <img alt="Chatbot created successfully" />
</Frame>

And that's it! Your custom trained AI support agent is now ready to be customized and installed 🎉

## Next steps

<CardGroup>
  <Card title="Customize your chatbot" icon="paintbrush" href="/docs/managing-your-chatbot/appearance">
    Match your chatbot's appearance to your brand
  </Card>

  <Card title="Install on your website" icon="code" href="/docs/managing-your-chatbot/deploy-and-install">
    Add the chatbot widget to your website
  </Card>
</CardGroup>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# What is SiteSpeakAI
Source: https://sitespeak.ai/docs/getting-started/what-is-sitespeakai

An AI-powered chatbot platform that transforms your website content into intelligent customer conversations.

SiteSpeakAI is an AI-powered chatbot platform that helps you automate customer support, capture leads, and engage visitors 24/7. Train your chatbot on your website content, documents, and knowledge base to provide instant, accurate responses to customer questions.

## What SiteSpeakAI does

<CardGroup>
  <Card title="Instant answers" icon="message-square">
    Answers customer questions instantly using your website, documentation, and knowledge base
  </Card>

  <Card title="Lead capture" icon="user-plus">
    Captures and qualifies leads with customizable forms and automated follow-ups
  </Card>

  <Card title="Human handoff" icon="headphones">
    Escalates to human agents when needed with seamless handoff
  </Card>

  <Card title="Integrations" icon="plug">
    Integrates with your tools including Slack, Telegram, HubSpot, and more
  </Card>

  <Card title="Auto-sync" icon="refresh-cw">
    Automatically keeps your chatbot up-to-date as your content changes
  </Card>

  <Card title="Multi-channel" icon="share-2">
    Deploy across your website, Slack, Telegram, Discord, and other platforms
  </Card>
</CardGroup>

## Key features

* **Custom training**: Train your AI on your specific content, FAQs, and documentation
* **No-code setup**: Get started in minutes without any technical expertise
* **Brand customization**: Match your chatbot's appearance to your brand
* **Analytics**: Track conversations, measure performance, and identify knowledge gaps
* **Multi-language**: Support customers in their preferred language

## How it works

<Steps>
  <Step title="Connect your content">
    Add your website URLs, upload documents, or connect your knowledge base. SiteSpeakAI automatically crawls and indexes your content.
  </Step>

  <Step title="Train your chatbot">
    Our AI learns from your content to understand your business, products, and common customer questions.
  </Step>

  <Step title="Deploy anywhere">
    Add the chatbot to your website with a simple code snippet, or connect to Slack, Telegram, Discord, and other platforms.
  </Step>

  <Step title="Monitor and improve">
    Review conversations, add new training data, and continuously improve your chatbot's responses.
  </Step>
</Steps>

## Next steps

<CardGroup>
  <Card title="Create your chatbot" icon="rocket" href="https://sitespeak.ai/register">
    Sign up and create your first AI chatbot in minutes
  </Card>

  <Card title="See it in action" icon="circle-play" href="https://sitespeak.ai/see-how-it-works">
    Try our live demo to see what SiteSpeakAI can do
  </Card>
</CardGroup>


# Welcome to SiteSpeakAI
Source: https://sitespeak.ai/docs/index

Learn how to create, train, and deploy AI chatbots for your website

Get started with SiteSpeakAI and discover how to build intelligent AI agents trained on your business data.

## Quick start

<CardGroup>
  <Card title="What is SiteSpeakAI" icon="info" href="/docs/getting-started/what-is-sitespeakai">
    Learn what SiteSpeakAI is and how it can help automate your customer support
  </Card>

  <Card title="Create your chatbot" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=index-landing">
    Sign up and create your first AI chatbot
  </Card>
</CardGroup>

## Popular topics

<CardGroup>
  <Card title="Training your chatbot" icon="graduation-cap" href="/docs/training-your-chatbot/overview">
    Learn how to train your AI on your content
  </Card>

  <Card title="Installing on your site" icon="code" href="/docs/installing-your-chatbot/overview">
    Add the chatbot widget to your website
  </Card>

  <Card title="Customization" icon="paintbrush" href="/docs/managing-your-chatbot/appearance">
    Match your chatbot to your brand
  </Card>
</CardGroup>

## Need help?

<CardGroup>
  <Card title="API Reference" icon="code" href="/docs/api-reference/introduction">
    Integrate SiteSpeakAI into your applications
  </Card>

  <Card title="Contact Support" icon="mail" href="mailto:support@sitespeak.ai">
    Get in touch with our support team
  </Card>
</CardGroup>


# Hoe voeg je ChatGPT toe aan Mijnwebwinkel
Source: https://sitespeak.ai/docs/installing-your-chatbot/hoe-voeg-je-chatgpt-toe-aan-mijnwebwinkel

Hoe je je aangepaste ChatGPT-getrainde AI support agent aan je Mijnwebwinkel-webshop kunt toevoegen.

Je wilt je op maat getrainde AI support agent insluiten op je **Mijnwebwinkel** webshop-pagina. Hier is hoe je een AI support agent kunt toevoegen aan Mijnwebwinkel met SiteSpeakAI.

**Mijnwebwinkel** is een platform dat het heel makkelijk maakt om je eigen webshop te starten en te runnen, zonder dat je een expert hoeft te zijn. Het biedt een gebruiksvriendelijke interface, waarmee je snel producten kunt toevoegen, bestellingen kunt beheren en betalingen kunt accepteren. Je kunt je webshop aanpassen aan je eigen merk en je producten eenvoudig presenteren. Het is een goede optie voor kleine tot middelgrote bedrijven die snel en relatief goedkoop een online winkel willen opzetten.

**Website URL:** [Mijnwebwinkel](https://mijnwebwinkel.nl/)

## Voeg je AI support agent toe aan je Mijnwebwinkel webshop

### In SiteSpeakAI

Log in bij uw SiteSpeakAI account en selecteer uw agent uit het dropdown menu bovenaan. Klik op de **Install Agent** sectie in de zijbalk, selecteer het **Javascript** tabblad en klik vervolgens op de **Copy Code** knop om uw agent codefragment te kopiëren.

![Copy code snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5203Mj7Os72pyNR6VTZSSjp2hdLthGMMAZ234LEC.png)

### In Mijnwebwinkel

Voor het toevoegen van Custom HTML (bijvoorbeeld je AI support agent JS snippet zoals hierboven gekopieerd) is het noodzakelijk dat je **Google Tag Manager** (GTM) hebt gekoppeld - dit is beschikbaar vanuit een Mijnwebwinkel PRO abonnement. Heb je dit nog niet gedaan, lees dan via onderstaande link hoe je een Google Tag Manager account aanmaakt en hoe je deze kunt koppelen in de beheeromgeving van je webshop. Doe dit voordat je verder gaat met SiteSpeakAI.

[Informatie over Google Tag Manager en het aanmaken van een account](https://marketingplatform.google.com/about/tag-manager/).

### A. Hoe integreer ik Google Tag Manager?

Met Google Tag Manager plaats je HTML-tags op je webshop, bijvoorbeeld om een live chat te integreren. Google heeft al een aantal veelgebruikte tags voor je klaarstaan, zodat je ze in een mum van tijd in je winkel kunt plaatsen.

Om je SiteSpeakAI AI support agent op je winkelpagina's weer te geven, moet je een aangepaste tag maken. Hoe je GTM aan je winkel kunt koppelen, wordt hieronder uitgelegd. We zullen je dan laten zien hoe je de tag kunt maken die je nodig hebt (het vereist wat technische kennis van jouw kant, maar als je volgt wat we je laten zien, zou het niet te moeilijk moeten zijn!).

**Let op!** Tags die je toepast, kunnen de manier waarop je webwinkel werkt beïnvloeden. Het is daarom belangrijk dat u regelmatig de werking van uw winkel en bestelproces controleert.

Bovendien willen we u erop wijzen dat het SiteSpeakAI ondersteuningsteam geen ondersteuning biedt bij het maken van tags.

Nu is het tijd om aan de slag te gaan met Google Tag Manager.

### B. Een Google Tag Manager-account maken

1. Ga naar Google Tag Manager en meld je aan met je Google-account. Begin met het maken van een account en een container. Deze container koppel je later aan je shop en bevat je tag. Vul de volgende informatie in:

   * Vul onder **Account Setup** je **Account Name** in. Dit is verplicht, je kunt de naam van je bedrijf of winkel gebruiken.
   * Selecteer je **Country** indien nodig.
   * Je kunt het delen van je gegevens met Google en anderen selecteren (zie info hierover in popup).
   * Voer bij **Container Setup** de domeinnaam van de winkel in bij **Container name**.
   * Selecteer als Target platform de optie **Web**.

2. Klik op **Create**.

![Create GTM account](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9fnlaWSC1db2k4Tksp10kyvimVoScenhCY3Ae94S.png)

3. De **Google Tag Manager Terms of Service Agreement** wordt nu weergegeven. Als je akkoord gaat met de daarin genoemde voorwaarden, vink dan het selectievakje onderaan de pagina **Service Agreement** aan en klik op **Yes** bovenaan de pagina.

4. Er verschijnt nu een stukje code op het scherm. Je hoeft deze niet in je webwinkel te plaatsen, laat dat maar aan ons over! Dat gaat volledig automatisch zodra je deze instructie hebt voltooid.

### C. Uw container koppelen

1. Kies op je **Mijnwebwinkel** Dashboard in de linker menubalk voor **Marketing** en klik op **Google services**.

![Marketing menu](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CTaO0WrB0QkQbQlaTgCTh1mDzrbIcB1fOjMUC9Mi.png)

2. Open op de pagina met Google services het tabblad **Google Tag Manager** en klik op de knop **Connect with Google** om verbinding te maken met je Google-account.

![Connect with Google](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nrNFqdDuGTbIgrvnkN1NqGreooojrfMavXmbwBx9.png)

3. Google geeft een dialoogvenster **Sign in with Google** weer. Selecteer het account dat je wilt gebruiken om te koppelen aan Google Tag Manager.

![Sign in with Google](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QvXQ0D29ucpYNtRJgrNJDwsgoy8vHCjtZNHh9Run.png)

4. Schakel vervolgens de optie **Make use of the Google Tag Manager** in en selecteer je container. Is je container al geselecteerd? Dan hoef je alleen nog maar op **Save** te klikken.

![Enable GTM](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/wPU4dRq2ykJvha88MMEgxhgWbMeEhyoXvrSj7SIV.png)

### D. Je tag toevoegen

Dat viel wel mee, toch?

Tijd om je container te vullen! Naast de kant-en-klare tags die Google al heeft, kun je ook je eigen HTML-tags maken. Deze optie wordt bijvoorbeeld gebruikt om een live chat toe te voegen op elke pagina van je winkel, of om Google Maps te tonen op je contactpagina. Voor SiteSpeakAI wordt het gebruikt om je chatbot weer te geven op je Mijnwebwinkel winkelpagina's.

1. Zorg ervoor dat je bent ingelogd in het **Google Tag Manager**-account en selecteer de container die je aan je winkel hebt gekoppeld. Selecteer **Tags** in het menu aan de linkerkant en klik op **New** om een nieuwe tag aan te maken.

![Create new tag](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LhnwanjRoidBhjQAO2UEH4Mjn5y9WGykjNvRxVdJ.png)

2. Geef uw tag een naam en klik vervolgens op het blok **Tag Configuration**.

![Tag configuration](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/BnAsxMKN7cQpIuDqdlEt812Xb2DbsYbduoQV7mLh.png)

3. Kies in de lijst **Choose tag type** de **Custom HTML** optie.

![Choose Custom HTML](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/bzZvmMEAcxSazY9cxJVkdKWDPCHnBd4wCrX5w2Yy.png)

4. Plak de JS-code die je aan het begin van deze tutorial hebt gekopieerd in het HTML-veld en klik op **Save**.

![Paste code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7I6O8cOnxBNot9ryoHfBgPEJqBL0sVTem7WP20Bo.png)

5. Er verschijnt een pop-upvenster waarin staat dat je nog geen trigger hebt geselecteerd. Klik op **Add Trigger**.

![Add trigger](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HViEY03erUMJas19YvQZv1bzudtsKKUyGNuyUwl1.png)

6. Selecteer vervolgens de optie **All Pages**.

![Select All Pages](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/YUd34wEnUl1B4sWtI28leUgXKVkzwadGjz8uZN7V.png)

7. **All Pages** (Page View) werd dan weergegeven onder **Firing Triggers**.

![Firing triggers](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/p5fZYES6qCJC1GYECDoBSIjLQEJPiTuLVx0lleou.png)

8. Klik nogmaals op **Save** rechtsboven in je scherm om je tag op te slaan. Zodra je tag is opgeslagen, klik je op **Submit** rechtsboven in je scherm.

![Save and submit](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ChCnrxKivmZc5jYQRNstpFakjm7N55hSxeR1c5ME.png)

9. Klik vervolgens op **Publish**.

![Publish](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0KDHPliueDMkMF6yaNFR7QObxyUaURw0wy5FdCS0.png)

10. Geef je tag een naam en beschrijving (als je dat wilt) en klik op **Continue**.

![Name and continue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VVwcAPbkkjXNVmgCXiAg3ulw6BUNoVux9AIb6P62.png)

11. Het volgende scherm verschijnt:

![Confirmation screen](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1CTVSQM03c0XydKrc7ZE1VHxlEKilWyxDSBMswXB.png)

12. Je AI support agent knop wordt nu weergegeven op je **Mijnwebwinkel** webshoppagina

![Agent button displayed](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/haZrzu9AxRbtyiNkWHuZzZLn7vJJr7COhZNL8LVD.png)

13. Als je op de knop klikt, zal het dialoog van de AI support agent worden getoond

![Agent dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QoGzpk922B5U6c3aNJtOF8jwBpcHJhS1YnT6km3O.png)

Je AI support agent is nu aan je **Mijnwebwinkel** webshop toegevoegd, en je bezoekers/klanten kunnen nu daarmee interageren!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to any HTML website
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-any-html-website

How to add your custom ChatGPT trained AI support agent to any HTML website.

You want to embed your custom trained AI support agent to your **HTML** website. Here's how to add an AI support agent to any HTML website with SiteSpeakAI.

**Please Note!** For this process you need to have access to your website's source code.

## Add your AI support agent to your **HTML** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In your website

#### 1. Adding the code

Using a simple editor e.g. **Notepad** (Windows), **TextEdit** (Mac), or a code editor like **VS Code**, add the code snippet to your the website HTML code in the `<head>` or `<body>` section of your HTML file.

```html theme={null}
<!-- SiteSpeakAI - Add ChatGPT to your website -->
<script type="text/javascript">(function()	{d=document;s=d.createElement("script");s.src="https://sitespeak.ai/chatbots/########-####-####-####-############.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<!-- / SiteSpeakAI -->
```

#### 2. Please note

* **Caching:** Browsers often cache (save) files. If you make changes and they don't appear, on Windows you can press F5 (or Shift+F5) or clear your browser's cache (usually in your browser settings).
* **Code Editors:** Using a code editor like **VS Code** will make writing and managing your code much easier. They provide syntax highlighting, error checking, and other helpful features.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add ChatGPT to APage Studio
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-apage-studio

How to add your custom ChatGPT trained AI support agent to your APage Studio website.

You want to embed your custom trained AI support agent in your **APage Studio** website page. Here's how to add an AI support agent to APage Studio with SiteSpeakAI.

**APage Studio** is a no-code website builder specifically designed for **real estate agents and teams**. It's built around the concept of creating highly engaging, interactive property pages that go far beyond traditional static listings. Think of it as a powerful, streamlined way to create immersive digital brochures for your properties.

**Website URL:** [APage Studio](https://apagestudio.com/)

## Add your AI support agent to your **APage Studio** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In APage Studio

1. Log into your **APage Studio** account and on the dashboard, click on **Manage**

![Select Manage](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Efu2syhSN0we5CRViQtByKA8iVXfcD26S7i1yXR0.png)

2. On the **Manage APages** page, select the configuration option for the page you want to add your chatbot to

![Select Configuration](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KOtGbdQo6ob9aHmWvfxPmpKeJUYJPkLgavLHnT39.png)

3. This will open the **Webpage Configuration** page

![Webpage Configuration page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/z0a1WtIiPkzAoNjTaWqV36SKjOO9iibrrCiYpoGM.png)

4. Scroll down on the Webpage Configuration page until you see the **Chatbot Code** box and then click on **Edit** to open the **Configuration** editor

![Chatbot Code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iu032zNSxGtzR1VAIj46AFm80p43uqwaGFjyby5l.png)

5. Insert your chatbot code snippet into the Chatbot Code box and click on **Save**

![Insert code and Save](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ys0jzN4gC0FtKp69PLOKj5NUCEf1Q8xg7jAP9UO3.png)

6. Click on **Generate APage** to display your page in edit mode

![Click on Generate APage](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3NcjOc529yxezSQ1XFtUC1VZy6VFOE4K4IXxo6Kf.png)

7. There is nothing to edit here so click on **Save** and then click on the **APage Link** to view your page

![Click on Save and Link](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vET9Fy0Bncs9edNry495PmAR3X7aaah0CYR72fVy.png)

8. Your AI support agent button will now be displayed on your **APage Studio** website page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MnWLkGtUMQlmMEMRVEdYRDpTxidvFf8JQBY5KUzj.png)

9. If you click on the button it will display the AI support agent dialogue

![Chatbot Dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/naDuTqAtElnLQyWBs3WjdMAkXmNt5brXCSmE4971.png)

Your AI support agent has now been added to your **APage Studio** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to b12.io
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-b12

How to add your custom ChatGPT trained AI support agent to your b12.io website.

You want to embed your custom trained AI support agent in your **b12.io** website page. Here's how to add an AI support agent to b12.io with SiteSpeakAI.

**b12.io** is a platform that helps you **easily create and manage beautiful, branded email newsletters and landing pages.** Think of it as a simplified way to build professional-looking emails and sign-up forms without needing to be a coding expert. It focuses on making email marketing accessible to small businesses, creators, and anyone who wants to build an email list.

**Website URL:** [b12.io](https://b12.io/)

## Add your AI support agent to your **b12.io** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In b12.io

1. Log in to your **b12.io** website builder dashboard and select **Website**

![Select Website](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/dUeyJ2SloisUyIlKvguxOJMWkf9rOK6bNjPRPwXp.png)

2. Select **Style** under **Website**

![Select Style](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LMWr7rmzJBpKgbUJHkQe22sxtxU32HqG2WSEqkiA.png)

3. Select **Custom HTML** under **Advanced style Options**

![Select Custom HTML](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/gXUx12SvR336UziGmHz2fWrINIs3CkIh684D7eYc.png)

4. Insert your snippet code under **Head HTML** and click on **Save**

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EmXbGfvh0Rvm5vgM2PbOCRENCzoTFFkf4oklpbAq.png)

5. Click on **Preview** or **Publish** to preview your page edits or publish them to your website

![Preview or Publish](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/81uEYC73doOGWENW2KixS65ERYuUKQa9pU81PYsG.png)

6. Your AI support agent button will now be displayed on your **b12.io** website page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/PVcRqD4TxH5c5I7dAMU7VwEytVLPDQDf71KyW2ad.png)

7. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9jsSrKq9RqJWVm5ymaV6XswLAayZwx4Brl7W34wc.png)

Your AI support agent has now been added to your **b12.io** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to b2evolution
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-b2evolution

How to add your custom ChatGPT trained chatbot to your b2evolution website.

You want to embed your custom trained AI support agent in your **b2evolution** website page. Here's how to add an AI support agent to b2evolution with SiteSpeakAI.

**b2evolution** is a content management system (CMS) - basically, a tool for building and managing websites. It's a bit different from popular platforms like WordPress or Wix. Instead of relying heavily on themes and plugins, b2evolution is built around a unique "document-centric" approach. Think of it like this: you create individual "documents" (articles, pages, etc.) and then organize them into categories and sections. It's known for being very flexible and powerful, allowing for a lot of customization without needing to code. It's also quite robust and reliable, often praised for its stability.

**Website URL:** [b2evolution](https://www.b2evolution.com/)

## Add your AI support agent to your **b2evolution** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In b2evolution

1. Log in to your **b2evolution** acount and on your dashboard select **Collection** to manage your blog/website

![Select Collection](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XNRJ7gL64blDaRzHrJWjMueDc6EcUE3usAuEIKXJ.png)

2. Click on **List** to display a list of your **Collections**

![Click on List](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/90H0xxJVQKL8uU64cXynQDCCJ7Ui61IJxKTYLVUr.png)

3. Click on the **Full Name** of the Collection to edit the properties

![Click on Full Name](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/i7o5gwBwIqcTOi7Ccptbd58KcoMKj6If1tobUyE2.png)

4. Select **Advanced** on the **Settings** tab

![Select Advanced](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0w0uoPd7IGmMnIHAU5I7UOgmXJP9pCAtUdJrFerE.png)

5. Scroll down on the **Advanced** list and insert your snippet in the **Custom javascript section (after \<body>)** text box. Click on **Save Changes!** when done

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SeeJeeX0PkwG6hztilccw7FGaCjX2r7W2ABNRcRb.png)

6. Your AI support agent button will now be displayed on your **b2evolution** website page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ia7aDbaF9MzTSghrn8jb6ksk4DvGNZOqu0bo4gjg.png)

7. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/U7Pvo2ofvvgBdAW5Rj6MNtNhVZlAK7Nas0paKClO.png)

Your AI support agent has now been added to your **b2evolution** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to base44
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-base44

How to add your custom ChatGPT trained AI support agent to your base44 app.

You want to embed your custom trained AI support agent in your **base44** app. Here's how to add an AI support agent to base44 with SiteSpeakAI.

**base44** is an AI-powered app builder that lets you create fully functional apps using just your words in minutes. No code required.
Build an app at the speed of thought: Type your idea in plain language and watch it transform into a working app, generating the frontend, backend, data models, and logic in real time. Base44 securely stores your app’s data, manages accounts and logins if you need them, and keeps everything running smoothly.

**Website URL**: [base44](https://app.base44.com/)

## Add your AI support agent to your base44 app

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In base44

1. Log into your **base44** account and on the dashboard select your workspace where your apps live, click on **All Apps** and select the app that you want to add your support agent snippet to

<img alt="1-dashboard" />

We are going to use a prompt to instruct the base44 AI to insert the snippet for us. The prompt consists of the instruction, "Please add the following JS snippet to my app code:" followed by the snippet code as copied at the beginning of this tutorial.

```
Please add the following JS snippet to my app code:

<!-- SiteSpeakAI - Add ChatGPT to your website -->
	<script type="text/javascript">(function()	{d=document;s=d.createElement("script");
	s.src="https://sitespeak.ai/chatbots/##########################.js";
	s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<!-- / SiteSpeakAI -->

```

2. Insert this prompt into AI chatbox and click on **Send message**

<img alt="2-Insert-AI-prompt" />

It will go through a whole process of inserting your snippet and then display a message indicating that the snippet was added and also display the support Agent button on the Preview page.

3. Click on **Publish** to publish your changes

<img alt="3-Successfully-added-snippet" />

4. Your AI support agent button will now be displayed on your **base44** app page

<img alt="4-chatbot-button" />

5. If you click on the button it will display the AI support agent dialogue

<img alt="5-Chatbot-dialogue" />

Your AI support agent has now been added to your **base44** app and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add ChatGPT to beefree
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-beefree

How to add your custom ChatGPT trained AI support agent to your beefree website.

You want to embed your custom trained AI support agent in your **beefree** website page. Here's how to add an AI support agent to beefree with SiteSpeakAI.

**beefree** is a platform that helps businesses, primarily restaurants and food service providers, easily create and manage online ordering systems without needing to build a website or hire a developer. Think of it as a simplified, all-in-one solution for taking orders online, managing deliveries, and integrating with popular services like Grubhub and DoorDash. It focuses on a clean, mobile-friendly experience for customers.

**Website URL:** [beefree](https://www.beefree.com/)

## Add your AI support agent to your **beefree** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In beefree

1. On your **beefree** dashboard, move your mouse cursor over the page you want to edit to add your chatbot to

![Select page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/e4U9kkE4cv5zBDp9m34PzLFBcNzD7CgCl0Jf9QCg.png)

2. Select **Edit Page**

![Edit Page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xfe9xN8xW0SSGxEsarO3nCzYci19zYuFUQda9bk4.png)

3. Select the **HTML CONTENT** block

![HTML CONTENT block](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1cqHixRyGpIk7iT2sQGRZJ2ahIuGSYbSb00Tb4oc.png)

4. Drag the **HTML CONTENT** block on to your page in an existing column - the editor will display a 'Drag it here' message

![Drag HTML CONTENT](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zxUNidfkbj44SPx1GST8uQotcVEYMDAdpGWLgl3V.png)

5. Click on the newly created **HTML** block

![Click HTML block](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xzr0jeq2YaMvyYDAV8ckTqmU1XHIbbS7A7uLTpB5.png)

6. Insert your snippet under **CONTENT PROPERTIES**. Changes are automatically saved.

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KLemwhAqZDxdFJ3KYq8XnPl3RausxIoDZVPnA3bW.png)

7. Your AI support agent button will now be displayed on your **beefree** website page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jUzDetzoI60jCHaC2DLi6fSvREkxKtQ67YDqvuAl.png)

8. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VxLpTRm2Jxr50aTf4DNInPhyveh1AP7sA3WsFEER.png)

Your AI support agent has now been added to your **beefree** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to BigCommerce
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-bigcommerce

How to add your custom ChatGPT trained AI support agent to your BigCommerce website.

You want to embed your custom trained AI support agent in your **BigCommerce** website page. Here's how to add an AI support agent to BigCommerce with SiteSpeakAI.

<Frame>
  <iframe title="How to add an AI chatbot to BigCommerce" />
</Frame>

<Accordion title="Video transcript">
  In this tutorial, I'll show you how to add a ChatGPT AI chatbot to your BigCommerce store. We'll create and train it on your own content, then add it to your store so it can answer your customers' questions around the clock.

  Before you can add your agent to BigCommerce, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your customers will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions, and you can add it to your BigCommerce store.

  Once your agent is trained, open Install Agent in SiteSpeak and copy your JavaScript snippet. Log in to BigCommerce and on the left sidebar of your dashboard, click Storefront. In the Storefront list, select Script Manager. Click Create a script to set up a new script for your chatbot snippet. Give the script a name, set Placement to Header, and set Location to All Pages. Set Script category to Functional and Script type to Script, paste your SiteSpeakAI snippet into the Script contents box, then click Save. Click View Store to preview your store with the agent installed. Your chatbot button now appears on your BigCommerce store. Customers can click it to open the chat and start asking questions, around the clock.

  And that's it. Your ChatGPT AI chatbot is now live on your BigCommerce store, trained on your content and ready to help your customers.
</Accordion>

**BigCommerce** is a fully hosted e-commerce platform, basically, it's a website builder *specifically* designed for online stores. Unlike some other platforms (like Shopify), you don't need to find a separate web host. BigCommerce handles everything from hosting your website and processing payments to managing inventory and shipping. It's built with a focus on scalability, meaning it can grow with your business.

**Website URL:** [BigCommerce](https://www.bigcommerce.com/)

## Add your AI support agent to your **BigCommerce** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In BigCommerce

1. On your dashboard select **Storefront** on the left sidebar list

![Select Storefront](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/c7rcUKdcw7CE8yk8oS3JSBFuDJYTWlgrU6EGgnYI.png)

2. Select **Script Manager** on the Storefront list

![Select Script Manager](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/IN9crayoooYPTK5nlQFXhpUyBO47nCYEBaThU4LN.png)

3. Select **Create a script** to create a new script containing your chatbot snippet

![Create a script](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CEBg262j2k46GLmyzMU97ZBfkTQ77JSBdz2dER8W.png)

4. Add the first part of the script details

   * Script Name
   * Description (optional)
   * Under Placement, select **Header**
   * Under Location, select **All Pages** (or the specific Page you want)

![Script details](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3a4draXzXpcQXaMK0ipDSZG0nwoBgRllyrrXK9Lo.png)

5. Scroll down and fill in the rest of the details including the snippet code

   * Under Script Category, select **Functional**
   * Under Script type, select **Script**

     Insert your snippet code in the **Script contents** text box and click on **Save**

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Dd020nEf4ZoCuApANoAL8FnVutKxQ6a1yVM6SL1d.png)

6. Click on **View Store** to Preview your store

![View Store](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iK13wylRkbQIB2r6d8kf5IGvYZMNpO5QDg2oBfTs.png)

7. Your AI support agent button will now be displayed on your **BigCommerce** store page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3rWL7L3W7reiGxzopUFkG8T1KRK0sCQLBJcsIkR4.png)

8. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kxzRS6Bhct3LkYGPbIJL4gvjnRQewbTjME7lanyf.png)

Your AI support agent has now been added to your **BigCommerce** store and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Blogger
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-blogger

How to add your custom ChatGPT trained AI support agent to your Blogger website.

You want to embed your custom trained AI support agent in your **Blogger** website page. Here's how to add an AI support agent to Blogger with SiteSpeakAI.

**Blogger** (now known as Blogger by Google) is a free, web-based blogging platform. Think of it as a really simple way to create and publish your own website or blog without needing to know a lot about coding or web design. You write posts, add pictures, and it automatically puts them on your website. Google handles all the technical stuff like hosting and security.

**Website URL:** [Blogger](https://www.blogger.com/)

## Add your AI support agent to your **Blogger** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Blogger

1. On your dashboard, click on **Pages** and select the page you want to edit

<img alt="1 - Blogger - Select Page under Pages.png" />

2. In the editor dialogue, make sure **\</> HTML view** is selected and insert your snippet just above the closing `</head>` tag. Click on **Preview** to display a preview of your page

<img alt="2 - Blogger - Insert snippet just above the head end tag.png" />

3. The preview display allows viewing on different media sizes (**Desktop**, **tablet** as well as **smartphone**). It also displays your Chatbot button but note that the button is not active and cannot be clicked on

<img alt="3 - Blogger - Preview allows viewing on different media sizes.png" />

4. Preview viewing on a tablet

<img alt="4 - Blogger - Preview viewing on a tablet.png" />

5. Preview viewing on a smartphone

<img alt="5 - Blogger - Preview viewing on a smartphone.png" />

6. Return to the editor and click on **Update** to update your live page

<img alt="6 - Blogger - Click on Update to update your live page .png" />

7. Your AI support agent button will now be displayed on your live **Blogger** website page
   <img alt="7 - Blogger - Chatbot button displayed on live page .png" />

8. If you click on the button it will display the AI support agent dialogue
   <img alt="8 - Blogger - Chatbot dialogue displayed on live page .png" />

Your AI support agent has now been added to your **Blogger** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Bludit
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-bludit

How to add your custom ChatGPT trained AI support agent to your Bludit website.

You want to embed your custom trained AI support agent in your **Bludit** website page. Here's how to add an AI support agent to Bludit with SiteSpeakAI.

**Bludit** is a *free, open-source website builder*. Think of it like WordPress, but you download the software and install it on your own web hosting account instead of using WordPress.com. It's built around a simple, drag-and-drop interface, making it easy to create visually appealing websites without needing to code. It uses Markdown for content formatting, which is a lightweight way to write text.

**Website URL:** [Bludit](https://bludit.com/)

## Add your AI support agent to your **Bludit** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Bludit

1. Open your **Bludit** account and on your dashboard select **Plugins**

![Select Plugins](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zZwoqVLGoENBjQPraERzOT8rZsCIXRXGAIb6YjC4.png)

2. Select **HTML Code** under **ENABLED PLUGINS**. If it does not appear under **ENABLED PLUGINS**, scroll down under **DISABLED PLUGINS** and activate it

![Select HTML Code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TO8PxAbRJnFbVeeQKuKgMOEFiIX3z4S5CRDSvPks.png)

3. Insert your snippet inside the **Website** *\<head> \</head>* tag and click on **Save**

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jSogvIIWlsWrDDXKyjJijQ1wInpZra7OX8dQ3yq7.png)

4. Voila! Your AI support agent button will now be displayed on your **Bludit** website page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uR7Y7nWrwkDf07Qe2olptZWFPruHfAyuSYXbisO3.png)

5. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CmztfNil1URcA86WTDGfx2eagPHtf3kWrLzZR6pG.png)

Your AI support agent has now been added to your **Bludit** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to BookStack
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-bookstack

How to add your custom ChatGPT trained AI support agent to your BookStack web-based application.

You want to embed your custom trained AI support agent in your **BookStack** website page. Here's how to add an AI support agent to BookStack with SiteSpeakAI.

**BookStack** is a simple, self-hosted, easy-to-use application/platform for organising and storing information. Being a self-hosted application means that  you choose where you want to host it. The main point to keep in mind here is that you need access to the BookStack **installation files** on the server.

By default, BookStack doesn't allow iframes. You can however edit the .env file to allow specific iframe sources. In our case we will add the appropriate command to the .env file to allow the SiteSpeakAI AI support agent to function with your **BookStack** installation -

see [https://www.bookstackapp.com/docs/admin/security/#iframe-source-control](https://www.bookstackapp.com/docs/admin/security/#iframe-source-control) for a description of what we are going to do next.

## A. Setting up *BookStack* to allow iframes

1. If you have installed **BookStack** with **Docker**, then the **.env** file will be located in the **/config/www/** folder.

* Open the **.env** file and add the following line just below the **APP\_URL= line** (make sure the URL, ***[https://chatbot.sitespeak.ai](https://chatbot.sitespeak.ai)***, is spelled correctly).

  ALLOWED\_IFRAME\_SOURCES="[https://chatbot.sitespeak.ai](https://chatbot.sitespeak.ai)"

* Note that if you already have iframe sources added to the .env file, then you can just add the *[https://chatbot.sitespeakai.ai](https://chatbot.sitespeakai.ai)* to the line (seperated by a space)

* Save the file and restart the server

2. If you have installed **BookStack** on a Linux server (or Linux desktop) then the **.env** file will be located in the **var/www/bookstack** folder. The file is a hidden file, so to make sure that you do find the file, run a **ls -a** command in the **bookstack** folder to show hidden files.

* Open a **Terminal** and change to the **var/www** folder

* Run a **ls** command to display the sub-folders in the var/www folder

* Change to the **bookstack** folder

* Run a **ls -a** command to show all files and sub-folders in the bookstack folder (including hidden ones)
  ![uploads/help-center/images/N6sWSMM0OnbUfQFUuGjX2W7dBsmrEEZDV0h8KmCc.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/N6sWSMM0OnbUfQFUuGjX2W7dBsmrEEZDV0h8KmCc.png)

* Open the **.env** file with **vi** or **nano** (or whatever command line editor you prefer)
  ![uploads/help-center/images/n5Pxo61Vq24dKgn6bIptMJF912tK3IHW7nP8sCI6.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/n5Pxo61Vq24dKgn6bIptMJF912tK3IHW7nP8sCI6.png)

* Insert the following line into the file just below the **APP\_URL= line** (make sure the URL, ***[https://chatbot.sitespeak.ai](https://chatbot.sitespeak.ai)***, is spelled correctly).

  ALLOWED\_IFRAME\_SOURCES="[https://chatbot.sitespeak.ai](https://chatbot.sitespeak.ai)"

* Note that if you already have iframe sources added to the .env file, then you can just add the *[https://chatbot.sitespeakai.ai](https://chatbot.sitespeakai.ai)* to the line (seperated by a space)
  ![uploads/help-center/images/dSwh2uvujXEyT06z3bNmFPlAlWMOB97iXQKob6QV.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/dSwh2uvujXEyT06z3bNmFPlAlWMOB97iXQKob6QV.png)

* Save the file (**^O - Write Out**) and then exit the editor (**^X - Exit**). These commands could of course differ if you use a different editor.

* Restart the webserver (in this case **Apache**) to allow BookStack to reread the .env file
  ![uploads/help-center/images/s4Pusc30h5D1G5L7DMVu5e0jFJl3q31GUXD6DRCM.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/s4Pusc30h5D1G5L7DMVu5e0jFJl3q31GUXD6DRCM.png)

Your BookStack installation will now be able to display your ChatGPT AI support agent properly.

**Website URL:** [https://www.bookstackapp.com/](https://www.bookstackapp.com/)

## B. Add your AI support agent to your *BookStack* application

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In BookStack

1. Log into your **BookStack** account and select **Settings** on the top right menu

![uploads/help-center/images/tlJ5LB9WAU1Cg8YeZ1eQ7cpjKzYOZNE4bJxmcHnf.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/tlJ5LB9WAU1Cg8YeZ1eQ7cpjKzYOZNE4bJxmcHnf.png)

2. Select **Customization** on the left side menu

![uploads/help-center/images/ZqrncpdEcKwS92K1NARDfHdbuerOCH6ZFsU2t9Ge.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ZqrncpdEcKwS92K1NARDfHdbuerOCH6ZFsU2t9Ge.png)

3. Scroll down on the list of Customizations, insert your snippet in the text box under **Custom HTML Head Content** and click on **Save Settings**

![uploads/help-center/images/v1SBjrklxUu5vbIBP236G1fziZSoKPpIiz1FeKsL.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/v1SBjrklxUu5vbIBP236G1fziZSoKPpIiz1FeKsL.png)

4. Your AI support agent button will now be displayed on your **BookStack** **BookStack** application under **Shelves** as well as **Books**

![uploads/help-center/images/9shJbBl6uWXMqc6m5dgN5M52JMj7z0BaZVKY1I4W.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9shJbBl6uWXMqc6m5dgN5M52JMj7z0BaZVKY1I4W.png)

![uploads/help-center/images/SZTtcVXd2KcuRJZ5v5zcZOfYTbWlrh2zGql97Uh7.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SZTtcVXd2KcuRJZ5v5zcZOfYTbWlrh2zGql97Uh7.png)

5. If you click on the button it will display the AI support agent dialogue

![uploads/help-center/images/7o51Bj7YW7Z4kfcyZBmbdQXKu4PYQi6OyeBvFr2F.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7o51Bj7YW7Z4kfcyZBmbdQXKu4PYQi6OyeBvFr2F.png)

Your AI support agent has now been added to your **BookStack** application and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Bowwe
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-bowwe

How to add your custom ChatGPT trained AI support agent to your Bowwe website.

You want to embed your custom trained AI support agent in your **Bowwe** website page. Here's how to add an AI support agent to Bowwe with SiteSpeakAI.

**Bowwe** is a *no-code/low-code website builder* designed to help individuals and businesses create professional websites, landing pages, portfolios, blogs, and more without needing to write a single line of code. It uses a *drag-and-drop interface* that's intuitive and flexible, making it accessible for beginners while still offering advanced customization for developers.
It's especially popular among freelancers, small businesses, marketers, and creatives who want full control over their site's look and performance without relying on developers.

**Website URL:** [Bowwe](https://bowwe.com/)

## Add your AI support agent to your **Bowwe** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Bowwe

1. Log in to your **Bowwe** website builder dashboard and select **EDIT** for the applicable website
   <img alt="" />

2. Select **CREATOR** to display the available widgets
   <img alt="" />

3. Select the **EMBED** widget
   <img alt="" />

4. Click on **EMBED** area and drag onto webpage
   <img alt="" />

5. Dbl-click on the widget to open editor
   <img alt="" />

6. Add a name for your AI support agent widget and insert your snippet under **HTML**. Click on **PREVIEW** to preview your page or **SAVE** and **PUBLISH** to publish to your live website
   <img alt="" />

7. Your AI support agent button will now be displayed on your **Bowwe** website page
   <img alt="" />

8. If you click on the button it will display the AI support agent dialogue
   <img alt="" />

Your AI support agent has now been added to your **Bowwe** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Brizy Cloud
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-brizy-cloud

How to add your custom ChatGPT trained AI support agent to your Brizy Cloud website.

You want to embed your custom trained AI support agent in your **Brizy Cloud** website page. Here's how to add an AI support agent to Brizy Cloud with SiteSpeakAI.

**Brizy Cloud** is a drag-and-drop website builder that's designed to be super easy to use, even if you have *no* coding experience. Think of it like building with LEGOs – you grab pre-made blocks (called "blocks") like text boxes, images, buttons, and more, and simply drag and drop them onto your page to create your website.

**Website URL:** [Brizy Cloud](https://brizy.io/)

## Add your AI support agent to your **Brizy Cloud** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Brizy Cloud

1. Log into your **Brizy Cloud** account and on the dashboard, select the project you want to add your AI support agent to

![uploads/help-center/images/xmAfnQZCpBnrGZkz5OzS7mdQVsXMMflt6IGW1QPD.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xmAfnQZCpBnrGZkz5OzS7mdQVsXMMflt6IGW1QPD.png)

2. Select the **CMS** item on the left sidebar

![uploads/help-center/images/mY4795HBBbt95xNASHjugeya5LtouMgNVB0OLSQU.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/mY4795HBBbt95xNASHjugeya5LtouMgNVB0OLSQU.png)

3. Click on **Project Settings**

![uploads/help-center/images/ncKFYxbyOJDKgpp3dkLK4EySVUAc0iEotvZsh572.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ncKFYxbyOJDKgpp3dkLK4EySVUAc0iEotvZsh572.png)

4. Select the **\</> CODE** option tab

![uploads/help-center/images/tXzH0tV80yM3fVY7IkxtxuqY8ifU35qlMSPd36oU.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/tXzH0tV80yM3fVY7IkxtxuqY8ifU35qlMSPd36oU.png)

5. Insert your AI support agent snippet code under **Code injection > Header** and click on **Save Changes** to save your code

![uploads/help-center/images/uKYA603IssKTyAExnR6hXXiggzJLdGOiTHPpCDTu.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uKYA603IssKTyAExnR6hXXiggzJLdGOiTHPpCDTu.png)

6. Close **Settings** to return to your website

![uploads/help-center/images/oqAE8h9yaDlMTc13CKnoejvQKVa1kxLMfp1VPaII.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oqAE8h9yaDlMTc13CKnoejvQKVa1kxLMfp1VPaII.png)

7. Click on **Preview** to preview your webpage

![uploads/help-center/images/X7xADfdMI5QK3IBp5qPWYFsrp7EodeYyBkrnTVkb.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/X7xADfdMI5QK3IBp5qPWYFsrp7EodeYyBkrnTVkb.png)

8. Your AI support agent button will now be displayed on your **Brizy Cloud** website page

![uploads/help-center/images/geMbYzuZ61UhF4iFzkUcaXJqOYY39COkBMCxdopJ.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/geMbYzuZ61UhF4iFzkUcaXJqOYY39COkBMCxdopJ.png)

9. If you click on the button it will display the AI support agent dialogue

![uploads/help-center/images/5Ohxrh0rcvAWos3efX97NXRKUNIbU2GZAudDL7HH.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5Ohxrh0rcvAWos3efX97NXRKUNIbU2GZAudDL7HH.png)

Your AI support agent has now been added to your **Brizy Cloud** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Bubble
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-bubble

How to add your custom ChatGPT trained AI support agent to your Bubble website.

You want to embed your custom trained AI support agent in your **Bubble** website page. Here's how to add an AI support agent to Bubble with SiteSpeakAI.

**Bubble** is a *no-code website builder*. That means you can create professional-looking websites, web apps, and even complex online tools *without writing any code*. Instead of coding, you use a visual drag-and-drop interface to build your site by connecting "elements" like text boxes, images, buttons, and databases. It's like building with LEGOs for the web.

**Website URL:** [Bubble](https://bubble.io/)

## Add your AI support agent to your **Bubble** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Bubble

1. Log into your Bubble account and select the page where you want to add your AI support agent to

![uploads/help-center/images/Ja7ZKe1XcEYXM86W4bCWfxCiIugFmz3CvIBHa238.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Ja7ZKe1XcEYXM86W4bCWfxCiIugFmz3CvIBHa238.png)

2. Select the  **\</> HTML** element on the **UI Builder** menu tab under **Visual Elements** and drag the element to your page

![uploads/help-center/images/GgIHdhU3uVyeDbLIQaZQTib5ZD9tBKCerWQGtB6s.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GgIHdhU3uVyeDbLIQaZQTib5ZD9tBKCerWQGtB6s.png)

3. Insert the **AI support agent** snippet under **HTML appearance**

![uploads/help-center/images/BTvrLjb9AcupE7hclA0eA2aWV7cfCBRlWGPyYDNx.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/BTvrLjb9AcupE7hclA0eA2aWV7cfCBRlWGPyYDNx.png)

4. Click on **Preview** to view your **AI support agent** on your page

![uploads/help-center/images/hyHbGlEStitiaIfC5Re9xLGBNf9PvSpiGX5XML3O.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/hyHbGlEStitiaIfC5Re9xLGBNf9PvSpiGX5XML3O.png)

5. Your AI support agent button will now be displayed on your **Bubble** website page

![uploads/help-center/images/fTx1xpiaStWNwx43F3GXSKIzyNUWwOXrQaQJn6kv.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/fTx1xpiaStWNwx43F3GXSKIzyNUWwOXrQaQJn6kv.png)

6. If you click on the button it will display the AI support agent dialogue

![uploads/help-center/images/3gY4NTDe2JKO1FUQw1qZEibZpJaAzaW4wcbblj09.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3gY4NTDe2JKO1FUQw1qZEibZpJaAzaW4wcbblj09.png)

Your AI support agent has now been added to your **Bubble** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Carrd
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-carrd

How to add your custom ChatGPT trained chatbot to your Carrd website.

You want to embed your custom trained chatbot in your **Carrd** website. Here's how to add ChatGPT to Carrd with SiteSpeakAI.

**Carrd** allows you to build one-page sites for pretty much anything whether it's a personal profile, a landing page to capture emails, or something a bit more elaborate, Carrd has you covered.

**Website URL:** [Carrd](https://carrd.co/)

## Add your AI support agent to your Carrd website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Carrd

Go to the **Carrd** page where you want to add your AI support agent.

1. Click the **+** icon and select **embed**

2. Add your code snippet under **Code** on the left-hand section

3. Save your page and preview your AI support agent.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Concrete CMS
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-concretecms

How to add your custom ChatGPT trained AI support agent to your Concrete CMS website.

You want to embed your custom trained AI support agent in your **Concrete CMS** website page. Here's how to add an AI support agent to Concrete CMS with SiteSpeakAI.

**Concrete CMS** is a powerful, open-source, PHP-based Content Management System (CMS) known for its flexibility, modularity, and focus on developer control. It's particularly well-suited for complex websites, web applications, and digital experiences where you need a high degree of customization and scalability. Unlike some CMS platforms that prioritize ease of use for non-technical users, Concrete CMS is designed for developers who want to build bespoke solutions. It uses a component-based architecture, allowing you to build and reuse content structures and functionality.

**Website URL:** [Concrete CMS](https://www.concretecms.com/)

## Add your AI support agent to your **Concrete CMS** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Concrete CMS

1. Log into your **Concrete CMS** account and on the dashboard select **View Sites**

![uploads/help-center/images/ngq3oGwcuqQ3flrMy9I8wZLvHE3c4pjznPhxwnbl.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ngq3oGwcuqQ3flrMy9I8wZLvHE3c4pjznPhxwnbl.png)

2. Select and log in to the site you want to add your AI support agent to

![uploads/help-center/images/Khhc2jrU7urhNYECDdQsjru3Lo6QAgYIDv6WXqri.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Khhc2jrU7urhNYECDdQsjru3Lo6QAgYIDv6WXqri.png)

3. Select **Edit This Page**

![uploads/help-center/images/6UNMzXYqDiQvXMYQ9CCrdF1lHxg5WBGnSfnAC47r.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/6UNMzXYqDiQvXMYQ9CCrdF1lHxg5WBGnSfnAC47r.png)

4. Click on **SITEWIDE NAVIGATION** and select **Add Block**

![uploads/help-center/images/A3k3cKRSho1sSDWubvdv22yVz7vme3etrY9qRoNk.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/A3k3cKRSho1sSDWubvdv22yVz7vme3etrY9qRoNk.png)

5. Select the **HTML** block to add your AI support agent snippet

![uploads/help-center/images/Gnu2IXeri9GkTzcChUhER24ZVS6IbTbgIv5XLolP.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Gnu2IXeri9GkTzcChUhER24ZVS6IbTbgIv5XLolP.png)

6. Insert your snippet and click on **Add**

![uploads/help-center/images/55j8d4qTq0tEzUOBsa7tXzRFEdXKbGTQUnRSo0tI.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/55j8d4qTq0tEzUOBsa7tXzRFEdXKbGTQUnRSo0tI.png)

7. Exit **Edit Mode** to **Save** & **Publish** your changes

![uploads/help-center/images/zoqcIyymyRgNpjhKw1xIa065hri40x1EgIXThnCu.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zoqcIyymyRgNpjhKw1xIa065hri40x1EgIXThnCu.png)

![uploads/help-center/images/ogxdd1WRLocDYdkD75XBeZdDAMVaY1CsJlD82V5f.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ogxdd1WRLocDYdkD75XBeZdDAMVaY1CsJlD82V5f.png)

8. Your AI support agent button will now be displayed on your **Concrete CMS** website page

![uploads/help-center/images/yVFHs4vryf70SrNcC7clFc8ulkvB2LjHDbKwWqY1.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/yVFHs4vryf70SrNcC7clFc8ulkvB2LjHDbKwWqY1.png)

9. If you click on the button it will display the AI support agent dialogue

![uploads/help-center/images/XvPJNuRKROvCxx9kuEdb9NbiFitmOG8E4fpu7BMi.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XvPJNuRKROvCxx9kuEdb9NbiFitmOG8E4fpu7BMi.png)

Your AI support agent has now been added to your **Concrete CMS** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to createwebsite.io
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-createwebsite-io

How to add your custom ChatGPT trained AI support agent to your createwebsite.io website.

You want to embed your custom trained AI support agent in your **createwebsite.io** website page. Here's how to add an AI support agent to createwebsite.io with SiteSpeakAI.

**createwebsite.io** is a drag-and-drop website builder designed for beginners. It's incredibly easy to use – you don't need any coding knowledge. You simply choose a template, customize it with pre-built blocks (like text, images, buttons, and forms), and then publish your website. They offer a wide variety of templates for different types of sites (business, portfolio, blog, etc.) and have a free plan with limited features. It's a good option if you want a simple, professional-looking website quickly and without technical hassle.

**Website URL:** [createwebsite.io](https://createwebsite.io/)

## Add your AI support agent to your **createwebsite.io** website

### In SiteSpeakAI

Log into your SiteSpeakAI account and select your agent from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, select the **Javascript** tab and then copy the URL of the Javascript (.js) file (**DO NOT** click on **Copy Code**!!). You will use this later when we insert your snippet.

<img alt="Copy js file url" />

### In createwebsite.io

1. Log into your **createwebsite.io** account and on your dashboard select the project to edit

![Log into your account](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/yxZ0qwm6ChlsYItmTqSl38675OiOtBxoWWF2d9C5.png)

2. Click on **Settings**

![uploads/help-center/images/MFnENotyXx1rw4bRpzQGsEtglQJSs0g4kJsJhCyE.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MFnENotyXx1rw4bRpzQGsEtglQJSs0g4kJsJhCyE.png)

3. Under **Project Settings** scroll down and select **+ Add head tag**

![uploads/help-center/images/VgIHSKg4AskWfAIQWLwYmXiLINts4UTfOi2zs4Nm.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VgIHSKg4AskWfAIQWLwYmXiLINts4UTfOi2zs4Nm.png)

4. Paste the URL of the .js file you copied into the head tag field and click on **Save Changes**

![uploads/help-center/images/VBT8ddgewNAkwpQMtoqjibAqtxV5JEIAEoyVjtQ3.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VBT8ddgewNAkwpQMtoqjibAqtxV5JEIAEoyVjtQ3.png)

5. Click on **X** to close the **Project Settings**

![uploads/help-center/images/jrEw9Vp9z1BOekev6U9tKUEqbJLLGka1sugBq9e0.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jrEw9Vp9z1BOekev6U9tKUEqbJLLGka1sugBq9e0.png)

6. Click on **Sync changes** to update your website

![uploads/help-center/images/TluHUmTGpitmwVs2LQVUJxMmpL49EfRbIdjZuoO1.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TluHUmTGpitmwVs2LQVUJxMmpL49EfRbIdjZuoO1.png)

7. Your AI support agent button will now be displayed on all your **createwebsite.io** website pages

![uploads/help-center/images/iumxX0kMc1AU6neSoGdVPb9wxu5QdYgrdiyUtB0Y.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iumxX0kMc1AU6neSoGdVPb9wxu5QdYgrdiyUtB0Y.png)

![uploads/help-center/images/sdBjq6prR1HqwUplqsuPx7xtYR9XJKCakNdNdrNs.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sdBjq6prR1HqwUplqsuPx7xtYR9XJKCakNdNdrNs.png)

![uploads/help-center/images/MDWAMB5YYCWXSTKd1F46PLktC8Syd41VjAVHeE8H.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MDWAMB5YYCWXSTKd1F46PLktC8Syd41VjAVHeE8H.png)

8. If you click on the button it will display the AI support agent dialogue

![uploads/help-center/images/s6Dc9ZaUcZP80Ot62xacQATGzt4vus6yMcXlaTUq.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/s6Dc9ZaUcZP80Ot62xacQATGzt4vus6yMcXlaTUq.png)

Your AI support agent has now been added to your **createwebsite.io** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Designmodo
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-designmodo

How to add your custom ChatGPT trained AI support agent to your Designmodo website.

You want to embed your custom trained AI support agent in your **Designmodo** website page. Here's how to add an AI support agent to Designmodo with SiteSpeakAI.

**Designmodo** consists of 3 Apps, i.e. **Postcards**, **Slides** and **Startup**

* **Postcards** - A Powerfully Simple Email Template Builder. **Postcards** is how you design email newsletters that shine, in a fraction of the time, with one-click exports to every ESP [Learn more](https://designmodo.com/postcards/).

* **Slides** - A No-Code Website Builder for Creating Beautiful and Animated Pages. In **Slides**, you can tell an unforgettable story. Bring your website vision to life with smooth animations and bold creative. It is a fast, intuitive website builder to generate beautiful, animated websites without a single line of coding. Choose from hundreds of premade UI blocks or use a template, then just drag and drop them into place [Learn more](https://designmodo.com/slides/).

* **Startup** - A Drag & Drop Bootstrap Template Builder. With **Startup**, every developer is more productive. Publish perfect, responsive landing pages faster, with a simple drag-and-drop interface. It is a platform offering a curated collection of website templates and resources specifically geared towards early-stage startups. It provides a marketplace for designers and developers to find and purchase professionally designed website solutions [Learn more](https://designmodo.com/startup/).

In this tutorial we will look at **Slides** as well as **Startup**

## A. Add your AI support agent to your Designmodo website using the Slides App

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Designmodo

1. Log into your **Designmodo** account and select **slides** -> **Open App** on the **Apps** dropdown

![Open Slides app](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oqmpkP9OwNMKv4oy8V70RRFzo0bNoKc3BwUoieE4.png)

2. For the website you want to add your AI support agent to, click on the hamburger menu and select **Edit**

![Edit website](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ClB9XqWjM87p4hlbKUn1TnjgbF8aIyEWyoU8uUL2.png)

3. Select **Settings** on the left sidebar and select the **Custom Code** tab

![Custom Code tab](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DOylzdpxeGICJWqe2vwUCjtX4FWdm7UultKTw10x.png)

4. Under **Custom Code** insert your AI support agent snippet in anyone of the available **Injection** areas, i.e. **Head Code Injection**, **Body Start Code Injection** or **Body End Code Injection**

![Insert code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/G78gBWhY1paGMQHc3CnMCPwUF961mpli6Jp4Ph8l.png)

5. Click on **Save Changes** and **Publish**

![Save and publish](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/n8KVgkNsLAdgWdhroqgONqKT8h9VjQ3gugx8uy7B.png)

6. Your AI support agent button will now be displayed on your **Designmodo slides** website page

![Agent button displayed](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3YCBZ3sCJ4dLMLoKZrNel5NpvrO7SeL4B1AnruNL.png)

7. If you click on the button it will display the AI support agent dialogue

![Agent dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/lPoawUk4TzBcrStqbaig32PAoTYD6EE5ktb0Yavg.png)

Your AI support agent has now been added to your **Designmodo slides** website and your visitors/customers can start interacting with it!

## B. Add your AI support agent to your Designmodo website using the Startup App

### In SiteSpeakAI

Log into your SiteSpeakAI account and select your agent from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, select the **Javascript** tab and then click on the **Copy Code** button to copy your agent code snippet.

![Copy code snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sn6v3HUhLY90Q2KLalRzqjfa5Ldw5SkwJJGLxWXi.png)

### In Designmodo

1. Log into your **Designmodo** account and select **startup** -> **Open App** on the **Apps** dropdown

![Open Startup app](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3xCt1GAf0CwAar8ShQskYF52vMfIXwiLVyuYP64M.png)

2. Make sure your project is selected and on the right sidebar, scroll down to **Code injections**

![Code injections](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ceqaURbS0rwJYig4K3UoTpNQH0vBNqWwjZ7OoOd9.png)

3. Under **Code injections** insert your AI support agent snippet in anyone of the available **Injection** areas, i.e. **Head**, **Body start** or **Body end** and click on **Save** (it does an Autosave)

![Insert and save](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MJbiaFcnpBPMMhxKDpS5MbCtQKKgIwaqP7v1X9DB.png)

4. Your AI support agent button will now be displayed on your **Designmodo startup** website page

![Agent button displayed](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GgEKrtsew8JwVFqLc5VcNnPpSYSyMMEoYE7QiGys.png)

5. If you click on the button it will display the AI support agent dialogue

![Agent dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DbcdxUtWpfgzxUV8pfVO6EutqL9NeJpVto8Q9aBU.png)

Your AI support agent has now been added to your **Designmodo startup** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a custom trained ChatGPT AI support agent to Discord
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-discord

Find out how to add your custom trained AI support agent to Discord to respond to your members questions.

## Installing your AI support agent

Adding a custom trained AI support agent to your Discord server makes it easy to offer 24/7 customer support to your members.

To get started, select the chatbot you would like to install in your Discord server from the dropdown (or [create a new chatbot](/docs/getting-started/create-your-chatbot)).

Select the **Install Chatbot** option from the sidebar, and then click on the **Discord** tab.

![CleanShot 2025-02-19 at 16.06.44@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/mdPvwNi507Aj6BsuOfsz4KX839LwGw73JveAz7Rz.png)

You can now click on the **Connect to Discord** button to authorize SiteSpeakAI to retrieve your channels and install your AI support agent in your Discord server.

![CleanShot 2025-02-19 at 16.07.47@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CPBO8d1w9gX1UivU6iL4puEq8b9rA9sdmzMgUULv.png)

![CleanShot 2025-02-19 at 16.09.35@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/bBsyFx6AqVarUGMEyU0HZcW7OQhJ0lfH734PJfWA.png)

After your AI support agent has been added to your Discord server, you and your members can now use the **/ask** command to ask your AI support agent queries that it can answer from it's knowledge base. Remember to [add some training sources](/docs/training-your-chatbot/overview) to your AI support agent so it can use this knowledge to answer questions!

![CleanShot 2025-02-19 at 16.17.31@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KAdmgWMjLVc34a6titR5GM3jsB1aWcppvinmv8R0.png)

## Training your AI support agent from your Discord channels

If you'd like to use content from your Discord channels to train your AI support agent so it can use this information to answer questions from your members, or visitors to your website if you have the widget installed on your site, you can follow the steps below:

First, make sure you've selected the chatbot you'd like to use.

Then select the **Training & Sources** option from the sidebar and click on the **Add Sources** or **Apps** option in the Training & Sources screen.

![CleanShot 2025-02-19 at 16.15.01@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/h4tyDFSyF9DVDeSHXbS63pqWTsLlLp3FhKdod1Go.png)

Select the **Connect Discord Channels** option and you will be able to select the channels you would like to use as training sources from the list.

![CleanShot 2025-02-19 at 16.16.10@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KFrnhrXEjTjBuRlyKzEIaLgLSQMniZWZPu9u3yaf.png)

Once selected and saved, your AI support agent will now be trained on content from these channels. Your AI support agent will also automatically check for new content once a day to add to it's knowledge base.

![CleanShot 2025-02-19 at 16.16.59@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UnAPQGjIojds8iWTN0QfxDtcR0cO1j3m3Edsppte.png)

We also have a step-by-step video tutorial available [here](https://www.youtube.com/watch?v=44G-Uif2JKw).

And that's it! It's easy to add a custom AI agent to your Discord server and train it on content from your channels.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to app.dragdropr
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-dragdropr

How to add your custom ChatGPT trained AI support agent to your app.dragdropr website.

You want to embed your custom trained AI support agent in your **app.dragdropr** website page. Here's how to add an AI support agent to app.dragdropr with SiteSpeakAI.

**app.dragdropr** is a super-simple website builder that focuses on creating landing pages and basic websites without needing any coding knowledge. It's built around a drag-and-drop interface, meaning you literally drag elements (text boxes, images, buttons, etc.) onto a page and arrange them however you like. It's particularly known for its ease of use and speed - you can get a basic website up and running in minutes. It's designed for very straightforward websites, like promoting a product, collecting email addresses, or showcasing a simple service.

**Website URL:** [app.dragdropr](https://app.dragdropr.com/)

## Add your AI support agent to your **app.dragdropr** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In app.dragdropr

1. Log into your **app.dragdropr** account and on the dashboard select the project you want to add your custom ChatGPT trained AI support agent to

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9C759u7GK26aPyRaVe4ZRmVROo1CkLmAVbTZ6Xdc.png)

2. In the page editor, select **Settings** in the top right menu

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HRyHLgFyhOTyuvIGEnnh9ZsCtWgxyYXP9N1rtBvk.png)

3. Click on **ADD SCRIPTS** on the PAGE Settings

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uZshQLfmJhTO6fcFX1ywMpOss6i72S1RZrwQt2gv.png)

4. In the **Javascript Editor**, insert your snippet under **HEAD**, click on **SAVE** and close the editor

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5YJdAwGplHfRycuMW9fV1uHL4wH3swC4hpZvEAEG.png)

5. On the main editor page, click on **SAVE** to save your changes to the page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XbrCJeU4rV9y89ip6GPdua8gn42r5TFwYe0nIT1C.png)

6. Click on **Live Preview** to see how your AI support agent will be displayed on your live page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/n0tkMvWsXYMZFrxSeW2NGTE6lJzKxqJdnrV3t5kX.png)

7. Your AI support agent button will now be displayed on your **app.dragdropr** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9vrY3n8N9j0RqR3IhmlCgKN50j1P5wJSrWafUZE9.png)

8. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KvMNPNBPJGwDCPJrEJsLWzIzafMCqffldPR5doHu.png)

Your AI support agent has now been added to your **app.dragdropr** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Droip
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-droip

Please note: Droip was rebranded into Kirki.

If you have a current **Droip** subscription, read the following info page [Migrating from Droip to Kirki](https://kirki.com/docs/migrate-from-droip-to-kirki/) for a proper set of instructions on how to migrate to Kirki.

For a tutorial on how to add your AI support agent to Kirki, have a look at the following page [How to add a ChatGPT AI support agent to Kirki](how-to-add-chatgpt-to-kirki)

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Duda
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-duda

How to add your custom ChatGPT trained AI support agent to your Duda website.

You want to embed your custom trained AI support agent in your **Duda** website page. Here's how to add an AI support agent to Duda with SiteSpeakAI.

**Duda** is a website builder designed for entrepreneurs and small businesses. It allows users to create and manage websites without coding, using AI, templates or from scratch.

**Website URL:** [Duda](https://www.duda.co/)

## Add your AI support agent to your **Duda** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Duda

1. Log into your **Duda** account and on your dashboard select your site under **Sites**

<img alt="" />

**Note!** Duda allows adding your snippet site wide as well as per page. Adding site wide is achieved by editing the **Settings** and per page is achieved by adding the **Html** widget to the page.

#### A. Site Wide

1. Click on the **More** item on the left side toolbar and select **Settings**

<img alt="" />

2. Select **Head HTML** and insert your AI support agent snippet in the **Body End HTML** input box. Click on **Save** and then on **Publish**

<img alt="" />

#### B. Per page

1. Click on **+ Add** to add a **Widget**, scroll down on the list of widgets and select **HTML**

<img alt="" />

2. Insert your **AI** support agent snippet in the **HTML CONTENT** input box, click on **Update** and then on **Publish**

<img alt="" />

#### C. For all options

1. Your AI support agent button will now be displayed on your live **Duda** website page

<img alt="" />

2. If you click on the button it will display the AI support agent dialogue

<img alt="" />

Your AI support agent has now been added to your **Duda** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Durable
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-durable

How to add your custom ChatGPT trained AI support agent to your Durable website.

You want to embed your custom trained AI support agent in your **Durable** website page. Here's how to add an AI support agent to Durable with SiteSpeakAI.

**Durable** is a website builder focused on creating beautiful, accessible, and performant websites quickly – particularly for businesses and nonprofits. It emphasizes a "no-code" approach, letting you build visually with drag-and-drop elements, but also offers powerful backend features like content relationships and data management, making it ideal for complex sites. It's known for its speed, SEO optimization, and commitment to accessibility standards.

**Website URL:** [Durable](https://www.durable.io/)

## Add your AI support agent to your **Durable** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Durable

1. Log in to your **Durable** website builder dashboard and select **Website**
   <img alt="" />

2. Select the **Settings** tab
   <img alt="" />

3. Insert your support agent snippet in the **Head Code** text input box under **Custom code** and click on **Save** to save the changes to your website
   <img alt="" />

4. Your AI support agent button will now be displayed on your **Durable** website page
   <img alt="" />

5. If you click on the button it will display the AI support agent dialogue
   <img alt="" />

Your AI support agent has now been added to your **Durable** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Elementor
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-elementor

How to add your custom ChatGPT trained AI support agent to your Elementor website.

You want to embed your custom trained AI support agent in your **Elementor** website page. Here's how to add an AI support agent to Elementor with SiteSpeakAI.

**Elementor** is the leading no-code, drag-and-drop website builder plugin for WordPress, powering over 18 million sites worldwide. It delivers a live, front-end editing experience with pixel-perfect design controls and built-in marketing tools.

**Website URL:** [Elementor](https://elementor.com/)

**Please note**: Installing **Elementor** as a plugin on **WordPress** is not part of this tutorial but you can follow the installation on [**How to Install Elementor Pro: Full Guide**](https://elementor.com/help/installing-elementor-pro/).

## Add your AI support agent to your **Elementor** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Elementor

With Elementor you have two (2) options to embed your AI support agent code snippet:

* Using the **Elementor Editor** to add an **HTML** element containing your snippet per page in a selected section on your page (this option is also available if you have the **free** Elementor plugin installed)

* Using the **Elementor Code** editor to add the code snippet as a code element to your website. You can select where it should be displayed, i.e. on the entire site or per page. Note that this option is only available with the **Elementor Pro** (paid) subscription.

We will cover both options.

#### A. Using the **Elementor Editor** option

1. Log into your **WordPress** account and on the Dashboard, select **Pages → All Pages** on the leftside menu
   ![Select Pages](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Gx5Y0sp3jxNwQYXGnLUErNReCMEcAet1Xv980Obh.png)

2. Scroll down on the list of available pages until you find the page you want to add your snippet to. Move your mouse over the page entry and select **Edit with Elementor**
   ![Edit with Elementor](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VLTDpOOoumIFYoZxRPuD53SzxmCfkVlSLgcSwZa5.png)

3. Scroll down on the list of **Elements** and drag the **HTML** element onto your page
   ![Drag HTML element](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0wVyHB7lPKfJHTI6KrMcd5IPLlv1uQKZ7pn0zloS.png)

4. Insert your code snippet in the **HTML Code** text box. The Preview will display the **AI support agent** button on the right hand bottom side of the page. To see the button on your live page, click on Publish and view your live page
   ![Insert code snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/37QjhXkWlHDTSm3jdquIavgYcs74wJ85IxsEpWUR.png)

#### B. Using the **Elementor Code** option

1. Log into your **WordPress** account and on the Dashboard, select **Elementor → Custom Code** on the leftside menu
   ![Select Custom Code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ENkTbt4SG1J7EFF8yi3ZnL8glxE7499fkipG74Pg.png)

2. Click on **NEW CODE**
   ![New Code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xupXVQY1uG7oYPPnRitJjB5bxdcKYmbcoqLmxmiq.png)

3. Add a **Title** (for your reference), choose the **Location** (**\<head>**, **\<body>-Start** or **\<body>-End**), optionally set a **Priority** (1-10) to control injection order, insert your code snippet and click on **Publish**\
   ![Add code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/isErweX4xBw3Aqba6SSrMb9P7FJ4KCcgKMkKSpfL.png)

4. You can add a **Condition** (where the code snippet must be displayed, the default is **Entire site**) and click on **Save & Close**
   ![Add condition](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ROW66TgvISxxBupuu0dRYlwLLgqYuToESZyCfBP2.png)

#### C. For both options

Whatever option you have used, your AI support agent will now be active on your website.

1. Your AI support agent button will now be displayed on your **Elementor** website page
   ![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Ig1kZ2dfyxyIbWnz5fktJMR1ZifbWZyuSMRllYWK.png)

2. If you click on the button it will display the AI support agent dialogue
   ![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/fhAGbyCNwFPDOx0RejmsAs1TR5lCkXfaslHXZsaJ.png)

Your AI support agent has now been added to your **Elementor** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Emergent
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-emergent

How to add your custom ChatGPT trained AI support agent to your Emergent website or app.

You want to embed your custom trained AI support agent to your **Emergent** website or app. Here's how to add ChatGPT to Emergent with SiteSpeakAI.

**Emergent** lets you build production-ready apps and website/landing pages through conversation.

Chat with AI agents that design, code, and deploy your application from start to finish.

**Website URL:** [Emergent](https://app.emergent.sh/home)

## Add your AI support agent to your **Emergent** website or app

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Emergent

1. Log in to your **Emergent** account and on the dashboard select the project you want to edit

<img alt="Dashboard" />

We are going to use a prompt to instruct the Emergent AI to insert the snippet for us. The prompt consists of the instruction, "Please add the following JS snippet to my app code:" followed by the snippet code as copied at the beginning of this tutorial.

```
Please add the following JS snippet to my app code:

<!-- SiteSpeakAI - Add ChatGPT to your website -->
	<script type="text/javascript">(function()	{d=document;s=d.createElement("script");
	s.src="https://sitespeak.ai/chatbots/##########################.js";
	s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<!-- / SiteSpeakAI -->

```

2. Insert this prompt into the AI chatbox and click on **Send message**

<img alt="2-Insert-AI-prompt" />

It will go through a whole process of inserting your snippet and then display a message indicating that the snippet was added successfully.

3. Your AI support agent button will now be displayed on your **Emergent** website or app

<img alt="3-chatbot-button" />

4. If you click on the button it will display the AI support agent dialogue

<img alt="4-Chatbot-dialogue" />

Your AI support agent has now been added to your **Emergent** website or app and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to EZsite AI
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-ezsite-ai

How to add your custom ChatGPT trained AI support agent to your EZsite AI website.

You want to embed your custom trained AI support agent in your **EZsite AI** website page. Here's how to add an AI support agent to EZsite AI with SiteSpeakAI.

**EZsite AI** is praised for its ability to create professional websites and apps without coding, featuring intuitive AI tools for lead capture and automation. Users appreciate its efficiency and ease of use, making it ideal for freelancers and small businesses. However, some users express dissatisfaction with the reduction in free credits and customer service. Overall, it is recommended for those seeking a quick, cost-effective solution to launch high-performing sites.

**Website URL:** [EZsite AI](https://ezsite.ai/)

## Add your AI support agent to your **EZsite AI** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In EZsite AI

**Please note**:

* ***EZsite AI*** doesn't provide sections/blocks to add custom html to your website. It however allows  you to view and edit the source code of the website source files (html, js and css). This is not for the fainthearted so you will have to be careful when editing these files. In our case we are only going to edit the **index.html** file and insert the AI support agent snippet in the `<head>` element of the file. We suggest you make a backup of your website files before you make any changes to the file. This we will do by copying the contents of the file and saving it off-line on your computer (we will get to that in a bit).

* If you do have a **Pro** account you can also use the EZsite AI **AI** to add your snippet to your website by selecting an element and use an AI prompt to add the snippet for you.

We will look at both options in this tutorial.

Log into your **EZsite AI** account and select your project under **My Projects** on the dashboard
![uploads/help-center/images/QsKOaOzKJ7CA32BRr0A8UVEzD6wPkNXYrtFgJoDW.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QsKOaOzKJ7CA32BRr0A8UVEzD6wPkNXYrtFgJoDW.png)

#### A. Adding your snippet by means of the Code editor

1. On the **Preview** display of your website (the default page will be the Home page), select **Code** to allow viewing and editing your source files
   ![uploads/help-center/images/JfXj5XVojkLMBlUH0dAD5KNLtI3oOHkNZAvYeasA.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/JfXj5XVojkLMBlUH0dAD5KNLtI3oOHkNZAvYeasA.png)

2. Select the **index.html** file. The contents will be displayed in **view-only** mode in the right pane.
   ![uploads/help-center/images/quohlnNNoseB8H7vyNlbUtSi5Stp5hBZfKyEe1EN.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/quohlnNNoseB8H7vyNlbUtSi5Stp5hBZfKyEe1EN.png)

3. While still in **view-only** mode, click in the contents of the **index.html** file and use ***Ctrl+A*** and ***Ctrl+C*** to copy the contens of the file. Save this in a text file somewhere where you can easily retrieve it if necessary
   ![uploads/help-center/images/QHHBerWKKH4GomK3U4KoSIHnDqn8e37n8yD6KLl1.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QHHBerWKKH4GomK3U4KoSIHnDqn8e37n8yD6KLl1.png)

4. **Note**: If you have a **Pro** account, you can also use the **Download Files** option to make a complete backup of all your code files
   ![uploads/help-center/images/Nj9Bybk0TerqSK4wUOmfVEKYky8s1rxxPxFpcNYB.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Nj9Bybk0TerqSK4wUOmfVEKYky8s1rxxPxFpcNYB.png)

5. Click on **Edit** to allow you to edit the file contents
   ![uploads/help-center/images/TdgCzm2FGzaHDrzszkIsEiyhun1ifMFI4mNHqvU5.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TdgCzm2FGzaHDrzszkIsEiyhun1ifMFI4mNHqvU5.png)

6. Insert your support agent snippet in the `<head>` element in the index.html file (here we have added it just before the `<!-- Tailwind CSS -->` remark). Click on **Save** to save your modified source code
   ![uploads/help-center/images/Im9ntfU4noZj10OJ78y8FHtRWpgnXJidwfZA4Nfw.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Im9ntfU4noZj10OJ78y8FHtRWpgnXJidwfZA4Nfw.png)

7. To make your modifications available on your live website, click on **Publish**
   ![uploads/help-center/images/EW73yvlYHxkJEcZTECT1JRKiBREKem03P2bkul8R.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EW73yvlYHxkJEcZTECT1JRKiBREKem03P2bkul8R.png)

#### B. Using the EZsite AI **AI** editor to add your snippet

1. Select the **AI Selection Edit** option
   ![uploads/help-center/images/HiiNpsDQrNlEQwJpAKfdieAF8SEe6ToBWYQE7rPu.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HiiNpsDQrNlEQwJpAKfdieAF8SEe6ToBWYQE7rPu.png)

2. Select an element and add your AI prompt in the AI Selection editor. Note that this will be done in 2 parts, the AI editor doesn't allow creating a new line in the prompt (similar to Copilot)

* Add the first part (where you request the AI to add your SiteSpeakAI snippet to your website) in the AI editor text box, select the **AI model** you prefer to use and then click on the Send button
  ![uploads/help-center/images/IhtEXs6s9nL3dSlx0t76SKI4qjUZXdHjAkCFyiSp.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/IhtEXs6s9nL3dSlx0t76SKI4qjUZXdHjAkCFyiSp.png)
  ![uploads/help-center/images/cz5EfyjFhwzt8QV8atvyztUjdpqtjDUXnXfsdls0.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/cz5EfyjFhwzt8QV8atvyztUjdpqtjDUXnXfsdls0.png)

3. The AI editor will then respond with a request to add your snippet. Insert the snippet in the AI editor text box and click again on the Send button
   ![uploads/help-center/images/DBd9zgcwm2UkhpcXtW0j6Xr9H2zHcAjX9toTOyTL.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DBd9zgcwm2UkhpcXtW0j6Xr9H2zHcAjX9toTOyTL.png)

4. To make your modification available on your live website, click on **Publish**
   ![uploads/help-center/images/8Aibq4jOUotcAzqQBCe6WGY5JdkkXZccoMLDaGzY.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/8Aibq4jOUotcAzqQBCe6WGY5JdkkXZccoMLDaGzY.png)

#### C. For all options

1. Your AI support agent button will now be displayed on your **EZsite AI** website page
   ![uploads/help-center/images/nN3iTsunpkbQjTo4SBdqzPranJrr8tvcuIXvbOPw.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nN3iTsunpkbQjTo4SBdqzPranJrr8tvcuIXvbOPw.png)

2. If you click on the button it will display the AI support agent dialogue
   ![uploads/help-center/images/NyWcLUjyKAHqMCmOHoRH8emeBtallP4vgOgsKBOf.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NyWcLUjyKAHqMCmOHoRH8emeBtallP4vgOgsKBOf.png)

Your AI support agent has now been added to your **EZsite AI** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to EzyCourse
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-ezycourse

How to add your custom ChatGPT trained AI support agent to your ezyCourse website.

You want to embed your custom trained AI support agent in your **EzyCourse** website page. Here's how to add an AI support agent to EzyCourse with SiteSpeakAI.

**EzyCourse** is an online course platform designed for educators and trainers to easily create and host their courses. It offers a straightforward approach to building and selling online learning experiences.

**Website URL:** [EzyCourse](https://www.ezycourse.com/)

## Add your AI support agent to your **EzyCourse** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In EzyCourse

1. Log into your **EzyCourse** account and on the dashboard select **Website Builder** on the left sidebar

<img alt="Select Website Builder" />

Note that you can add the AI support agent globally to your EzyCourse website or to specific pages

#### A. Adding your agent globally

2. Select **Global JS Script** on the list under **Website Builder**

<img alt="Select Global JS Script" />

3. Insert your AI support agent snippet in the **Footer Script** (or the **Header Script**) textbox and click on Save

<img alt="Insert agent script globally" />

#### B. Adding your agent to specific pages

4. Select **Pages** on the list under **Website Builder** and click on the **Edit Page Settings** option (3 vertical dots menu) for the page you want to add your agent to

<img alt="Select Edit for a Page" />

5. Select the **Scripts** tab on the Page Settings, insert your AI support agent snippet in the **Footer Script** (or the **Header Script**) textbox and click on Save

<img alt="Insert snippet per Page" />

#### C. Display of the AI support agent (globally or page specific)

6. Your AI support agent button will now be displayed on your **EzyCourse** website page

<img alt="Agent button displayed" />

7. If you click on the button it will display the AI support agent dialogue

<img alt="Agent dialogue" />

Your AI support agent has now been added to your **EzyCourse** website (globally or page specific) and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Format
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-format

How to add your custom ChatGPT trained AI support agent to your Format website.

You want to embed your custom trained AI support agent in your **Format** website page. Here's how to add an AI support agent to Format with SiteSpeakAI.

**Format** is a website builder that focuses on **visual simplicity and speed**. Unlike some builders that require a lot of coding or dragging and dropping complex elements, Format uses a **"block-based" system**. You essentially stack and arrange pre-designed blocks (like text, images, buttons, forms, videos, etc.) to build your website.

**Website URL:** [Format](https://format.com/)

## Add your AI support agent to your **Format** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Format

1. Log into your **Format** account and select **Dashboard** (if not already selected)

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/gIyABoLJpc8QmeSngyhMhbMMlfpe6LPRYVbhjwck.png)

2. Click on **Settings** in the left side menu

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kwS3VG7dWerLsLuErLqC0WHHN0zV1wPokHfqZkci.png)

3. Under **Site Settings**, scroll down to `Custom <head> Include`, insert your agent snippet in the provided text box and click  on **Save Changes**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5pfhv72Jc36BvSfxG8s7wMe665YYvfIXITC9Ppy2.png)

4. Your AI support agent button will now be displayed on your **Format** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/W3fuYCbTF5vHMssmhHm2FjeLqzIdaNsYwa2QCJCY.png)

5. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/bBLlOMg8F98wZGswy63nJLHeXdUDImh2afllZXte.png)

Your AI support agent has now been added to your **Format** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Framer
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-framer

How to add your custom ChatGPT trained AI support agent to your Framer website.

You want to embed your custom trained AI support agent in your **Framer** website page. Here's how to add an AI support agent to Framer with SiteSpeakAI.

<Frame>
  <iframe title="How to add an AI chatbot to your Framer site" />
</Frame>

<Accordion title="Video transcript">
  In this tutorial, I'll guide you through the process of adding your custom ChatGPT AI support agent to your Framer website.

  Before you can add your agent to Framer, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your visitors will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions about your site, and you can add it to your Framer website.

  First, we'll walk through how you can integrate your custom ChatGPT-trained AI support agent into your Framer site. Start by logging into your Framer account. Once you're on the dashboard, select the project you want to edit. Next, click on Settings to access the Site Settings for your project. Within the Site Settings, look over to the left sidebar and click on Custom Code. On the Custom Code page, click on the `<>` Custom Code item to bring up the Script Editor. Here, you'll want to scroll down to the End of `<body>` section to insert your code. Once you've done that, your AI support agent button will appear on your Framer website page. By clicking on this button, you'll be able to display the AI support agent dialogue, ready to assist your visitors.

  And that's it. You've successfully added a ChatGPT AI support agent to your Framer site.
</Accordion>

**Framer** is a website builder that's different from traditional drag-and-drop platforms like Wix or Squarespace. It's essentially a **design tool for websites**. Instead of just picking pre-made templates, you build your website using **code-like components** – think of them as building blocks you can customize with CSS (the language that controls how websites look). It's incredibly powerful for creating **interactive and visually stunning websites**, especially those with complex animations, micro-interactions, and unique layouts.

**Website URL:** [Framer](https://www.framer.com/)

## Add your AI support agent to your **Framer** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Framer

1. Log into your **Framer** account and on the dashboard, select the project to edit

<img alt="" />

2. Click on **Settings** to open the Site Settings

<img alt="" />

3. Under **Site Settings**, on the left side bar, click on **Custom Code**

<img alt="" />

4. On the **Custom Code** page, click on the **`<>` Custom Code** item to open the Script Editor
   <img alt="" />

5. Insert your snippet. You have a few options where to insert your snippet, i.e.

* Start of `<head>`
* End of `<head>`
* Start of `<body>`
* End of `<body>`

When done, click on **Save** and then click on **Publish**

<img alt="" />

6. Your AI support agent button will now be displayed on your **Framer** website page
   <img alt="" />

7. If you click on the button it will display the AI support agent dialogue
   <img alt="" />

Your AI support agent has now been added to your **Framer** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Genstore.ai
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-genstore-ai

How to add your custom ChatGPT trained AI support agent to your Genstore.ai website.

You want to embed your custom trained AI support agent in your **Genstore.ai** website page. Here's how to add an AI support agent to Genstore.ai with SiteSpeakAI.

**Genstore.ai** is a platform that helps businesses, particularly those selling physical products, easily create and manage their own online stores – without needing to be tech experts.
Think of it like a simplified Shopify or Wix, but specifically designed for businesses that already have a physical inventory (like a retail store, maker, or small manufacturer). It focuses on seamlessly integrating your existing stock and sales data with your online store, so you don't have to manually update inventory counts. It's particularly good for businesses that want to expand their reach beyond their local area.

**Website URL:** [**Genstore.ai** ](https://www.genstore.ai/)

## Add your AI support agent to your **Genstore.ai** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Genstore.ai

1. Log into your **Genstore.ai** account and select **Customize Store**
   ![uploads/help-center/images/3crHSUOKunSoxvTYxCP6quNioKUx1fZLSZ17rKGl.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3crHSUOKunSoxvTYxCP6quNioKUx1fZLSZ17rKGl.png)

2. Click on the code `\</>` item at the bottom of the page
   ![uploads/help-center/images/GQxyhP6krgQVz2LPI44Lq6g7ty3MmyeEzOtqZ7u4.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GQxyhP6krgQVz2LPI44Lq6g7ty3MmyeEzOtqZ7u4.png)

3. This will open the complete backend code list in a new browser tab. Under **layout**, click on **theme.liquid** to display the theme code
   ![uploads/help-center/images/pVOzI3wmvPo4kYuJED4KXBY6hErDRY1yXYhrjxZg.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/pVOzI3wmvPo4kYuJED4KXBY6hErDRY1yXYhrjxZg.png)

**Please Note!!** We are now going to insert your agent snippet into the **theme.liquid** code file. If you do make a mistake, it could mess up your whole store. We suggest you create a backup copy of the file by clicking inside the file and then use **Ctrl+A** (select all) and **Ctrl+C** (copy) to copy the contents. Using your favourite editor create a new file and paste the copied contents into this file. Save the file somewhere convenient. If something goes wrong you can then replace the contents of the theme.liquid file with the backed up file contents.

4. In the **theme.liquid** file, insert your snippet just below the `\</title>` tag and click on **Save**
   ![uploads/help-center/images/RImHProHRa45i5cYfuT37fy73jrjO2w2dE6vKWtL.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/RImHProHRa45i5cYfuT37fy73jrjO2w2dE6vKWtL.png)

5. Return to the page editor tab and click on **Preview** to preview your modified webpage
   ![uploads/help-center/images/LhoNYUfcLuJYUFZSITGwRttXZGVyqn1yWGgs7MwK.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LhoNYUfcLuJYUFZSITGwRttXZGVyqn1yWGgs7MwK.png)

6. Your AI support agent button will now be displayed on your **Genstore.ai** website page
   ![uploads/help-center/images/OT2gBZgU94EWCE9W4H7yeTVMZ0gygJ05nYPhhIQ0.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/OT2gBZgU94EWCE9W4H7yeTVMZ0gygJ05nYPhhIQ0.png)

7. If you click on the button it will display the AI support agent dialogue
   ![uploads/help-center/images/YjyZO7lFgiPH33nKWzcOyv7hs7MzoGRkScF5TGZJ.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/YjyZO7lFgiPH33nKWzcOyv7hs7MzoGRkScF5TGZJ.png)

Your AI support agent has now been added to your **Genstore.ai** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Github Pages
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-github-pages

How to add your custom ChatGPT trained AI support agent to your Github Pages website.

You want to embed your custom trained AI support agent in your **Github Pages** website page. Here's how to add an AI support agent to Github Pages with SiteSpeakAI.

**GitHub Pages** is a free service offered by GitHub that allows you to host static websites directly from your GitHub repositories. It's incredibly easy to use, you simply push your HTML, CSS, and JavaScript files to a specific branch of your repository (usually `main` or `gh-pages`), and GitHub Pages automatically builds and serves your website. It's perfect for personal portfolios, documentation sites, landing pages, and simple blogs.

**Website URL:** [**GitHub Pages**](https://pages.github.com/)

## Add your AI support agent to your **Github Pages** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Github Pages

1. Log into your **Github** account and select your Github page you want to add the AI support agent to
   <img alt="" />

2. Select the **index.html** file of your page. If you have more pages in your Github website then you will have to repeat the whole process for each page
   <img alt="" />

3. On the page editor page, select **Edit this file** and then select the way you want to edit the file, i.e. **Edit in place** (This opens an editor to allow editing), **github.dev** or **Github Desktop**. For the sake of this tutorial we will use the **Edit in place** option
   <img alt="" />

4. When the editor opens your file in edit mode, scroll down and insert your support agent snippet just above the `</head>` tag. When done, click on the **Commit changes...** button to commit your changes to the repository
   <img alt="" />

5. Click on **Commit changes** in the Commit changes dialogue box
   <img alt="" />

6. Your AI support agent button will now be displayed on your **Github Pages** website page
   <img alt="" />

7. If you click on the button it will display the AI support agent dialogue
   <img alt="" />

Your AI support agent has now been added to your **Github Pages** website and your visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to GRAV
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-grav

How to add your custom ChatGPT trained AI support agent to your GRAV website.

You want to embed your custom trained AI support agent in your **GRAV** website page. Here's how to add an AI support agent to GRAV with SiteSpeakAI.

**GRAV** is a modern open source flat-file CMS and it makes use of Markdown. Before we start adding our AI support agent, we have to perform some configuration changes to allow your code snippet to be added.

**Please Note!** For GRAV, you have to add your AI support agent snippet to each page you want it to be displayed on, this means that the below instructions will have to be repeated for each page.

**Website URL:** [GRAV](https://www.grav.io/)

## Add your AI support agent to your **GRAV** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In GRAV

1. Log into your **GRAV** account and on your dashboard, select **Configuration** on the left sidebar.

<img alt="" />

2. Select **Content** on the System configuration list and under **Process**, make sure **Twig** is checked and **Markdown** is unchecked.

<img alt="" />

3. Click on **Save** (Top Right) to save your changes if any.

<img alt="" />

#### Let's insert our AI support agent snippet

4. Select **Pages** on the left sidebar.

<img alt="" />

5. Select the page you want to edit to add your AI support agent snippet to.

<img alt="" />

6. On the editor page, select **Normal** (the **Expert** option allows for more settings that we are not going to use now).

<img alt="" />

7. Insert your snippet above (or below) any HTML content in the editor input dialogue box.

<img alt="" />

8. Click on **Save** to save your input. **GRAV** will display a warning regarding potential XSS issues in content. This is due to the fact that the snippet contains a JS script tag. You can ignore this warning.

<img alt="" />

9. Your AI support agent button will now be displayed on your **GRAV** website page

<img alt="" />

10. If you click on the button it will display the AI support agent dialogue

<img alt="" />

Your AI support agent has now been added to your **GRAV** website and your visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Hercules
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-hercules

How to add your custom ChatGPT trained AI support agent to your Hercules website or App.

You want to embed your custom trained AI support agent in your **Hercules** website page or App. Here's how to add an AI support agent to Hercules with SiteSpeakAI.

**Hercules** makes it easy to build stunning apps and websites by chatting with AI. With the Hercules platform you can build any type of app or website, e.g. SaaS, eCommerce, Internal Tools, Mobile Apps, Marketing Pages, Landing pages, and more.

**Website URL**: [Hercules](https://hercules.app)

## Add your AI support agent to your **Hercules** website or App

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Hercules

1. Log into your **Hercules** account and select your project on the dashboard
   <img alt="1-Hercules-Dashboard" />

We are going to use a prompt to instruct the Hercules AI to insert the snippet for us.

The prompt consists of an instruction, e.g. “Please add the following JS snippet to my project code:” followed by the snippet code as copied at the beginning of this tutorial.

<Note>
  Note that the ####################################.js part of the JS file URL will be replaced by your specific js script filename (36 characters including the 4 dashes).

  **Tip**: Create the complete prompt in a text editor and then paste this into the AI prompt message box.
</Note>

```
Please add the following JS snippet to my project code:

<!-- SiteSpeakAI - Add ChatGPT to your website -->
	<script type="text/javascript">(function()	{d=document;s=d.createElement("script");
	s.src="https://sitespeak.ai/chatbots/##########################.js";
	s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<!-- / SiteSpeakAI -->

```

2. Make sure the **AI Editor** option is selected on the Left sidebar and insert this prompt into the AI prompt message box. Click on the **Send** button
   <img alt="2-Hercules-Insert-AI-prompt" />

3. The **Hercules AI** will start adding the code to your website, it takes a while so please be patient. When done it will display a message indicating that the snippet was added and also display the support Agent button on the Preview page. Click on **Publish** to publish your changes
   <img alt="3-Hercules-AI-action-done" />

4. Your AI support agent button will now be displayed on your **Hercules** website page or App
   <img alt="4-Hercules-Agent-button" />

5. If you click on the button it will display the AI support agent dialogue
   <img alt="5-Hercules-Agent-dialogue" />

Your AI support agent has now been added to your **Hercules** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Hostinger Horizons
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-hostinger-horizons

How to add your custom ChatGPT trained AI support agent to your Hostinger Horizons website.

You want to embed your custom trained AI support agent in your **Hostinger Horizons** website page. Here's how to add an AI support agent to Hostinger Horizons with SiteSpeakAI.

**Hostinger Horizons** is a drag-and-drop website builder designed for ease of use, particularly for beginners. It focuses on creating visually appealing, mobile-responsive websites quickly, without needing coding knowledge. It offers a range of templates, customizable blocks, and integrated features like SEO tools and a blog. It's positioned as a simpler alternative to more complex website builders like Wix or Squarespace, and is tightly integrated with Hostinger's hosting services.

**Website URL:** [Hostinger Horizons](https://horizons.hostinger.com/)

## Add your AI support agent to your **Hostinger Horizons** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Hostinger Horizons

1. Log into your **Hostinger Horizons** account and on the dashboard, select **Websites** and click on **Edit website** to start editing your website

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uIaRrBndxZ52cSrZeNLweVLMwTA7mXeoZwAZZxbT.png)

2. On the website editor page, click on **Code** to edit the website code files

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/6F3cdDNer9rL9cZnYw5GjAmd50dm1Flgy3el69Ql.png)

**Please note**: We are going to add your AI support agent snippet to your website by means of editing one of the code files. The file we are going to edit is the **index.html** which we all know is quite an important file and could mess up your website if care is no taken properly during editing. This is not for the faint hearted so you will have to be careful when editing these files. In our case we are only going to edit the **index.html** file and insert the AI support agent snippet just below the closing `</body>` tag. We suggest you make a backup of the index.html file before you make any changes to the file. You can do this by copying the index.html file contents and saving it to an offline file on your computer. If something goes wrong you can then just replace the ***messed up*** contents with the original.

3. Select the index.html file, Insert your snippet just below the `</body>` tag and click on **Save**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LzasMnLx6LGLqgQdOrElTtSuMcXDEvSnOBmB5GA4.png)

4. Click on **Preview** to preview you website page. This will show the agent button on the normal editor preview page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/OcHDxtZGogUopzHTrETGCoD6psQvtYPV2KvODwQc.png)

5. Click on **Open preview in new tab** to see a proper display of your AI support agent

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Kry1zkt6eyQ5UYACNF2d4xbsnp56VrFTOL2TpfCC.png)

6. Your AI support agent button will now be displayed on your **Hostinger Horizons** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/elDRqV5WMm8uC4D333ZS12qmWbj4LIMocRbRe5aV.png)

7. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/cieL7juUJxpP09D2oKBg5Cos231j3oE8afeWKq8B.png)

Your AI support agent has now been added to your **Hostinger Horizons** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Hubspot CMS
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-hubspot-cms

How to add your custom ChatGPT trained AI support agent to your Hubspot CMS website.

You want to embed your custom trained AI support agent in your **Hubspot CMS** website page. Here's how to add an AI support agent to Hubspot CMS with SiteSpeakAI.

**HubSpot CMS** is a content management system (CMS) built directly into the HubSpot Marketing Hub and CRM. It allows marketers and businesses to create and manage website content, including pages, blog posts, and landing pages, without needing to rely on external platforms like WordPress. It's tightly integrated with HubSpot's other tools (email marketing, forms, sales, etc.), enabling a seamless workflow for content creation, personalization, and lead generation.  It's known for its ease of use, drag-and-drop interface, and focus on marketing automation.

**Website URL:** [HubSpot CMS](https://www.hubspot.com/cms)

## Add your AI support agent to your **Hubspot CMS** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Hubspot CMS

1. Log into your **Hubspot CMS** account and on the dashboard, click on **Content** in the left-side menu bar and select **Website Pages**
   ![uploads/help-center/images/y7dxzXu2pgz9jda93Um2lfdi5KGVLnk7X3T2FhQc.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/y7dxzXu2pgz9jda93Um2lfdi5KGVLnk7X3T2FhQc.png)

2. Select the Website page you want to add your AI support agent button to
   ![uploads/help-center/images/TfHAqvk6CtYmF7KsUFg0IZgvQqAHz41wsYM4Hizj.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TfHAqvk6CtYmF7KsUFg0IZgvQqAHz41wsYM4Hizj.png)

3. Click on **Settings** and select the **Advanced** item on the dropdown list
   ![uploads/help-center/images/R4PUztuMBz70Qz6ixWAuebEFaBSqbgfkvkkt3TCP.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/R4PUztuMBz70Qz6ixWAuebEFaBSqbgfkvkkt3TCP.png)

4. On the **Advanced settings** page, under **Additional code snippets**, insert your snippet in the **Head HTML** (or the Footer HTML) box. Click on **X** (Close button) to close the Settings dialogue. Your snippet is saved automatically.
   ![uploads/help-center/images/7KESJBgkIUecUPqq4tEXGcOGfNng6vUzYJPjQzYU.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7KESJBgkIUecUPqq4tEXGcOGfNng6vUzYJPjQzYU.png)

5. Your AI support agent button will now be displayed on your **Hubspot CMS** website page
   ![uploads/help-center/images/c9yJTIndc7EqCdRd8qayjJL85REdklNov1wBY9il.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/c9yJTIndc7EqCdRd8qayjJL85REdklNov1wBY9il.png)

6. If you click on the button it will display the AI support agent dialogue
   ![uploads/help-center/images/sOgQGR6OvtP4l1A8AhNPdOQKKexk1ql7R8GhEhwP.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sOgQGR6OvtP4l1A8AhNPdOQKKexk1ql7R8GhEhwP.png)

Your AI support agent has now been added to your **Hubspot CMS** website and your visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to iCreate Editor
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-icreate-editor

How to add your custom ChatGPT trained AI support agent to your iCreate Editor landing page

You want to embed your custom trained AI support agent in your **iCreate Editor** landing page. Here's how to add ChatGPT to iCreate Editor with SiteSpeakAI.

**iCreate Editor** is a no-code marketing platform that lets users build landing pages, surveys, digital catalogs, and more. It includes features like real-time CRM syncing, audience segmentation, and secure hosting, ideal for marketers looking to personalize and automate their campaigns.

**Website URL:** [iCreate Editor](https://icreate.marketing/).

## Add your AI support agent to your **iCreate Editor** landing page

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In iCreate

1. Log into your **iCreate Editor** account and on the dashboard, select **Digital Assets**

![Select Digital Assets](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Zp5xd91REOsVqAbWxHEL1rcCz4s3jVm0gM1sVtim.png)

2. Under **My Assets**, select **Landing Page** and select the **Editor** option on the **Actions** menu to open your Campaign's landing page to add your AI support agent button to

![Select Editor](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5GlQ8oUQeplPxPswCcDbPRF3Wu3yYwINbugkSK0y.png)

3. Select the **HTML** element on the **External Code** menu on the Editor toolbar

![Select HTML under External Code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/u6TCmoauaERIthn1jWnTT0UHX6SDLJHAkvzU2Br6.png)

4. Insert your snippet in the HTML Box and click on **OK**

![Insert your snippet and click on OK](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/bzsBK0zM0DXTcd0B7adhe0FGaHVGmizVpzUk7I9t.png)

5. Click on **Save** to save your changes and then click on **Publish** to publish your modified page

![Click on Save and Publish](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zamIN8bDB9lAU9mkbzIpvMC6L3KS1FuffzDjFUWX.png)

6. Your AI support agent button will now be displayed on your **iCreate Editor** landing page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/cgjpO4sm0AV8JcO3aMNTw0psxYD2cQu0yG8CmzCs.png)

7. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xc6teMTwNuG9sY0h4CEwcbDCDrTogSdBCsjCMRLh.png)

Your AI support agent is now added to your **iCreate Editor** landing page and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to IM COSMOS
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-im-cosmos

How to add your custom ChatGPT trained AI support agent to your IM COSMOS website.

You want to embed your custom trained AI support agent in your **IM COSMOS** website page. Here's how to add an AI support agent to IM COSMOS with SiteSpeakAI.

**IM COSMOS** is a next-generation modular website builder that merges the power of CMS-based platforms like WordPress with the ease of visual, drag-and-drop design. It's designed as an "operating system" for your online presence, offering AI-assisted onboarding, a scalable CMS, e-commerce tools, and the freedom to host your site anywhere.

**Website URL:** [IM COSMOS](https://cosmos.imcreator.com/).

## Add your AI support agent to your **IM COSMOS** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In IM COSMOS

1. Log into your **IM COSMOS** account and on the dashboard, select your website from the **My Sites** dropdown list
   ![Select website](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/phcN1Sf4qFwSDeBwhdG9wwqwJhlaut73DFa0i3a2.png)

2. Select the **Website Editor** option
   ![Website Editor](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3qqntZGkJUwXn6aQa8G5b3XdN81cAkXHuxycHBT8.png)

3. In the Editor, click on the hamburger menu
   ![Hamburger menu](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9qME9J4MMFcFTyRdxBkYyGk8yyUjoAUaek2wm2Em.png)

4. Scroll down on the menu list and select **Advanced**
   ![Select Advanced](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/En8IOiQ4v91ARyliJBl1M6j0DegxZSfT9sX53oVw.png)

5. Under Advanced, select **Code**
   ![Select Code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XQIwUrv3wUZjV7o7fT2SSpaG45KVKIJ0358PYozD.png)

6. Insert your **AI support agent** code snippet in the text box under **Head Code** and close the Advanced edit option
   ![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/JzRh8swbMR9lJihCOJon6VoQd7iikGPqYGbjA9g1.png)

7. Your AI support agent button will now be displayed on your **IM COSMOS** website page
   ![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/793NIjgC1tktqLXK0DgmJ2fdxPHKhU29qiDi8nMh.png)

8. If you click on the button it will display the AI support agent dialogue
   ![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/H8s1zmpikRcKc2wjTCOz3kuMDpNhoi9h3RsDUrfW.png)

Your AI support agent has now been added to your **IM COSMOS** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to imcreator
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-imcreator

How to add your custom ChatGPT trained AI support agent to your imcreator website.

You want to embed your custom trained AI support agent in your **imcreator** website page. Here's how to add an AI support agent to imcreator with SiteSpeakAI.

**Imcreator** is a no-code website builder focused on creating visually stunning, interactive websites quickly and easily. It's particularly known for its drag-and-drop interface, pre-built templates, and powerful animation capabilities, making it a good choice for portfolios, landing pages, and small business websites.

**Website URL:** [imcreator](https://imcreator.com/)

## Add your AI support agent to your **imcreator** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In imcreator

1. Log in to your **imcreator** website builder dashboard and click on **My account**

![uploads/help-center/images/LIgFOeqZGOPEtdD9E3RqFOT7yztNmWt6L57D9Nal.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LIgFOeqZGOPEtdD9E3RqFOT7yztNmWt6L57D9Nal.png)

2. Select your website

![uploads/help-center/images/DubC6FQ9Vxrp8h7Z3DnMtiFktWe0m08Lh78EEVe8.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DubC6FQ9Vxrp8h7Z3DnMtiFktWe0m08Lh78EEVe8.png)

3. Select **Pro settings** under **Settings**

![uploads/help-center/images/CJJHiN5JsxEliZ0Yd9ipg95HRZZQHcUp0if8Jkj7.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CJJHiN5JsxEliZ0Yd9ipg95HRZZQHcUp0if8Jkj7.png)

4. Insert your snippet under **Site header code** and click on **Save**

![uploads/help-center/images/NzpdmhnlDfbkoH17WRRWqZtHXyZgYm5o0nypXsUP.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NzpdmhnlDfbkoH17WRRWqZtHXyZgYm5o0nypXsUP.png)

5. Click on **Publish** to publish your website

![uploads/help-center/images/xK1AeMwNqZjQrDRQ9ZOZM22g6bf7qdJiZeTkOLnZ.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xK1AeMwNqZjQrDRQ9ZOZM22g6bf7qdJiZeTkOLnZ.png)

6. Your AI support agent button will now be displayed on your **imcreator** website page

![uploads/help-center/images/v2yYY34lIwiCoAw59rUGSFjxc7a1SLSRgX7Yhhnz.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/v2yYY34lIwiCoAw59rUGSFjxc7a1SLSRgX7Yhhnz.png)

7. If you click on the button it will display the AI support agent dialogue

![uploads/help-center/images/qSDPp8d6O8qGZ95vGnNr4ISDLu52FWEG6wynykat.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qSDPp8d6O8qGZ95vGnNr4ISDLu52FWEG6wynykat.png)

Your AI support agent has now been added to your **imcreator** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Jimdo
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-jimdo

How to add your custom ChatGPT trained AI support agent to your Jimdo website.

You want to embed your custom trained AI support agent in your **Jimdo** website page. Here's how to add an AI support agent to Jimdo with SiteSpeakAI.

**Jimdo** is a user-friendly website builder that's particularly popular for small businesses and individuals who want a simple, attractive website without needing extensive technical skills. It's known for its drag-and-drop interface, a variety of pre-designed templates, and its ease of use, often described as "website in minutes." It offers both free and paid plans.

**Website URL:** [Jimdo](https://www.jimdo.com/)

## Add your AI support agent to your **Jimdo** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Jimdo

1. Log into your Jimdo account and on your dashboard select **Edit Website**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zRygfz5qOiukGdImNeUDZnU0OIeP7IOekSyhc33S.png)

2. Select **Menu** to open the **Website editor**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qub6teheQvt60ingmK8Wi6v9OBanIke1lWDqhWWH.png)

3. Select **Settings** on the Website editor tool menu

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EeI3bx6u0dU1kL8RobxDFM70bi1JIxHSVCnZStWE.png)

4. Select **Edit Head** under Settings to open the Head editor modal

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0pslOkm9c3E0KLjkSPCi4oyXrvBfMr6IGjpCY4uB.png)

5. Insert your AI support agent snippet in the Head modal and click on **Save**. Select the **WEBSITE** tab to add the AI support agent to the entire website or the **PAGES** tabe for specific Pages

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/u1YMYC4vzUO4ExP0lROTiScUkshtxph1I51Zk3Hl.png)

6. Your AI support agent button will now be displayed on your **Jimdo** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5ScW9WW36dww3ywJ232qI3XdZC8ZLyZA2SaGwYba.png)

7. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XyTJ1giGLzQBjzZr58XZM2hZoTYx5VK51lFk5Jij.png)

Your AI support agent has now been added to your **Jimdo** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Kirki
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-kirki

How to add your custom ChatGPT trained AI support agent to your Kirki built WordPress website.

You want to embed your custom trained AI support agent in your **Kirki** built WordPress website page. Here's how to add an AI support agent to Kirki with SiteSpeakAI.

**Droip** was rebranded into **Kirki**. If you have a current **Droip** subscription, read the following info page [Migrating from Droip to Kirki](https://kirki.com/docs/migrate-from-droip-to-kirki/) for a proper set of instructions on how to migrate to Kirki.

**Please note**: Installing **Kirki** as a plugin on **WordPress** is not part of this tutorial but you can follow the installation on [Installation & Update](https://kirki.com/docs/installation-update/).

**Kirki** is a freeform visual builder plugin for WordPress and an advanced theme customizer that lets you design and build complete websites visually — without coding.

**Website URL**: [Kirki](https://kirki.com)

## Add your AI support agent to your Kirki built WordPress website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Kirki

1. Log into your **WordPress** account and on your dashboard select **Kirki** -> **Canvas** on the left side-bar
   <img alt="1-WP-Dashboard-Select-Canvas" />

**Note**!  Embedding your support agent in Kirki is done per page, thus you have to add the snippet to each page you want to add your support agent to.

2. On the Kirki dashboard, select the page you want to add your support agent to
   <img alt="2-Kirki-Dashboard-Select-Page" />

3. On the Kirki Canvas displaying your page, select **Settings**
   <img alt="3-Kirki-Canvas-Select-Settings" />

4. Click on the **Custom Code** tab, insert your snippet in one of the two possible areas, i.e. **Inside`<head>`tag** or **Before`</body>`Tag** and click on **Save**
   <img alt="4-Kirki-Insert-your-snippet" />

5. Your AI support agent button will now be displayed on your **Kirki** website page
   <img alt="5-Kirki-Support-agent-button" />

6. If you click on the button it will display the AI support agent dialogue
   <img alt="6-Kirki-Support-agent-dialogue" />

Your AI support agent has now been added to your **Kirki** built WordPress website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Koha
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-koha

How to add your custom ChatGPT trained AI support agent to your Koha library website.

You want to embed your custom trained AI support agent in your **Koha** library website OPAC page. Here's how to add an AI support agent to Koha with SiteSpeakAI.

**Koha** is a free and open-source Integrated Library System (ILS) designed to help libraries of all sizes manage their collections, cataloging, circulation, and patron services. It's known for being relatively easy to customize and adaptable to various library needs.

**Website URL:** [Koha](https://www.koha-library.org/)

## Add your AI support agent to your **Koha** website

* A bit of information:

> **OPAC** stands for **O**nline **P**ublic **A**ccess **C**atalog, which is an online database of materials held by a library or group of libraries. All references to OPAC means this is what the online user (visitor or registered patron) will see, thus when you add the AI support agent to the OPAC preferences, it will be available on all the pages displayed for online users.

### In SiteSpeakAI

* Please note:

> Koha doesn't allow the standard SiteSpeakAI snippet to be added to the OPACUserJS value, only the JavaScript function code snippet. In the next step where get the JS snippet for your AI support agent, we will only copy the actual function code part of the snippet.

Log into your SiteSpeakAI account and select your agent from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, select the **Javascript** tab and then copy the function code part of the Javascript snippet (**DO NOT click on *Copy Code!!***). You will use this later when we insert your snippet.

![uploads/help-center/images/zdnZOVxdt11mV9A2JgFizxcWgtazIOwhOO1NM3gy.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zdnZOVxdt11mV9A2JgFizxcWgtazIOwhOO1NM3gy.png)

You will then end up with the following (The **url.js** part will be your specific code):

```javascript theme={null}
(function(){
	d=document;
	s=d.createElement("script");
	s.src="https://sitespeak.ai/chatbots/url.js";
	s.async=1;
	d.getElementsByTagName("head")[0].appendChild(s);
})();
```

### In Koha

1. Log into your **Koha** account as administrator (or teacher/staff with admin privileges) and select **Tools** from the menu list

![uploads/help-center/images/UafiieqkBxayh6XcN3C6MCa1gtlkQc8fpb5Yhv3m.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UafiieqkBxayh6XcN3C6MCa1gtlkQc8fpb5Yhv3m.png)

2. Select **HTML customizations** from the list of Tools under **Additional tools**

![uploads/help-center/images/KR6yWAlG7pgIRUrKYq08WXMbuG058IJCuocZQQxI.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KR6yWAlG7pgIRUrKYq08WXMbuG058IJCuocZQQxI.png)

3. Select **OPACUserJS** under **Additional content: HTML customizations**

![uploads/help-center/images/iumM2v6RaE2SMm9fRD8LTmhlzxd4SeSaja1brElT.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iumM2v6RaE2SMm9fRD8LTmhlzxd4SeSaja1brElT.png)

4. Select **Click to edit**

![uploads/help-center/images/H1LsvlL9opGBql19VxIQ0x7oNTfgtuO7uBH9UoQW.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/H1LsvlL9opGBql19VxIQ0x7oNTfgtuO7uBH9UoQW.png)

5. Insert the copied function part of the JavaScript snippet in the **Value** text box and click on **Save all OPAC preferences**

![uploads/help-center/images/kn11RQnBDYVEQdDbn8fFE9xdzDCpzJtvZ6H9t0c0.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kn11RQnBDYVEQdDbn8fFE9xdzDCpzJtvZ6H9t0c0.png)

6. Your AI support agent button will now be displayed on your **Koha** library website pages

![uploads/help-center/images/dMp9UwZpxX0qF7pSL1beCwaWdOk56bZX2UvEbTG0.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/dMp9UwZpxX0qF7pSL1beCwaWdOk56bZX2UvEbTG0.png)

7. If you click on the button it will display the AI support agent dialogue

![uploads/help-center/images/HHd95DZAS6cehpexOscaca4KxiWD8znd5mtqEdci.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HHd95DZAS6cehpexOscaca4KxiWD8znd5mtqEdci.png)

Your AI support agent has now been added to your **Koha** website and your visitors/patrons can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Kubio
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-kubio

How to add your custom ChatGPT trained AI support agent to your Kubio website.

You want to embed your custom trained AI support agent in your **Kubio** website page. Here's how to add an AI support agent to Kubio with SiteSpeakAI.

**Kubio** is a drag-and-drop website builder designed specifically for small businesses and entrepreneurs. It's known for being incredibly easy to use, even if you have *no* prior website building experience.

**Website URL:** [Kubio](https://www.kubio.com/)

## Add your AI support agent to your **Kubio** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Kubio

1. Log into your Kubio account and under **Site Content** select the page you want to add your AI support agent to
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/OQylH2OP9K4syDFj17KHBQtce28a3MzGyFtr0Apg.png)

2. Close the Page selection menu
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/movTNjZOBKo6wZm6r2pKvCUvW6IkPntRcyppNT7D.png)

3. Click on **Add Block**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/wahlng8UnW51ysn8w7ZrtVdTPQRTIwukV95hYpua.png)

4. Select the **Blocks** tab, scroll down on the Blocks list to the **Widgets** group and drag the **Custom HTML** block onto your page in the Header section
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Fbw3ZPvBG6q7V9V4Tv9E2xfBVgS1YoZqNKKMr2IZ.png)

5. The Custom HTML block on your page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ypp8eRBrueAvkPxOngPiYdbgTfORN9xniH1WiKkq.png)

6. Insert your AI support agent snippet code into the **Custom HTML** text box and click on **Save**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/tEolFzMwGt9WmJqfDgLFLGymEkbB9pzXhbJCI4Fs.png)

7. Your AI support agent button will now be displayed on your **Kubio** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/03r3xR8hfffaYEp7CxlTU5drgDBD9RP3mrVtNtLn.png)

8. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/s0SabBjnVT6lT3QgY5L7SMfG1AriZZWJyqFgD842.png)

Your AI support agent has now been added to your **Kubio** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to LAUNCHED
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-launched

How to add your custom ChatGPT trained AI support agent to your LAUNCHED website.

You want to embed your custom trained AI support agent in your **LAUNCHED** website page. Here's how to add an AI support agent to LAUNCHED with SiteSpeakAI.

**LAUNCHED** is a super-easy website builder designed for *non-techies*. It's built around a unique "block" system, you drag and drop pre-designed blocks (like text, images, videos, forms, buttons, etc.) onto a page to build your site.  The biggest selling point is its speed and simplicity. You don't need to know HTML, CSS, or any coding. It focuses on creating beautiful, functional websites quickly, especially for portfolios, landing pages, small business sites, and online stores. It also automatically handles SEO (search engine optimization) to help your site get found on Google.

**Website URL:** [LAUNCHED](https://launched.site/)

## Add your AI support agent to your **LAUNCHED** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In LAUNCHED

1. Login to **LAUNCHED** and on your dashboard, select **EDIT** for the first content section of your page (in this case it is **Home**)
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qA2jb0qlgzR5WcyKrra6j8uaDzdnf1KQCHcoZqwD.png)

2. Scroll down on the page editor screen & select **\<>**  under **Content** to enable the **HTML** editor
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CRrNP21mdk6IMa63MWp6rblZBJ8wurSRHfMaS4Cd.png)

3. Insert a line above any existing content in the **Content** text box and insert your snippet
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/6zCiH7bFXbthh304I65YnydV8Q9I7BJZM7JeiU2v.png)

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QaUqJWPenH3yyiWGAwuegDYXCmpw2CV7l8wHd3xg.png)

4. Scroll down and click on **SAVED** to save & publish your changes
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4Nf2hlO1E4E0OsztKWL7g3hOeGz6yVWgEJ1ebqjI.png)

5. Your AI support agent button will now be displayed on your **LAUNCHED** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vHeUTt48CoKnr3hKySupdwemQbVLnsrY5S64kCVa.png)

6. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/pBhemI1zqrkrZfU3lWJtIOHbVfhrGN525ek8HujB.png)

Your AI support agent has now been added to your **LAUNCHED** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Lightfunnels
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-lightfunnels

How to add your custom ChatGPT trained AI support agent to your Lightfunnels storefront.

You want to embed your custom trained AI support agent in your **Lightfunnels** website page. Here's how to add an AI support agent to Lightfunnels with SiteSpeakAI.

**Lightfunnels** is a no-code platform designed to help entrepreneurs and small businesses quickly build and launch online courses, memberships, and digital products. It focuses on streamlining the entire sales process, from landing pages to payment processing.

**Website URL:** [Lightfunnels](https://lightfunnels.com/)

## Add your AI support agent to your **Lightfunnels** storefront

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Lightfunnels

1. Log into your **Lightfunnels** account and on the dashboard, select **Stores** on the left-side menu bar

![Select Stores](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oSDTDZCGKikPYPXL6O0EhB1SLJdVWoR7B1YJieLg.png)

2. Select **Open store** to open the store you want to add your AI support agent snippet to

![Click on Open store](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/gaDjFsc0irMWXl2yVLL1Zn8wrGKY0F7upSJ8mSH3.png)

3. Click on the **Settings** tab

![Select Settings](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iUJ1Olug2xwbqdouV1CkWqDnASZswnXHd2QEoDRm.png)

4. Select **Store template**, insert your snippet in the **Custom scripts** box under **Storefront preferences** and click on **Save** to save your changes

![Insert snippet and Save](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NcNBXnOmD1c9aCZh4y7stPrcdz85ntYkzieqC3Jq.png)

5. Your AI support agent button will now be displayed on your **Lightfunnels** storefront page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/emOffSwCBqxLzWZtdYKleBnDYkJneWBVdbiwJ5h2.png)

6. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/h2V3Fsc3n5xUc3H5wvS0kDccTMLDHKqx1zIEiq7N.png)

Your AI support agent has now been added to your **Lightfunnels** store and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to LODGIFY
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-lodgify

How to add your custom ChatGPT trained AI support agent to your LODGIFY website.

You want to embed your custom trained AI support agent in your **LODGIFY** website page. Here's how to add an AI support agent to LODGIFY with SiteSpeakAI.

**LODGIFY** is a simple and affordable website builder specifically designed for vacation rental owners and property managers. It's built to be incredibly easy to use, even if you have *no* technical skills.  It focuses on helping you quickly create a beautiful, mobile-friendly website to showcase your rental property, manage bookings, and communicate with guests.  It handles things like online booking, payment processing, and guest messaging all in one place.  It's a good option if you want a straightforward, no-fuss way to get your rental online.

**Website URL:** [https://www.lodgify.com/](https://www.lodgify.com/)

## Add your AI support agent to your **LODGIFY** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In LODGIFY

1. Log into your **LODGIFY** account and select **Website builder** on the Dashboard
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xYSYx8ky9y6bCw3oVXSmMqIskobDAqQXfd5kvShR.png)

2. Click on the **Settings** tab and select **Advanced**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iH9qpDThL7lvlRYXlcmWV4rJUUb6PWEfmKzvB7ie.png)

3. Insert your snippet in the **Footer - Custom Javascript** text box under **Javascript Injection**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/K3UZn1IOcrui1W2gtHOURhVtKdrr98ssPmJCjx5n.png)

4. Click on **Save** to save your contents and then click on **Publish website** to publish your changes to your live website
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iVFOUDSjRE1QreilVSTBG8ka7Z0GPaVgFdKPI66X.png)

5. Your AI support agent button will now be displayed on your **LODGIFY** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/aRAiyZGC5hbnoDRgSW5HCnbVPBng5E4xJ1C8H7SK.png)

6. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/6bVIZMmHLvJWJmGBKib8CZKaCzAjT0sgOmGzjJBQ.png)

Your AI support agent has now been added to your **LODGIFY** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Marcom Robot
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-marcom-robot

How to add your custom ChatGPT trained AI support agent to your Marcom Robot landing page.

You want to embed your custom trained AI support agent in your **Marcom Robot** website page. Here's how to add an AI support agent to Marcom Robot with SiteSpeakAI.

**Marcom Robot** is a website builder that's designed to be incredibly easy to use, even if you have absolutely no experience with coding or website design. It uses a unique "chatbot" interface where you basically talk to the robot (Marcom) and tell it what you want your website to look like and do, and it builds it for you automatically. It generates clean, responsive websites based on your answers.

**Website:** [Marcom Robot](https://www.marcomrobot.com/)

## Add your AI support agent to your **Marcom Robot** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Marcom Robot

1. Log into your **Marcom Robot** account and on the Dashboard, select **Landings** on the left-side menu

![Select Landings](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/fe78ers87t7j5MqVbrcJpCvk7e3KZsMF5rFBFycr.png)

2. On the Landings page, click on the Edit tool button (the 3 vertical dots)

![Select Edit](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/JwyIxegaNu3R8Svoz9vjRsR2YfAD6ENwUaTnAN2h.png)

3. Select **Page Builder** to open your landing page in edit mode

![Select Page Builder](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/pm5HD4o0phW8G4YatxIudAmEtxs61DqLW1s2NNeU.png)

4. In the editor, drag the **HTML** element onto your page

![Drag the HTML element onto your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9TvoBqC7MYS6z5SqLpYiZsiw9AcY46Qoa4LI46vm.png)

5. Click on **Click here to edit** or on the **Edit HTML Code** button to open the HTML editor

![Edit HTML](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1CYlt0JkTgrYZSV3PB7fZGHY6NaXkS5Xt6JNSWGg.png)

6. Insert your AI support agent snippet into the **Edit HTML Code** box and click on **Save**

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5Z4UOsutyh1dDMtvs9LaePXqBUyiMmjyMHX8zo10.png)

7. Click on **Save** to save your landing page changes and then click on **Preview** to view your page

![Save and Preview](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/i9U5KzYFnQHsVm02OySa5aC1Hfpp7wkhcp7BVNRn.png)

8. Your AI support agent button will now be displayed on your **Marcom Robot** website page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xJle4ZHcZZQizw5kCL6x357Osv7OVNJW1SLKcX6c.png)

9. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/p9jaEACpRfAKojKODiaF1WzYo32BHBSi0MtAl7UK.png)

Your AI support agent has now been added to your **Marcom Robot** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Mijnwebwinkel
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-mijnwebwinkel

How to add your custom ChatGPT trained AI support agent to your Mijnwebwinkel webstore.

You want to embed your custom trained AI support agent in your **Mijnwebwinkel** webstore page. Here's how to add an AI support agent to Mijnwebwinkel with SiteSpeakAI.

**Mijnwebwinkel** is a relatively simple and affordable e-commerce platform. It's designed to be easy for small businesses and entrepreneurs to quickly set up and run an online store without needing extensive technical skills. It focuses on providing the core features you need to sell products online – like product listings, shopping carts, payment processing, and order management – all in a user-friendly interface.  It's particularly strong for selling physical products.

**Website URL:** [Mijnwebwinkel](https://www.mijnwebwinkel.nl/)

## Add your AI support agent to your **Mijnwebwinkel** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Mijnwebwinkel

To add Custom HTML to your webstore (e.g., your AI support agent JS snippet as copied above), it is necessary that you have connected **Google Tag Manager** (GTM) - this is available from a Mijnwebwinkel PRO subscription.

If you have not yet done so, read via the link below how to create a Google Tag Manager account and how you can link it in the management environment of your webstore. Do this before continuing with SiteSpeakAI.

[Information about Google Tag Manager and creating an account](https://marketingplatform.google.com/about/tag-manager/)

A. **How do I integrate Google Tag Manager?**

With Google Tag Manager you place HTML tags on your website, e.g., to integrate a live chat. Google already has a number of frequently used tags ready for you, so you can place them in your shop in no time.

For displaying your SiteSpeakAI custom ChatGPT trained AI support agent on your store pages you will have to create a custom tag. How to link GTM to your store is explained below. We will then show you how to create the tag you need (it will need some technical knowledge from your side, but if you follow what we show you, it shouldn't be too difficult!).

**Please note!** Tags that you apply could influence the way your web store works. It is therefore important that you regularly check the functioning of your shop and order process.

Furthermore, please note that the SiteSpeakAI support team does not offer support in creating tags.

Now it's time to get started with Google Tag Manager.

B. **Create a Google Tag Manager account**

1. Go to Google Tag Manager and sign in with your Google account. Start with creating an account and a container. This container is what you will later link to your shop and contains your tag. Fill in the following information:

   * Under **Account Setup**, fill in your **Account Name**. This is mandatory, you can use the name of your company or shop.
   * Select your **Country** if necessary.
   * You can select sharing your data with Google and others (see info regarding this in popup).
   * Under **Container Setup**, enter the shop domain name at **Container name**.
   * As the Target platform, select the **Web** option.

2. Click on **Create**.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/W5fjUwxWPEHaAApr2aOcRLEEBcr8Ftn8YUYjDECV.png)

3. The Google Tag Manager Terms of Service Agreement will now be displayed. If you do agree to the terms stated therein, tick the checkbox at the bottom of the Service Agreement page and click on **Yes** at the top of the page.

4. A piece of code will now appear on the screen. You don't have to place this in your webstore, just leave that to us! That will be fully automated once you have completed this instruction.

C. **Linking your container**

1. On your Mijnwebwinkel Dashboard, select **Marketing** on the left menu bar and click on **Google services**.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QzJqMGoVuF6YimiiBWdWIRfYhperkDMRgCIeou23.png)

2. On the Google services page, open the **Google Tag Manager** tab and click on the **Connect with Google** button to connect to your Google Account.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4imuNHH0YS6l2kot1v5HMjnDZZPpMppzkYhPVXOv.png)

3. Google will display a **Sign in with Google** dialog box. Select the account you want to use to link to Google Tag Manager.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/s9gRU50GwvWZDspbinbjKzrUitlBais693ms5bEW.png)

4. Next, turn on the **Make use of the Google Tag Manager** option and select your container. Is your container already selected? Then all you have to do is click on **Save**.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GF6kL3D4tGRzChrJjevcdPatDwLIr4Ks3Lasii3Z.png)

D. **Adding your tag**

That wasn't too bad, was it? Time to start filling your container! Besides the ready-made tags that Google already has in there, you can also create your own HTML tags. This option is used for example to add a live chat on every page of your store, or for showing Google Maps on your contact page. For SiteSpeakAI it will be used to display your AI support agent on your Mijnwebwinkel store pages.

1. Make sure you're logged into **Google Tag Manager** account and select the container you've linked to your store. Select **Tags** in the menu on the left sidebar and click on **New** to create a new tag.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vudgPaBnd9r6qeiP9Nlzhnt6FcNh83mW3rZS3wT2.png)

2. Give your tag a name and then click on the **Tag Configuration** block.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/hiM7bF3TyasF6PwFFdlHtMwcd9Ja8pJWPKdz3rDQ.png)

3. On the **Choose tag type** list, choose **Custom HTML**.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sWI9Ap8xyeQf9EhvsHI7O3Cd7S86LuTEv3s0Zc1M.png)

4. Paste the JS code you copied at the beginning of this tutorial into the HTML field and click on **Save**.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QjJVWv3fElbBlypWyyNBUldBLgmyNuMvD5xErl0O.png)

5. A pop-up will appear stating that you have not selected a trigger yet. Click on **Add Trigger**.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/n2KV1aySrOQIPWyJpRBqLnW32F8BfAbZwRPUkKJj.png)

6. Then select the **All Pages** option.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/bra68bX3tsFVve3BSilzUxpSwLj0W21rWVpMfB45.png)

7. This will then display **All Pages** (Page View) under Firing Triggers.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TxqFsz32rtxpZFRuyxqcAoNgXxDgpYi7gshaknOv.png)

8. Click **Save** again at the top right of your screen to save your tag. Once your tag has been saved, click **Submit** in the top right corner of your screen.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/H5G1lm3TXskid7JVLPK8UzlpDfOgIQ7g5RFsup5c.png)

9. Then click on **Publish**.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7d8eQxL5znnuWkZr2EdV9iNCJw9a8LPBcSdMYskq.png)

10. Give your tag a name and description (if you want) and click **Continue**.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5kTz0g321dlev6aexkB6X9kkQiK5tllnvTVkaArB.png)

11. You will now see the following screen:

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/n5saLpJtRXySe9rf1ccE0rOgYEqJwiOmveeDuiuS.png)

12. Your AI support agent button will now be displayed on your **Mijnwebwinkel** webstore pages

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/eGerza46rUZjw1IPIwTxKUr4Xk3z49QGgYafTrat.png)

13. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7GiLqIJItDVtrmR7CZhsk50eR4CdSQMo2qdq3QiP.png)

Your AI support agent has now been added to your **Mijnwebwinkel** webstore and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Moodle
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-moodle-lms

How to add your custom ChatGPT trained AI support agent to your Moodle website.

You want to embed your custom trained AI support agent in your **Moodle** website page. Here's how to add an AI support agent to Moodle with SiteSpeakAI.

**Moodle** (pronounced "mood-ull") is a free and open-source **Online Learning Platform** or **Learning Management System**. Think of it like a virtual classroom. It's used by schools, universities, businesses, and even individuals to create and deliver online courses, training programs, and learning materials.

It allows instructors to:

* **Upload materials:** Share documents, videos, presentations, etc.
* **Create assignments:**  Set quizzes, tests, and projects.
* **Facilitate discussions:**  Provide forums for students to interact.
* **Track progress:** Monitor student performance.

It's very customizable and can be adapted to fit a wide range of learning needs.

**Website URL:** [Moodle](https://moodle.org/)

## Add your AI support agent to your **Moodle** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Moodle

1. Log into your **Moodle** admin account and select **Site administration** on the top menu
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/mb0V8Wp3KKZ4bNzeG0vZjV5uXI5ZW1PboqrU9Z3F.png)

2. Select **Appearance** under **Site administration**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0QGCiCxyZ3oUQzvKmnWNvHQfbNLpUsG6cueOPi6v.png)

3. Select **Additional HTML** under **Appearance**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/pBoWQE10oPmZE1tIH5b5WtRLTJEDtttglrejf25c.png)

4. Insert your AI support agent snippet under **Within HEAD**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/synIPkV8IDWBcpuRw8tT4JbiepfeRfD9oiEjOgBV.png)

5. Scroll down on the **Additional HTML** page and click on **Save changes**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CrozeEtfM9lxOxPIZqu3kMY9scRr8sHcIJlFMUZn.png)

6. Your AI support agent button will now be displayed on your **Moodle** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/u6TO5Erpp1kpVnMuPqevbFmnVQ8O1yfpf7nDSQhq.png)

7. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CITnqkPSHe2p5L4L4iXJedtCaik1tYe8txgKOV67.png)

Your AI support agent has now been added to your **Moodle** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to MotoCMS
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-motocms

How to add your custom ChatGPT trained AI support agent to your MotoCMS website.

You want to embed your custom trained AI support agent in your **MotoCMS** website page. Here's how to add an AI support agent to MotoCMS with SiteSpeakAI.

**MotoCMS** is a website builder that's a bit different from the usual drag-and-drop options like Wix or Squarespace. It's designed for more complex websites, think online stores, portfolios, and sites with lots of interactive elements. It combines a visual editor with a powerful backend meaning you can easily build the *front-end* (what visitors see) with a simple interface, but then you can also manage the *back-end*, things like databases, SEO, and integrations, using a more technical panel.

**Website URL:** [MotoCMS](https://www.motocms.com/)

## Add your AI support agent to your **MotoCMS** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In MotoCMS

1. Log in to your **MotoCMS** website builder dashboard and select **Edit Pages**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/pKVMOVvW7feaC3Xjc7jHFMvtCL44xvxcELMUMmLz.png)

2. Click on **Settings**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/6EOCOxMR4eRWwy2IuDTRo8NPhanwwM77Hn3bkOmu.png)

3. Select **CODE INJECTION**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LNTWHDlKn52RtTRQ9ZyagfY8rch6Pogr00xOXAye.png)

4. Insert your snippet code under **Header** and click on **Save Changes**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NK3TpbR44KTLNzpZGo4KhC2Dfb5S2KcpEzqQYJK8.png)

5. Click on **View Site**  to view your page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/RASvj4PguNeSCYCEWkeqNiwkPRuFY8q0f4kze2Sy.png)

6. Your AI support agent button will now be displayed on your **MotoCMS** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/cBFlDQHRNrwWgWRNx6K6Y7Kn47yWiU9CwJsROE9r.png)

7. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NglpUvB3JoObY91RsUAWoqEodgQmWt2mSgeFUZEt.png)

Your AI support agent has now been added to your **MotoCMS** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Neocities
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-neocities

How to add your custom ChatGPT trained AI support agent to your Neocities website.

You want to embed your custom trained AI support agent in your **Neocities** website page. Here's how to add an AI support agent to Neocities with SiteSpeakAI.

**Neocities** is a web hosting service for personal websites. It is ideal for those who want to build from scratch. It’s a 100% free hosting platform and builder that provides an in-browser HTML editor, allowing total control over your raw HTML and CSS.

**Website URL:** [Neocities](https://neocities.org/)

## Add your AI support agent to your **Neocities** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Neocities

<Note>
  **Neocities** doesn't have any elements or items you add to your page. Similar to the tutorial for [Any Html website](https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-any-html-website), it allows you to add your snippet to your website by adding the code to your page HTML code via the HTML Page editor.

  This needs some precautions to be taken because if you make changes to your HTML code, it could have adverse effects on the status of your website.

  We therefore suggest that when you have opened your website in the Page editor, copy your HTML code and save it offline in a text file as a backup in case something goes wrong during the edit process.
</Note>

1. Log into your Neocities account and on your dashboard, click on **Edit Site**

<img alt="1-Neocities-Select-Edit-Site" />

2. On the Editor page, move your mouse over the index.html file and click on **Edit** to open the HTML page editor

<img alt="2-Neocities-Click-on-Edit" />

<Note>
  As mentioned above, copy the current contents and save it offline in a text file.
</Note>

3. Find the `</head>` tag, insert your snippet just above this line and click on **Save**

<img alt="3-Neocities-Insert-Snippet" />

4. Click on **View** to preview your changes

<img alt="4-Neocities-Click-on-View" />

5. Your AI support agent button will now be displayed on your **Neocities** website page

<img alt="5-Neocities-Button" />

6. If you click on the button it will display the AI support agent dialogue

<img alt="6-Neocities-Dialogue" />

Your AI support agent has now been added to your **Neocities** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Netjet
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-netjet

How to add your custom ChatGPT trained AI support agent to your Netjet website.

You want to embed your custom trained AI support agent in your **Netjet** website page. Here's how to add an AI support agent to Netjet with SiteSpeakAI.

**Netjet** is a website builder designed to be incredibly simple and fast to use, especially for small businesses and individuals who don't have any technical skills. Think of it like a drag-and-drop tool that lets you build a basic website without coding.

**Website URL:** [Netjet](https://netjet.io/)

## Add your AI support agent to your **Netjet** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Netjet

1. Log in to your **Netjet** website builder dashboard and select your project
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/N6kqq7FVx1JyGGbMa8bTX0z6oKdBUq6KxKBuzx1U.png)

2. Click on the **CMS** hamburger menu item on the left-side toolbar
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/S8A1pO8LwkhoAUlx5EFKQ7FC5tBGGoLsGwPsF5Kw.png)

3. Click on **Project Settings**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FTSh6nV1yBNXkPqeyyTtTMDTLVyQ4miJarPv6bvS.png)

4. Select the **CODE** tab
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Zyzi09CUGDPH3YatiIsIWSkDzvZpVq04sGzW02FI.png)

5. Insert your snippet in the **Code injection > Header** text input box and click on **Save Changes** to update your website
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/msGIsgkqGIKClb3yLna7F92WccBhlxLYDFXhp0Lq.png)

6. Your AI support agent button will now be displayed on your **Netjet** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Bri7j7kOxBjhtXlU2aIPaZzkxTY5u8ajKv70H8fY.png)

7. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TXa5Fnk3mEfXQDoXBdcKhckoxobMgXThBkOMguZB.png)

Your AI support agent has now been added to your **Netjet** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Nicepage
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-nicepage

How to add your custom ChatGPT trained AI support agent to your Nicepage website.

You want to embed your custom trained AI support agent in your **Nicepage** website page. Here's how to add an AI support agent to Nicepage with SiteSpeakAI.

Nicepage is a web design platform that allows you to create websites and landing pages visually, without coding. It offers a drag-and-drop interface and a range of pre-designed templates.

**Website URL:** [Nicepage](https://nicepage.app/)

## Add your AI support agent to your **Nicepage** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Nicepage

1. Log into your Nicepage account and on the dashboard, select **Site Operations** for the Project you want to add your AI agent to

<img alt="" />

2. Select **Site Settings**

<img alt="" />

**Please note**:

In the next step you will have to edit the snippet you copied earlier in this tutorial. Nicepage doesn’t allow the full standard SiteSpeakAI snippet to be added to the website, only the JavaScript code snippet. This means you will have to remove the Comment lines that were added by SiteSpeakAI, i.e. the starting comment line: `<!-- SiteSpeakAI - Add ChatGPT to your website -->` as well as the ending comment line: `<!-- / SiteSpeakAI -->` leaving you with only the script code part, i.e. the `<script type="text/javascript">` .... `</script>` part of the Javascript snippet.

3. On the Site Settings page select **HTML**, insert your AI agent snippet in the **Additional Head HTML** text box, apply the edits as shown and click on **Done**

<img alt="" />

4. Go back to **Site Operations** on your dashboard and click on **Publish**

<img alt="" />

5. Your AI support agent button will now be displayed on your **Nicepage** website page

<img alt="" />

6. If you click on the button it will display the AI support agent dialogue

<img alt="" />

Your AI support agent has now been added to your **Nicepage** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Notion
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-notion

Learn how to embed a custom trained AI support agent in Notion pages using iFrame embeds. Perfect for internal wikis, client portals, and knowledge bases.

Adding a custom trained AI support agent to your Notion workspace makes it easy to provide instant answers to your team or clients directly within your documentation and knowledge bases.

Notion supports embedding external content through iFrames, which means you can add your custom trained AI support agent to any Notion page. This works great for internal wikis, client portals, onboarding docs, and knowledge bases.

<Note>
  Notion embeds display as inline content on your page rather than as a floating chat widget. The AI support agent will appear wherever you place the embed block.
</Note>

## Add your AI support agent to Notion

### In SiteSpeakAI

1. Select your AI support agent from the dropdown menu at the top of the dashboard
2. Click on the **Install Agent** section in the sidebar
3. Click on the **iFrame** tab
4. Click the **Copy Code** button to copy your iFrame code snippet

<img alt="Copy-Code.png" />

### In Notion

1. Go to the Notion page where you would like to add your AI support agent
2. Type **/embed** and press Enter to add an embed block
3. In the modal that appears, paste the **iFrame** code snippet you copied from SiteSpeakAI
4. Click **Embed link** to add the AI support agent to your page

Your AI support agent will now appear embedded in your Notion page, ready to answer questions from anyone who has access to that page.

## Use cases for Notion AI support agents

**Internal knowledge base**: Add an AI support agent trained on your company policies, procedures, and FAQs to help employees find answers quickly.

**Client portals**: Embed an AI support agent in shared Notion pages to provide 24/7 support to your clients without them needing to contact you directly.

**Onboarding documentation**: Help new team members get up to speed faster by adding an AI support agent that can answer questions about your processes and tools.

**Product documentation**: Make your product docs more interactive by letting users ask questions and get instant answers.

## Customizing the embed size

You can adjust the size of your AI support agent embed by modifying the width and height values in the iFrame code before pasting it into Notion. The default size works well for most pages, but you may want to make it larger for a more prominent chat experience.

## Troubleshooting

**AI support agent not displaying?** Make sure you're using the iFrame code (not the standard JavaScript widget code). Notion only supports iFrame embeds.

**Embed appears too small?** You can adjust the width and height parameters in the iFrame code before embedding, or resize the block directly in Notion.

**Changes not showing?** Try refreshing the Notion page or clearing your browser cache. Notion may cache embedded content.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Odoo
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-odoo

How to add your custom ChatGPT trained AI support agent to your Odoo website.

You want to embed your custom trained AI support agent in your **Odoo** website page. Here's how to add an AI support agent to Odoo with SiteSpeakAI.

Odoo's Website Builder is a surprisingly powerful and easy-to-use tool that lets you create professional-looking websites and landing pages *without* needing to be a coder or designer. It's part of the larger **Odoo** suite of business applications, think of it as a way to manage your online presence alongside your business operations. It's drag-and-drop simple. You can visually build your website by adding blocks for text, images, videos, forms, buttons, and more.  It's particularly strong for showcasing products, services, and collecting leads.

**Website URL:** [Odoo](https://www.odoo.com/website-builder)

## Add your AI support agent to your **Odoo** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Odoo

1. Log into your **Odoo** account and on the dashboard select **Website**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3uz907P13QqhDe0na8Yce54oIyEN5YJQwxw719Ut.png)

2. On the website page editor select **Edit**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/RGfcPYJgy76WfmwM2MlIQgy509EXbKz13Jmsw7W6.png)

3. Click on the **THEME** tab in the editor menu
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/T3FKixgfr7A9rIwB7NCt0iohCVStrzlf3H45DRwW.png)

4. Scroll down on the THEME list and select *\<head> and \</body>* under **Code Injection**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5Zq1bExwkBIegFx7vV9KdAT2eB783KEYqgBWmBTs.png)

5. Insert your snippet in one of the code text boxes and click on **Save**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sZQLCiGQZzlzQ6gIl5Cd0dASNM3cIGS0rkuo9e8m.png)

6. Click on **Save** in the main editor page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jkGZiCFfdagNzGghJ3ixmIxhhzXRLaR9gcKLBYkH.png)

7. Your AI support agent button will now be displayed on your **Odoo** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/94qBjkw5qFjbCo0Ihzicjn2jwULOZqojBOyrHXgU.png)

8. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/wRlfsoHI2Q5Gv54g8rPg5a7AJbPBOdSVeZVLHviM.png)

Your AI support agent has now been added to your **Odoo** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to one.com
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-one-com

How to add your custom ChatGPT trained AI support agent to your one.com website.

You want to embed your custom trained AI support agent in your **one.com** website page. Here's how to add an AI support agent to one.com with SiteSpeakAI.

**one.com** is a super-easy, all-in-one website builder allowing you to create, launch, and grow your website with easy AI powered tools, built-in marketing features, and expert support, everything included, from day one.

**Website URL:** [one.com](https://one.com/)

## Add your AI support agent to your **one.com** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In one.com

1. Log in to your **one.com** website builder dashboard and in the left sidebar, select **Code** under **Widgets** and drag the Code widget onto your page in the page Header
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1RYd0gdXKgrXZDuGCRZgE8sMwmP9cJibzyqJSKGn.png)
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kH30bJWEh4ZjylNW6Xiif6nZHuQsa5sWePW2kQfE.png)

2. Insert your AI support agent snippet in the **Embed code** editor text area and click on **Save**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/i0i2uFPjEg1YjyeAksWj6OaY3cdIVwnmK2tDZDnz.png)

3. Click on **Preview** to preview your page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HGCVNscWa51taHPdCUHeZy7WCyj1sCKGmivzrtKi.png)

4. Your AI support agent button will now be displayed on your **one.com** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/leiX5ADpF5LMWiEjHO3McVsefukZnRR11arndgGa.png)

5. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/i4P6lg6h22chTCJICmcuqu5C8orv9ln7CPZsvgCE.png)

Your AI support agent has now been added to your **one.com** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Open Real Estate CMS
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-open-real-estate

How to add your custom ChatGPT trained AI support agent to your Open Real Estate website.

You want to embed your custom trained AI support agent in your **Open Real Estate** website page. Here's how to add an AI support agent to Open Real Estate with SiteSpeakAI.

**Open Real Estate** lets you create your own website to get the profits within the shortest possible time or to present your real estate agency on the Internet. An easy-to-use interface, high website speed, social tools, a variety of functions and add-ons all this and some more help to build a business based on our products efficiently. Open Real Estate offers real estate agencies and real estate agents the technology they need to connect with real estate owners, prospective buyers and Internet surfers.

**Website URL:** [Open Real Estate](https://open-real-estate.info/)

## Add your AI support agent to your Open Real Estate website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Open Real Estate

1. Log into your **Open Real Estate** account and on your dashboard, select **Info Pages** under **Content**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/hDxKYijsOqZibkQmzn47HgMM1QqVkpp4J7ndeuUP.png)

2. Click on **Update** for the page you want to add your AI support agent snippet to

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/AUDZy0y7f5AIzXcigSNjpS3xRwjnQCoOD2YpgAwG.png)

3. Select **Source** and insert your AI support agent snippet after any content that already exists on the page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1HgcZ4dWL9HZbLoOB2tcL8eY3915x6HWIfjZTFjz.png)

4. Scroll down on the page editor and click on **Save** or **Save and close**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/K1dHE3MNBtv6kcZ436PLSfmV96Vrn7Ho2heodaWi.png)

5. Your AI support agent button will now be displayed on your **Open Real Estate** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sOv7xmsDYit8mw6pKZHXsw7N4pEjyyblFAYJVvBT.png)

6. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ZbAXmGhYMjUakyr5nlwZL74usf9N5eSJFJlMLlHr.png)

Your AI support agent has now been added to your **Open Real Estate CMS** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Pagecloud
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-pagecloud

How to add your custom ChatGPT trained AI support agent to your Pagecloud website.

You want to embed your custom trained AI support agent in your **Pagecloud** website page. Here's how to add an AI support agent to Pagecloud with SiteSpeakAI.

**Pagecloud** is a website builder that's *really* focused on helping businesses quickly create professional-looking websites, especially those with complex needs like booking systems, membership areas, and online stores. It's different from typical drag-and-drop builders like Wix or Squarespace because it's built on top of WordPress, giving you a lot more flexibility and control *without* needing to be a coding expert. Think of it as a simplified, guided way to use the power of WordPress.

**Website URL:** [Pagecloud](https://www.pagecloud.com/)

## Add your AI support agent to your Pagecloud website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Pagecloud

1. Log into your Pagecloud account and on your dashboard, select **Website pages** for your active website

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/lrw4Fs6dHETCLes0xYU5GtyE36aqXVn4NnBpgWch.png)

2. Click on **Edit** for the page you want to add your AI support agent snippet to

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3X4ewqHhNPbsOZjToaxNqFu3uNdT96mJwuCdkcyo.png)

3. In the editor, click on **Page** in the left sidebar and select the **Advanced** tab

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LaeqTQVSwHAeAT8ahsYIwCZv1Kr4656JbILufeyv.png)

4. Select the `<head> .... </head>` block under **Javascript editor**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/07J7k0tQrRBAy2af5iqW0SaNbRDGD2tXKRDjjY0I.png)

5. Insert your AI support agent snippet before the closing tag and click on **SAVE & CLOSE**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kY2WEGTWg09HYxXxUNmQcQUnNQMp0WhF8FQKa8XG.png)

6. Your AI support agent button will now be displayed on your **Pagecloud** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UolK75wej4M2rBizc1LcaYluyUObnBpJFlZYDHXk.png)

7. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/JQxfvgZOGTvdI4R6qXO6WuyWDO9nZfd5BBQE83vr.png)

Your AI support agent has now been added to your **Pagecloud** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Pagemaker
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-pagemaker

How to add your custom ChatGPT trained AI support agent to your Pagemaker landing page.

You want to embed your custom trained AI support agent in your **Pagemaker** landing page. Here's how to add an AI support agent to Pagemaker with SiteSpeakAI.

**Pagemaker** is a no-code landing page builder designed to help users create high-converting, mobile-first web pages quickly and easily. It's especially popular among marketers, entrepreneurs, and e-commerce sellers who want to launch campaigns without needing design or coding skills.

**Website:** [Pagemaker](https://pagemaker.io/).

## Add your AI support agent to your **Pagemaker** landing page

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Pagemaker

1. Log into your **Pagemaker** account and select your landing page on the **Landing Pages** screen
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GYlAH1iHo1Avg0PNezEmlQYNrQs8dYck5LTtOZXu.png)

**Note**: There are two (2) ways to add your snippet to your **Pagemaker** page.

a. Using the **Custom Code** module to insert the code per page or

b. Add a global **Javascript** which can then be applied to all or selected pages

#### A. Using the ***Custom Code*** module option:

i. Click on **Open in Editor** to open the page in Edit mode
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9KhLJG4PdildINYzb2mr7ZkzV0aut0MmTcHMqAjl.png)

**Note**: On the left side you will see a list of modules (with names as created by **Pagemaker**). These are the items displayed on your page, i.e. Header, Hero, Footer, etc.

ii. Click on **Add New Module** to add a Custom Code module
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uVCdnIJ0GY2CqrDuRrWiViIQ0H7kGrAvfUCVt8a7.png)

iii. Select the **Custom Code** module
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qa71TRLVI8KQrJ9tMZ3ZEIqOgIJ3p0gUB7OpCuT1.png)

iv. Select **Code** on the Custom Code module and click on **Open Editor**
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EYnkd8KpffMuJJXiOTsO57SVtGeHFxfPH3ungu4U.png)

v. Replace the current contents of the **Code Editor** with your AI support agent snippet and click on **Save**
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/czdwU9S0p6QE3tjwlJ2JIy24CECIrAQhaTZgndrT.png)

vi. Click on **Save Changes** to update your page
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KR5ScmMGgotTIMbDSS43WEfbdtCa9ExGIe1con5F.png)

#### B. Using the global ***Script*** option:

i. On the **Pages** screen, click on **Javascripts** under **Customization** to add your snippet as a new script to **Pagemaker**
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/q2VYttMXcI0d6sz6BI5M2b4Wj7pwA5YyQZNBRo07.png)

ii. Select **+ Add New Script** to add a new script
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FtC6VNALL048td96DJihKkhSwesgX6rQCDg6Snwb.png)

iii. Provide a name for the script (we'll just call it **SiteSpeakAI**), select the position where it will be displayed (this can be **Footer** or **Head**) and indicate if it should be displayed on **All pages** or **Select pages**.

Replace the contents of the current **Script** with your snippet, make sure the status is enabled and click on **Save**. You can also use **View Draft Site** or **View Live Site** to see how your snippet performs
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VkExudxjCRAPIRbypKhkMZRseOw9RwdX4Cf3nRdh.png)

#### C. For both options:

1. Your AI support agent button will now be displayed on your **Pagemaker** landing page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/l6yKCOxnJqiTAerndIwjbJYyhYFOtbqCcVb38j6z.png)

2. If you click on the button, it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/RHXBZdnFQnV2bFFOQyohxcTjWWfjnh8va5FhcjEL.png)

Your AI support agent has now been added to your **Pagemaker** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Pagewiz
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-pagewiz

How to add your custom ChatGPT trained AI support agent to your Pagewiz website.

You want to embed your custom trained AI support agent in your **Pagewiz** website page. Here's how to add an AI support agent to Pagewiz with SiteSpeakAI.

**Pagewiz** is a landing page platform that enables marketers to create, publish, and optimize high-converting landing pages with ease. It offers a wizard-style interface that feels as straightforward as a PowerPoint presentation, helping users launch campaigns faster and smarter. The platform handles hosting, performance monitoring, and maintenance around the clock, reducing the overhead associated with managing your conversion funnel.

**Website URL:** [Pagewiz](https://www.pagewiz.com/).

## Add your AI support agent to your **Pagewiz** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Pagewiz

1. Log into your **Pagewiz** account, make sure **Pages** is selected on the top menu bar and click on **Design** for the page you want to add your AI support agent to
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qaXZzNet48UM3Y9OSrrfnfIAJlb0mOYjErIOcjof.png)

**Note**: There are two (2) ways to add your snippet to your **Pagewiz** page.

a. Using the **Embed Code** component to insert the code per page or

b. Add a global **JS Script** which will then be applied to all pages

#### A. Using the ***Embed Code*** component option:

i. Drag the **Embed Code** component onto your page
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ptZ2fTEkJUf2AwamOhTjH07wTHytzQRhohsTjmXp.png)

ii. Enter a **name** for the code component, insert your snippet in the **HTML code** text box and click on **Apply**
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/PKfDF8FGai9YQY8wRawSfIvVeE2stpuGIehIchVk.png)

iii. Click on **Save** to save your page modifications
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ZXboXnOwKhDwDMFGDNE6jrdynmrJLADXAVcX0CZI.png)

#### B. Using the global ***JS Script*** option:

i. Select **Scripts & Styles** on the top menu bar and select the **JS Scripts** option
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/dvJkEThOHfwndLlNhvtr6vxnzpiIFNykIWx91aWT.png)

ii. Click on **Add new script**
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0szUP0612mJuHYWGdqDVFNNNH0PvXtnUw06DEqAJ.png)

iii. Select the **location** to place your script (**Head**, **Body** or **Footer**), provide a **name** for your script, insert your snippet and click on **Apply**
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0UpoZ4Rm9KclUQCUaYrr9PDLsRw3jhFI45wFQqvD.png)

iv. Close the **Scripts** dialogue
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/K1wFnLoZfBBQmHWvccvmTJ2onurUahnrcvNeug2z.png)

v. Click on **Save** to save your page modifications
![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NOZoXn7mAdIX7jUxxHEsRTCMaLmzZ3rs8yTSXhWl.png)

#### C. For both options:

1. Your AI support agent button will now be displayed on your **Pagewiz** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zeRV8EkppHDaZcpKp2gYwuj86zF87DsQT1rwv3ho.png)

2. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7tJ3jAWW1zyLptXJqIUZW3hf6Kfaxai8b2736j7X.png)

Your AI support agent has now been added to your **Pagewiz** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Photler
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-photler

How to add your custom ChatGPT trained AI support agent to your Photler website.

You want to embed your custom trained AI support agent in your **Photler** website page. Here's how to add an AI support agent to Photler with SiteSpeakAI.

**Photler** is a tool that drives travel inspiration. If you wish to show others the magical places you’ve been to or see scenic places that you should visit, Photler is the place to go to. It brings together travel enthusiasts from all over the world and aims at making your travel decisions easier by showing you how beautiful the world actually is.

**Website URL:** [Photler](https://photler.com/)

## Add your AI support agent to your **Photler** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Photler

1. Log into your **Photler** website and on your dashboard, select **SETTINGS** on the left sidebar.

![1 - Photler - Select SETTINGS on your dashboard.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/fKcaTvLkudqfA5ZK5QPUjC12kWJD60ojgMB6dBY6.png)

2. Select **Site settings**.

![2 - Photler - Select Site settings.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oJYdH9DkSMUN6uwTnjDYtkgm2QdccWzK2YGkmikR.png)

3. Scroll down on the SITE SETTINGS list and insert your snippet under **Custom code**. Click on **SAVE** when done.

![3 - Photler - Insert your snippet.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1FVBZT4Com6392lcICTyQ30iUfMQdmyDLecILDU8.png)

4. Your AI support agent button will now be displayed on your **Photler** website.

![4 - Photler - AI support agent button.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/bNV0zz0CMtLhBwW79VBPAqJPpVj1zgGUH8W3uKnf.png)

5. If you click on the button it will display your AI support agent dialogue.

![5 - Photler - AI support agent dialogue.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nOJJ9Rg6c2lNe9Pz8tbvQZI8ZGxGdswNFQJGoH9z.png)

Your AI support agent is now added to your **Photler** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Pixpa
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-pixpa

How to add your custom ChatGPT trained AI support agent to your Pixpa website.

You want to embed your custom trained AI support agent in your **Pixpa** website page. Here's how to add an AI support agent to Pixpa with SiteSpeakAI.

**Pixpa** is a simple and affordable website builder designed specifically for photographers and creatives. It allows you to easily create a beautiful online portfolio and showcase your work.

**Website URL:** [Pixpa](https://www.pixpa.com/)

## Add your AI support agent to your **Pixpa** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Pixpa

1. Log into your **Pixpa** account and on the dashboard select **Edit site design** for the site you want to add your AI support agent to

![Select website on dashboard](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MPkOePCmC6IpfXbDUUCxQyvsS6an5Eul06z2bBDr.png)

2. Click on the exit button to exit Design mode

![Exit Design mode](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/yuNkeOXROpUsrmiL0Pd0Qvq8ISY4yOldz8RvPowk.png)

3. Select the **Website** option on the left sidebar list

![Select Website](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3tqxzCl2LFTHt4LLAAqFGxaQc46XzOmjJUogoCfv.png)

4. On the Website edit page, select **Edit content** to allow editing the content of the website page

![Select Edit content](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/8Enkr8d9LYTuCh5BOldZZFU9QM0MP8SdcfSY8Opd.png)

5. On the **Edit content** page, select **Settings**

![Select Settings](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xsvoChPwPhPsjxVu94vz4AUyc5qBuBBQKjSDum3e.png)

6. Scroll down on the **Page Settings** dialogue to the **Page Code Injection** option, insert your AI support agent snippet in the Page Code Injection input text box and click on **Save**

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qp5RmoAk6CsWVR3h2r1c2SssUFYjwSRtqrOwJDIJ.png)

7. Your AI support agent button will now be displayed on your **Pixpa** website

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DLuQnGUrH6luLapEnpgqxTx38qswgFAWhl3FB8g3.png)

8. If you click on the button it will display your AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xOP7b4tBpwBUYGQwV5NriU9b9Pu2ip3EiVTYzj99.png)

Your AI support agent has now been added to your **Pixpa** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Plasmic
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-plasmic

How to add your custom ChatGPT trained AI support agent to your Plasmic website.

You want to embed your custom trained AI support agent in your **Plasmic** website page. Here's how to add an AI support agent to Plasmic with SiteSpeakAI.

**Plasmic** is an open-source visual development platform that helps teams build and manage websites and web applications.

**Website URL:** [Plasmic](https://www.plasmic.io/)

## Add your AI support agent to your **Plasmic** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Plasmic

1. Log into your **Plasmic** account and on your dashboard select the project you want to add your AI support agent to
   ![1 - Plasmic - Log into Plasmic.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VSrRSzNYUQwY5ZJb67cJ7DVy3W4uSDXwEeCzAlOD.png)

2. Click on **+** to add a new component
   ![2 - Plasmic - Add new component.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QCg9mlL3B3fqWN2kfzWoKs6nHfsNWtEP63kTSkPi.png)

3. Select **Default components** on the left sidebar
   ![3 - Plasmic - Select Default components.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XPeppcPsT7m1wWjkHzg1DIeyVd5OPuZwstN0TPom.png)

4. Scroll down on the list of Default components and select **Embed HTML** in the HTML group
   ![4 - Plasmic - Select Embed HTML.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/re2ZpXCUXJP0Pb5W43mw7ZIvXpvw81kTzb0Vq00K.png)

5. Click on the **Code** input box under **Embed HTML props**
   ![5 - Plasmic - Click on Code input box.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/titpv5Dw3dJAW1xWseXb1SuUBO2TjkPQf8Acga1f.png)

6. Insert your snippet (as copied above) into the **Code** input box and click on **Save**
   ![6 - Plasmic - Insert snippet in Code input box and click on Save.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/yOZnql1XTECLwSGgEp7LpCE7EfLdOMiI2OK1xPz7.png)

7. Click on **Publish** to publish your changes
   ![7 - Plasmic - Click on Publish to publish your changes.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/otb7GeCUqNn2A9Hwz45ECKzuzDXASgApuLZiL8vh.png)

8. Your AI support agent button will now be displayed on your **Plasmic** website
   ![8 - Plasmic - Your chatbot button.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/WbkVBFakektxmCVq9OmlvqtloqUymQqMemgST2Io.png)

9. If you click on the button it will display your AI support agent dialogue
   ![9 - Plasmic - Your chatbot dialogue.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SKSdmx6Ff3WOckdXZdI7i5BWL8uufa0KdfkCoQuv.png)

Your AI support agent has now been added to your **Plasmic** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Plone
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-plone

How to add your custom ChatGPT trained AI support agent to your Plone website.

You want to embed your custom trained AI support agent in your **Plone** website page. Here's how to add an AI support agent to Plone with SiteSpeakAI.

**Plone** is an open source content management system that is used to create, edit, and manage digital content, like websites, intranets and custom solutions. It comes with over 20 years of growth, optimisations, and refinements. The result is a system trusted by governments, universities, businesses, and other organisations all over the world.

**Website URL:** [Plone](https://plone.org/)

## Add your AI support agent to your **Plone** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Plone

1. Log into your **Plone** account and select the **Admin** option on the dashboard (bottom left)

![Select Admin option](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zOApT5ulSN5xagYTpPxigsSSipsTBZk4TDKgDQtq.png)

**Please Note!**

Your AI support agent snippet contains Javascript code (**JS**) and to allow adding your AI support agent snippet to Plone there is one setting you have to change before adding the snippet.

2. On the list of Admin options, select **Site Setup**

![Select Site Setup](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/YbkEyV8z9MQxGbe4QTr29hx2hIu8GFxVlgvgiiWF.png)

3. Scroll down on the Site Setup configuration panel and under **Security**, select the **HTML Filtering** item

![Select HTML Filtering](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Rjvx7kFuDZ2AT4WTeySYpStayAId6ufsJDnXKg4a.png)

4. Remove the **script** tag under **Nasty tags**

![Remove the script tag](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/wncM99HX0cFTIVdxqR7XKopNHcO5ccJ3LZvxOaTX.png)

5. Add the **script** tag under **Valid tags** and click on **Save**

![Add the script tag](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4Y7wKM9NMo702ivJZrgzC3k8zsBarUgrzTo4GjzN.png)

Now we can continue to add our AI support agent snippet to your website.

6. Select the **Admin** option and select **Site Setup**

![Select Site Setup](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5eKcRUpY7ExOD3xbuscrgkBAc8lJypcOJ1UhQv7q.png)

7. Under **General**, select the **Site** item

![Select Site item](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TZh9xohQ15UDZJECyneF7EpMNcXCawZhi2nDMkR1.png)

8. Insert your snippet in the **JavaScript for web statistics support** text box

![Insert your snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/2cySLFPv3IVK8tKAV3ykkw1s3RQozPQ9mJf8hVxj.png)

9. Scroll down on the **Site Settings** page and click on **Save**

![Click on Save](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/wSzRRHYAknfvUmYAkWGSXWeQGdww3NqoOWuPZUfc.png)

10. Your AI support agent button will now be displayed on your **Plone** website page(s)

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4Cb3DheAeIMxXsmHiDhli8fpeKLC5b30HC5CL99z.png)

11. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4kXt5FUryG56mrmGTMFKsO4sLcPnDfAUvK9TwrjJ.png)

Your AI support agent is now added to your **Plone** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Publii
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-publii

How to add your custom ChatGPT trained AI support agent to your Publii website.

You want to embed your custom trained AI support agent in your **Publii** website page. Here's how to add an AI support agent to Publii with SiteSpeakAI.

**Publii** makes website creation simple and accessible for everyone, no matter your skill level. With an intuitive desktop interface and built-in privacy-first tools, Publii offers flexible and powerful options to build and manage blogs, portfolios, or documentation websites — quickly, securely, and completely hassle-free. It's the perfect tool for creators, authors, and businesses who value control and simplicity.

**Website URL:** [Publii](https://getpublii.com/)

## Add your AI support agent to your **Publii** website

**Please note**:

Publii is not an on-line (web based) website builder. It is installed on your computer as an application.

The default `server` setup is on your local computer but it can be setup to use **FTP** or **SFTP** to transfer the code to a host of your choice.

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Publii

1. Start the **Publii** application and (if you have more than one site created on Publii) select the website from the dropdown list

![1 - Publii - Dashboard.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LgqtRAoX4eU27HbFWvfpSxjokHcbAtpryyhABQuG.png)
...
![1b - Publii - Select website.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vTE2wdJ5rKtXO775TZwOPVJW0affBw6QTjadzSeW.png)

2. Select **Tools & Plugins**

![2 - Publii - Select Tools & Plugins.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/R5j5UCZTs24xtsOZBFJWBZbQ0NBww4XjsqN6olka.png)

3. Select **Custom HTML**

![3 - Publii - Select Custom HTML.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0avFVhGns4JA4Zy9jdrFe2AcObLRqXq5bBbeqM21.png)

4. Insert your snippet in the **Head** (or **Footer**) part of your website and click on **Save & Preview**

![4 - Publii - Insert snippet in Head part.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Vm6WOu5rt2XR0017Zkb6gPkKiGy1LiCMjf89ZH7H.png)

5. Your AI support agent button will now be displayed on your Publii website

![5 - Publii - Chatbot button.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Qq9Dkpcl5ZHF4Yx5BFDsB6ls5WmJdLy6npGca4a0.png)

6. If you click on the button it will display the AI support agent dialogue

![6 - Publii - Chatbot dialogue.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/BmahMfPWh8pDTxCOVHKEvjel6DGuZEYd7O4NGQ8L.png)

Your AI support agent is now added to your **Publii** website and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Replit
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-replit

How to add your custom ChatGPT trained AI support agent to your Replit website or app.

You want to embed your custom trained AI support agent in your **Replit** website page or app. Here's how to add an AI support agent to Replit with SiteSpeakAI.

**Replit** is a cloud-based development platform and AI-powered app builder that lets you write code, collaborate in real time, and build fully functional software straight from your web browser.
The **Replit Agent** is an AI tool that lets you build complete websites, apps, and tools just by describing what you want in plain English.

**Website URL**: [Replit](https://replit.com)

## Add your AI support agent to your **Replit** website or app

<Note>
  **Replit** can also be installed as a desktop app. For this tutorial we will be using the web based setup.
</Note>

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Replit

1. Log into your **Replit** account, select **Projects** on the left sidebar and click on the Project you want to add your AI Support agent to
   <img alt="1-Replit-Dashboard-Projects" />

We are going to use a prompt to instruct the **Replit Agent** to insert the snippet for us.

The prompt consists of an instruction, e.g. “Please add the following JS snippet to my project code:” followed by the snippet code as copied at the beginning of this tutorial.

<Note>
  Note that the /####################################.js part of the JS file URL will be replaced by your specific js script filename (36 characters including the 4 dashes).

  **Tip**: Create the complete prompt in a text editor and then paste this into the Replit Agent **Message Agent...** box.
</Note>

```
Please add the following JS snippet to my project code:

<!-- SiteSpeakAI - Add ChatGPT to your website -->
	<script type="text/javascript">(function()	{d=document;s=d.createElement("script");
	s.src="https://sitespeak.ai/chatbots/########-####-####-####-############.js";
	s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<!-- / SiteSpeakAI -->

```

2. Insert this prompt into the Replit Agent **Message Agent...** box and click on the **Send** button
   <img alt="2-Replit-Insert-AI-prompt" />

3. The **Replit Agent** will start adding the code to your website, it takes a while so please be patient. When done it will display a message indicating that the snippet was added and also display the AI support agent button on the Preview page. Click on **Publish** (or **Republish**) to publish your changes to your live website or app
   <img alt="3-Replit-AI-action-done" />

4. Your AI support agent button will now be displayed on your **Replit** website page or app
   <img alt="4-Replit-Agent-button" />

5. If you click on the button it will display the AI support agent dialogue
   <img alt="5-Replit-Agent-dialogue" />

Your AI support agent has now been added to your **Replit** website or app and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Restaurantify
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-restaurantify

How to add your custom ChatGPT trained AI support agent to your Restaurantify website.

You want to embed your custom trained AI support agent in your **Restaurantify** website page. Here's how to add an AI support agent to Restaurantify with SiteSpeakAI.

**Restaurantify** is a website builder specifically designed for restaurants, cafes, and food businesses. It's built around the idea of making it incredibly easy to create a beautiful, mobile-friendly website without needing any coding knowledge. It focuses on key features restaurants need: online ordering, table reservations, menu display, photos, and contact information.  It's a drag-and-drop system, so you can easily add and rearrange elements.

**Website URL:** [**Restaurantify**](https://www.restaurantify.com/)

## Add your AI support agent to your **Restaurantify** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Restaurantify

1. Log into your **Restaurantify** account and on the dashboard select **Stores**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/znd0fWdHvndaFnbaC6XpFIGfNYwtvnzTqrZTLTla.png)

2. Select **Store Settings** from the the top menu bar and select **All Settings** on the list
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ctdkgRtazRwyHj4Yt3lzkm0hn6Bx5AZk705gETgD.png)

3. On the **Editing** page, scroll down and select **Google Analytics**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/A5tQOgDLqjsuw4F9bzIr17DnmmBmUoE3wp85an8p.png)

4. Insert your copied snippet under **Head Content** and click on **Update Store** to update your store with the added snippet
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/f1XK8lOJxapIUtfeDmaJbASss6uojCYLFmhafCBb.png)

5. Your AI support agent button will now be displayed on your **Restaurantify** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FDRCnqoAIVBPDrL1kduVOMaUhIxfwzVcULH5xknW.png)

6. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vT4JAoTnjEhGGiNlklZTqmUsrkX0lEv4TM1KnHwt.png)

Your AI support agent has now been added to your **Restaurantify** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Rocket
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-rocket

How to add your custom ChatGPT trained AI support agent to your Rocket website.

You want to embed your custom trained AI support agent in your **Rocket** website page. Here's how to add an AI support agent to Rocket with SiteSpeakAI.

**Rocket** is a cutting-edge AI-powered no-code platform that empowers users to transform their ideas into fully functional web and mobile applications swiftly and effortlessly. By leveraging natural language prompts or importing Figma designs, Rocket automates the entire development process, from frontend and backend creation to deployment, without requiring any coding expertise.

**Website URL:** [Rocket](https://www.rocket.new/)

## Add your AI support agent to your **Rocket** website

**Please note**: We are not going to edit any **code files** or add any **blocks** or **sections**. We are going to make use of the Rocket **AI** website builder to place the code snippet in the appropriate area of the website code.

This makes the whole process faster and safer. You are not touching any part of the code and the bonus is that if you don't like what you see, you can just ask Rocket to undo (or remove) the code that it added on your instruction. The only thing is you must make sure that your request is properly formulated. We'll see later what we mean by this.

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Rocket

1. Log into your [Rocket](https://www.rocket.new/) account and click on **My projects**
   ![uploads/help-center/images/0blI0dHopMqEti03RabLED1ZSzkv4nudyiWb20xF.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0blI0dHopMqEti03RabLED1ZSzkv4nudyiWb20xF.png)

2. Click on **Website** to open the Website editor
   ![uploads/help-center/images/K2VonJOQXMcdwzaIcmhauoFzf3dFaXEKRhwd7poX.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/K2VonJOQXMcdwzaIcmhauoFzf3dFaXEKRhwd7poX.png)

3. Click in the **Ask me ...** text box
   ![uploads/help-center/images/JTmMffP1rpUTCx0b7zGgzHR2ckOSeJ0l6H2vX3Qk.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/JTmMffP1rpUTCx0b7zGgzHR2ckOSeJ0l6H2vX3Qk.png)

4. Enter the following message in the text box as an instruction to Rocket (This messsage tells Rocket exactly what we want it to do for us)

***Please add the following SiteSpeakAI code snippet to be displayed on the website***

Click on **Send**

![uploads/help-center/images/HIm2hrLsBuz6UDwPWQbmtfkC6A6C2vx1D8TqoUBS.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HIm2hrLsBuz6UDwPWQbmtfkC6A6C2vx1D8TqoUBS.png)

5. Rocket will then reply with a message indicating that you should supply it with the actual code snippet.

(The reason why we do this in 2 parts is that you can't create a new line in your message by means of the ENTER key, similar to Copilot)

Insert the code snippet into the textbox and click again on **Send**

![uploads/help-center/images/XR4n0RVNOvPAe8FB2KHRgpLGPSMm5tZb5eBsnXrv.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XR4n0RVNOvPAe8FB2KHRgpLGPSMm5tZb5eBsnXrv.png)

6. Rocket will then do it's magic and display the AI support agent button on your website in the editor. It will actually also inform you where it added the code in the code base
   ![uploads/help-center/images/WU5wHk1tjHeJEsSZyck1BgyqIZYJXvPNcTwLuRdn.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/WU5wHk1tjHeJEsSZyck1BgyqIZYJXvPNcTwLuRdn.png)

7. Your AI support agent button will now be displayed on your **Rocket** website page
   ![uploads/help-center/images/r7wV3UlEUsI2menVJqmqA0K7K7u7cyoK3LMyiLrG.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/r7wV3UlEUsI2menVJqmqA0K7K7u7cyoK3LMyiLrG.png)

8. If you click on the button it will display the AI support agent dialogue
   ![uploads/help-center/images/kw7c24S9Pn4Mhu9CMPZE1trSGQy2ZDA52ZFyZN4X.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kw7c24S9Pn4Mhu9CMPZE1trSGQy2ZDA52ZFyZN4X.png)

Your AI support agent has now been added to your **Rocket** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Scene
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-scene

How to add your custom ChatGPT trained AI support agent to your Scene website.

You want to embed your custom trained AI support agent in your **Scene** website page. Here's how to add an AI support agent to Scene with SiteSpeakAI.

**Scene** is a no-code, AI-powered website builder designed specifically to help designers, freelancers, and agencies create, collaborate on, and launch websites from a single canvas. It focuses on bridging the gap between design and development by offering AI-assisted workflows and real-time collaboration tools

**Website URL:** [Scene](https://www.scene.io/)

## Add your AI support agent to your **Scene** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Scene

1. Log into your **Scene** account and on your dashboard select **Edit in canvas** for the website you want to edit

![Click on Edit in canvas](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/JYpoWtJqcZdKLgRrYlT9CSxdyG91ZM3BkHjVFiam.png)

2. Click on **Blocks B** to display a list of available Blocks to add to your Scene website

![Click on Blocks B](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iZAILlp8ON5K7ZUm7wOM9F67rm7bxrw7YJVa0Y8j.png)

3. Under the **Blocks** tab, scroll down on the list of blocks until you find **Embeds** (you can also enter **Embeds** in the search option to speed up your search). Drag the **Embeds** block onto your page just above the Box Header

![Drag the Embeds block onto your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SHR7XXPAd6eQsjCoxheSFpnyf2TOeDx3hq3Cpcer.png)

4. Click on **Embed** in the Site map and insert your AI support agent snippet in the **Embed HTML code** text box

![Select Embed in Site map and insert your snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jbBoUQIDHi7zu0nPXhkzvOlYWjrURPMaCamqUqZe.png)

5. Click on **Preview** to preview your page with your AI support agent installed

![Click on Preview to preview your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/lm2WNZ4edWUobFwqfPTcArJtxCBNL9objENFYlJp.png)

6. Your AI support agent button will now be displayed on your **Scene** website page

![Chatbot button on your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Mhu38TdkKSyhfoBpwpYpnz3lS5OjxjfhZ1DIFaUD.png)

7. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue on your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UOvFhjfP7ZOBAWFqPB5chqjnDgaf7Uid7IyDf9lx.png)

Your AI support agent is now added to your **Scene** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to SharePoint Modern Online
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-sharepoint-modern-online

How to add your custom ChatGPT trained AI support agent to your SharePoint Modern Online website.

You want to embed your custom trained AI support agent in your **SharePoint Modern Online** website page. Here's how to add an AI support agent to SharePoint Modern Online with SiteSpeakAI.

## Add your AI support agent To your **SharePoint Modern Online** website

**SharePoint Modern Online sites** are web-based, responsive collaboration tools within Microsoft 365, designed for rapid creation of engaging intranets and content management. They offer a modern UI, mobile responsiveness, and easy customization using modern web parts, empowering users to build sites in seconds.

SharePoint doesn't allow adding custom HTML as other website builders do. You can use Microsoft Copilot Studio to create a webpart but we found a **Power Popups** app that will do the job for us. This popup can be triggered by clicking on a button, a link or an image. **Power Popups** offer a 7 day free full function option which allows you to test the functionality.

Due to the fact that we have no access to the header and footer code of the website, the popup can not be added to display site wide, you must add the popup to each page of your website.

In this tutorial we will look at an image as a trigger. The button is similar but can only contain text on it so you can put any relevant text on it. The image will be displayed with a minimum size of 100x100px. You can play around with the size. The popup trigger will be added to a section. Sections can have different layouts, i.e. 1, 2 or 3 columns but we suggest a 3 column layout so you can basically add the popup trigger left, center or right.

### In SiteSpeakAI

Select your AI support agent from the dropdown menu at the top, click on the **Install Agent** section in the sidebar and select the **iFrame** option. Then select and copy the iframe source URL. This will be used as the URL for the iFrame being displayed in the popup.

<img alt="Copy iFrame Source URL" />

### In SharePoint Modern Online

1. Obtain your **Power Popups** webpart.

* Goto [https://appsource.microsoft.com/en-US/home](https://appsource.microsoft.com/en-US/home).

* Click on the **Apps** dropdown and select **SharePoint apps**.

![Select Apps on MS App Source](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CADeVP29zRhMt48JQoG5dg40ORCJz52j46BmR8zt.png)

![Select SharePoint apps](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/njI80fMlhhEGZcEy7mNjogWBu7RTJfjSJVQOPc3h.png)

* Scroll down until you get the **Power Popups** app and click on **Get it now**.

![Select Power Popups](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iIigMDXTs0sXHQvdGbaC0DsW7agtzvPnYef8EEac.png)

* Confirm your details and click on **Get it now** to start installation.

![Confirm your Microsoft details](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/eOdKVtUsyCtZN0nyjt41EZbEbwelXaT9UjQvaiQz.png)

* The **SharePoint Store** will now be displayed. It also displays a video link where the popup is explained. Click on **Add**.

![SharePoint Store](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/mXsiHGHqqrll342OgXidxXcLjawmZqzwib6j326v.png)

* The app (webpart) will then be added to the Apps site in SharePoint and will be visible under **Site contents**. It will be available as a webpart for your SharePoint website.

![SharePoint Site Contents](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Wyaym6SyoekXd9lv3I31gJAVKe1Wtc4CihXvCC1e.png)

2. On your SharePoint start page, select the website you want to work with.

![SharePoint Start Page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7Y9cTUKEI64YESW7E5UUhTJnmnH8ZeODBs0dLXii.png)

3. If you want to add the popup trigger as an image you will have to add the image to the site library. You can add it to the site assets. You will find **Site Assets** under **Site contents**. Upload you image to Site Assets via the upload option.

![SharePoint Popup trigger image in Site Assets](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/rOWCEixDMs8MsaBTdXOrLe35VqlykELR4wo3XKzl.png)

4. Return to your website page and prepare the area you want to add the popup trigger to.

5. Click on **Edit** to open the page in edit mode.

![Edit your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/OW47VKsKaEqbH5gC9nR2Y2qds2XqgV4ZGBjNj17d.png)

6. Insert a new section just above the page footer.

![Insert new section](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/cw7hIv6Uo2AAMLXYFcPgyDOagAqdQFUogtILH4hn.png)

7. Select a 3 column section. This will allow you to place the popup trigger left, center or right on the page.

![Select a 3 column section](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qBaoFTIqpEvjHrxElnABW4coNt5wQeY3WmqWcCUQ.png)

8. Insert a webpart in the right most column.

![Add a webpart in the right most column](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1jjMLyDBT6Lyfr7NUc2fYzp8eK5UKwzpj39EKV1T.png)

9. Scroll down and select the **Power Popups** webpart.

![Select Power Popups](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ibguDtApfRBTbTtO319hMSxlquwtHTjka1ltiTeg.png)

10. Highlight and delete the webpart title. This will remove the additional title while displaying the popup trigger.

![Highlight and Delete Title](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CO4kaoQio38tHm3dpCeY9CULU0Rhog8c4yG7Rhug.png)

11. Click on **Edit web part**.

![Edit web part](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Lj15gWTAtsYbpu6LXwIMnyFiJlaBRwaTCdrO2O3C.png)

12. We will now configure the popup web part. The following parts must be configured:

Trigger Configuration, Content Configuration, Overlay Configuration and Popup Configuration.

a. **Trigger Configuration**. This is where we will set up the **Popup Trigger** type, i.e. Button, Image or Link.

![Select Trigger type](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HwCEN1pNherahz7x6irscgf4MMAeQt0laQfGpcUL.png)

* Button setup.

![Button Setup](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Pu1JclXtOQFKYD175tQtSQ4yOLuvQL8B7NZWWRde.png)

* Link setup.

![Link Setup](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UHpSbOwRxoZNXbNBN1Afn8SNXP0dZiTTAlchsDkK.png)

* Image Setup. For the image trigger we have to select the image as well.

![Image Setup](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0h0BEClJ6rhpsKGjhwLcvxxaxa9wKPyQgL6rXqdv.png)

* Image selection (this is the image we added to the Site contents).

.  Select site.

![Select site](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/91nJ8TwLbWD9xHaIsFyrRmXxFy6pdqr76qWkwe1j.png)

.  Select **Site Assets**.

![Select site assets](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/t2QFetxWpptjQpkZvg8tPQTwsjTMKUHIJv3pHBYI.png)

.  Select the image and click on **Open**.

![Select image](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/I8pC97zoBDUshJgmXuntYOX60IBwmIrKnryviomw.png)

b. **Content Configuration**. This configures how the popup trigger displays as well as the source of the popup. The popup source must be set to **Page URL** and for the Page URL you must enter the **iFrame URL** you copied from the AI support agent setup at the start of this tutorial.

![Content Config](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/WXH3PW3IfJjOpxtRsCQsfaOPzKPseJCZwNe76K87.png)

c. **Overlay Configuration**.

![Overlay Config](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EyQuHb5zR7ITVLxxCc6V9bBEmEBxbzJlX8qppt3l.png)

d. **Popup Configuration**.

* Position can be left right or center, left, right, top left, top center, top right, bottom left, bottom center or bottom right).

![Popup Config (Type & Position)](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LFKq943UKERtqqKNjrWNfOMhQctMGoeRpd7vOjiu.png)

![Popup Animation](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UV0ARheK1HTd8l9NDqzpSNAVz4tzB07WhiNbNct7.png)

![Popup Animation](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/S9Ht7bZXZN0sg8CPAXcHCXYx59E4bxFwh6GGqTsA.png)

13. Click on **Apply**.

![Popup Animation](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/eYg1Zwr20GyzFq0t6NS01OJvcHKjipTt1nBL2rMF.png)

14. Click on Publish (or RePublish if you have Published the page before).

![Publish](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/mjxsmN2f6B2m8p09SxwjisOX28vABKSu5Wl2biic.png)

15. Your AI support agent button will now display on the page.

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/njVwWe8t0t69GPoSETruUO8o2dOn5XQlNxMBzoFJ.png)

16. If you click on the button it will display your AI support agent dialogue. To close click on the **X**. You can also close it by pressing **ESC** if you have set it up in the configuration.

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4wQk8MuzAsOwZ1JRtGwBCU2h5YjNOyzjxC9pY8z5.png)

17. That's it, your AI support agent is now added to your **SharePoint** website and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Shopify
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-shopify

How to add your custom ChatGPT trained AI support agent to your Shopify store.

You want to embed your custom trained AI support agent in your Shopify store. Here's how to add an AI support agent to Shopify with SiteSpeakAI.

<Frame>
  <iframe title="How to add an AI chatbot to your Shopify store" />
</Frame>

<Accordion title="Video transcript">
  In this tutorial, I'll show you how to add a ChatGPT AI support agent to your Shopify store. We'll create and train it, install it on your theme, and connect it to live order data so it can answer where is my order questions for real.

  Before you can add your agent to your Shopify store, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your visitors will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions about your site, and you can add it to your Shopify store.

  Now let's put it on your store. We'll add your trained ChatGPT AI support agent to your Shopify theme. First, head over to the Sales Channels section. Under the Online Store list, click on Themes, find the theme you're using, and then click Customize. Next, click on Add Section under the Header area, and select the option labeled Custom Liquid. Go ahead and click on the new Custom Liquid section you've just created. In the textbox that appears, paste your SiteSpeak snippet into the Custom Liquid area, and remember to click Save before you exit. And there you have it. Your AI support agent is now live on your Shopify store, with the support button visible on your store page. When a customer clicks the button, the AI support agent opens, ready to answer questions about your products and policies.

  Here's what makes this powerful for a store. Open Tools and Actions, search for Shopify, and you'll see two actions. Add Shopify Get Orders so your agent can pull live order status and tracking, and Get Products for real time pricing and availability. On the Get Orders action, paste your store URL and your Shopify Admin API access token, then click Add Action. Now when a customer asks where is my order, your agent looks it up live instead of guessing from a static FAQ.

  And that's it. Your Shopify store now has an AI support agent that is trained on your content, answers around the clock, and looks up real order status for your customers.
</Accordion>

**Shopify** is a commerce platform that helps you sell online and in person. Entrepreneurs, retailers, and global brands use Shopify to make sales, run stores, and grow their businesses.

**Website URL:** [Shopify](https://www.shopify.com/)

## Add your AI support agent to your Shopify store

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Shopify

1. Under **Sales Channels**, select **Themes** on the **Online Store** list and click on **Customize** for the relevant theme

![Shopify - 1. Select Themes under Online Store.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xI00lKq3eU59HasNNMT8veKBgNtfusDJe6eM51FH.png)

2. Click on **Add Section** under **Header** and select **\</> Custom Liquid**

![Shopify - 2. Add Section and select Custom Liquid.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/YqZbK1YHKesotdoxVFxediZf0YfI7dAxmZuB3svK.png)

3. Click on the newly created **Custom Liquid** section

![Shopify - 3. Click on new Custom Liquid Section.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Ehi8Cun0krairfwPOnDNUXkrDFAkyMWggbelNzEW.png)

4. Insert your snippet in the **Custom Liquid** text box modal and click on **Save**

![Shopify - 4. Insert snippet in new Custom Liquid text box modal and click Save.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/D83tg1yuQ8GClbDa9NFMnYb5EZ4LQtmVXDgVMUCJ.png)

5. That's it - your AI support agent is now added to your Shopify store and the AI support agent button will appear on your store page

![Shopify - 5. Chatbot button on page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/voQ3cMdUj1Abu8xd6tsGNquBOtp1oGIb7alJ66bS.png)

6. If you click on the button it will display the AI support agent dialogue

![Shopify - 6. Chatbot dialogue on page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/YZ9QyqjYqNdU8E141m8rSmhIMw9waIX8rYY6fufP.png)

Your AI support agent has now been added to your **Shopify** store and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Showit
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-showit

How to add your custom ChatGPT trained AI support agent to your Showit website to help your visitors.

You want to embed your custom trained virtual assistant in your Showit photography website. Here's how to add an AI support agent to Showit with SiteSpeakAI.

**Showit** is a drag-and-drop website builder made for anyone who wants complete creative freedom - the kind where you can design every pixel exactly how you want it. It’s perfect for photographers, coaches, designers and other creatives who want a stunning, one-of-a-kind site without the hassle of coding. With built-in SEO tools, you can also make sure your site doesn’t just look amazing but gets found by the right people.

**Website URL:** [Showit](https://showit.com/)

## Add your AI support agent to your Showit website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Showit

To add your AI support agent to your Showit website you will need to make use of the Custom Code feature in Showit. This requires you to have an active subscription.

1. Select the site you would like to edit.

2. Select the **Home page**.

3. Open the **Advanced Settings** tab in the right sidebar and click on the **Custom Head HTML** field to enter your code snippet.

![CleanShot 2024-01-11 at 14.31.56@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FSs4fmNULkDQxevxMD1oWKSQwB6aK5MZviWe9cCh.png)

4. Paste the code snippet you copied in SiteSpeakAI into the custom head HTML section and click on the **Save** button.

![CleanShot 2024-01-11 at 14.39.21@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EiTUAlnsESKzNQ4JiRrHUxgkILdOryu44AtSjxDp.png)

5. Click the **Preview** or **Publish** buttons to update your site and view your AI support agent.

![CleanShot 2024-01-11 at 14.40.00@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LdK7qLgjlFao92EQyHlHFtVhxn3Ixpa44tGSaRQx.png)

![CleanShot 2024-01-11 at 14.40.47@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0G40xIVAYfZPhWgOaMtr1Cw6xxT6xZy7ehtN6nKk.png)

Your AI support agent has now been added to your **Showit** website and your visitors/customers can start interacting with it to get more information about your services and make bookings.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Silex
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-silex

How to add your custom ChatGPT trained AI support agent to your Silex website.

You want to embed your custom trained AI support agent in your **Silex** website page. Here's how to add an AI support agent to Silex with SiteSpeakAI.

**Silex** is a platform for hosting and deploying static websites and applications. It offers a simple and streamlined way to get your content online. Silex is a free/libre website builder designed to provide a seamless experience, whether you're a beginner just starting out or an experienced developer looking for advanced customization.

**Website URL:** [Silex](https://silex.me/). The following [documentation](https://docs.silex.me/en/home) aims to guide users and developers through the features and configuration of Silex.

## Add your AI support agent to your **Silex** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Silex

1. Log into your **Silex** account and open the website you want to add your AI support agent to

<img alt="Dashboard" />

2. Click on **Settings** on the left side toolbar

<img alt="Settings" />

3. Select the **Code** tab under **Site Settings**, insert your snippet  in the editor text box and click on **Apply**

<img alt="Code editor-Insert snippet" />

4. Click on **Publish** to publish the changes to your live website

<img alt="Publish website" />

5. Your AI support agent button will now be displayed on your **Silex** website page

<img alt="Agent button displayed" />

6. If you click on the button it will display the AI support agent dialogue

<img alt="Agent dialogue" />

That's it! You have successfully added your SiteSpeakAI no-code AI support agent to your **Silex** website. Your customers/visitors can now start interacting with it, asking all the questions they have.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to SimpleShop
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-simpleshop

How to add your custom ChatGPT trained AI support agent to your SimpleShop website.

You want to embed your custom trained AI support agent in your **SimpleShop** website page. Here's how to add an AI support agent to SimpleShop with SiteSpeakAI.

**SimpleShop** is an e-commerce platform designed to help businesses easily create and manage an online store.

**Website URL:** [SimpleShop](https://www.simpleshop.com/)

## Add your AI support agent to your **SimpleShop** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In SimpleShop

1. Log into your **SimpleShop** account and on your Dashboard select **All Pages** under **Content Pages** on the left side menu

![Select All Pages](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/g3D229x3sgHyAbjcQ0DQPJn2o1O1wDIev2kQPVk3.png)

2. Select **Edit** for the page you want to add your AI support agent to

![Select Edit](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jOQCJmTi6EUkI9o6lM3KxbV5aoLW7LINfySMxCUo.png)

3. On the **Edit Page** screen, select **Show Advanced Settings**

![Click on Show Advanced Settings](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0FaOLJz7zVW8fuKsoIOzep1Lq313QvtavtCB0Vjh.png)

4. On the Advanced Settings list, scroll down to **Header Code**, insert your AI support agent snippet in the code box and click on **Save Page**

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/fr2vBxQTA7dCXxHBUclhgNEQGdNG8oSE7nxHptaO.png)

5. Your AI support agent button will now be displayed on your **SimpleShop** website page

![Chatbot button on page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/IdnMVZe6znTEPmruYEnHn4kU5EkCvthmEZA0YhK1.png)

6. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue on page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3pKKAIZx3qy90xO6YV05WHGyfoFG4uGhJoHc7mUO.png)

Your AI support agent is now added to your **SimpleShop** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Simvoli
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-simvoli

How to add your custom ChatGPT trained AI support agent to your Simvoli website.

You want to embed your custom trained AI support agent in your **Simvoli** website page. Here's how to add an AI support agent to Simvoli with SiteSpeakAI.

**Simvoli** is a platform designed to help you build websites and online funnels quickly and easily. It offers a visual interface for creating digital experiences without requiring coding knowledge.

**Website URL:** [Simvoli](https://www.simvoli.com/)

## Add your AI support agent to your **Simvoli** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Simvoli

1. Log in to your **Simvoli** website builder dashboard and select your website

2. Click on **Add Widget** on the left-side toolbar

![1 - Simvoli - click on Add Widget.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QlMYZ4TV0yatMeDlOcNB3eRvzu9kiDIMb8BZ7vut.png)

3. Scroll down on the Widget list and select the **CODE** widget under **OTHER**

![2 - Simvoli - select CODE.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/PNtQ7SJXPX25e7erIwBiQw2upcd1bh8JZvlfirRu.png)

4. Drag the **CODE** widget onto your page

![3 - Simvoli - drag the CODE widget onto your page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/06RUYnlGtx9B0YF0y3haDFW0g2fvjnMOSgsIhutR.png)

5. Insert your snippet in the **Source Code** text input box

![4 - Simvoli - insert your snippet.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DZDEN3WmWczfyOas5qH1OnWzhBaeikj5zIPael2J.png)

6. Click on **Save** to update your website

![5 - Simvoli - click on Save.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/awYFtW9fZRmhbHq2MoQvQuuCIt5K5JfiEXkfPxb7.png)

7. Your AI support agent button will now be displayed on your Simvoli website

![6 - Simvoli - chatbot button on page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ZOM6vFj6UnSBfxSD65clAQoqHZQwSxMuGn5XkuKe.png)

8. If you click on the button it will display the AI support agent dialogue

![7 - Simvoli - chatbot dialogue on page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3Rl2Gfw8oM04zH9iBMU38r0YNobZpWDPo8NhOuH5.png)

Your AI support agent is now added to your **Simvoli** website and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to SITEJET
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-sitejet

How to add your custom ChatGPT trained AI support agent to your SITEJET website.

You want to embed your custom trained AI support agent in your **SITEJET** website page. Here's how to add an AI support agent to SITEJET with SiteSpeakAI.

**SITEJET** Website Builder is designed for individuals, small businesses, and creators who want to build and manage their own website without needing agency features.

**Website URL:** [SITEJET](https://www.sitejet.io/en)

## Add your AI support agent to your **SITEJET** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In SITEJET

1. Log in to your **SITEJET** account and on your dashboard, click on the menu (**...**) for the website you want to edit
   ![2 - sitejet.io - Dashboard - select website to edit.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/z0oUEnd2LeebcLv6woGscezlpPrSoYVSyI1eWl8I.png)

2. Select **Edit website** to edit your website
   ![3 - sitejet.io - Dashboard - select Edit website to edit your website.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/43v3g1WJJL36mpG8NuPguL6P9dS6qD01eqsZwTTQ.png)

3. Click on **Elements**
   ![4 - sitejet.io - Editor - click on Elements.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jKQggoA8TPqwn2tYyFSsNUYzbiQIzKUlfhnD6jhf.png)

4. Drag the `</> HTML` element onto your website page
   ![5 - sitejet.io - Editor - drag the HTML Element onto your website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HsiiTbLhXUg2BhoEseWRW1mgYLSreLthoZK1mZg9.png)

5. Insert your snippet and click on **Save**
   ![6 - sitejet.io - Editor -Insert your snippet & click on Save.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/IlNiQog1O8bqgRA5a0mTbOqOXomNPcmJ7GeU8KO5.png)

6. Your AI support agent button will now be displayed on your website page
   ![7 - sitejet.io - Chatbot - Chatbot button displayed on page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qGfkbUSMLHoMdZ3GUDmd3Lih17hqQanK7lcAAUSk.png)

7. If you click on the button it will display the AI support agent dialogue
   ![8 - sitejet.io - Chatbot - Chatbot dialogue displayed on page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vcCVAcV7RK0HLKfyJL3wMeZ6gJfsfMR62xHLpOO2.png)

Your AI support agent is now added to your **SITEJET** website and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to SitePad Builder
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-sitepadbuilder

How to add your custom ChatGPT trained AI support agent to your SitePad Builder website.

You want to embed your custom trained AI support agent to your SitePad Builder website. Here's how to add an AI support agent to SitePad Builder with SiteSpeakAI.

**SitePad Builder** is a website creation platform that allows users to design and build websites without coding. It offers a drag-and-drop interface and a library of templates and design elements.

Build professional websites using an easy-to-use editor and publish static web pages. Hundreds of responsive themes cover a wide range of categories like Blog, Business, Portfolio, Restaurants, Travel, and many more.

**Website URL:** [SitePad Builder](https://www.sitepad.com/)

## Add your AI support agent to your **SitePad Builder** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In SitePad Builder

1. Log in to your **SitePad Builder** website

2. On your dashboard select **Pages** -> **All Pages** in the left sidebar menu

![2 - SitePad Builder - Select Pages on left sidebar menu.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/6HAigkmL9CRYEybG24ztMUugbHApt6qkfNmGQiNw.png)

3. Click on the **Edit this item** icon for the page you want to add your AI support agent snippet to

![3 - SitePad Builder - Select Edit this item for the page you want to add your snippet to.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/30gxdeC63B3zJEL96s7mmdgsFHWNUqFPPKJVrQqG.png)

4. This will display the selected page in edit mode. Click on the `X` to close the **Edit Page Setting** menu

![4 - SitePad Builder - Click on X to close the Edit Page Setting menu.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/i9FgM5DwL6068cxPvaKHOheAA0288w0JoyYIcZFh.png)

5. A list of available widgets will be displayed under **Widgets**

![5 - SitePad Builder - List of available widgets displayed.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1HLaWGFzulMMIqHx7ea8PCWGWObtDVw5Vr9SN1gs.png)

6. Scroll down on the list of **Widgets** to **OTHER** and drag the `</> Embed` widget onto your webpage

![6 - SitePad Builder - Scroll down on the list of available widgets to OTHER and drag the Embed widget onto your page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nov4IiMeW8r1A7yFPAoIxz9KnWD0GFjdk48pnVFn.png)

7. Insert your snippet under **Settings** and click on **Update**

![7 - SitePad Builder - Insert snippet and click on Update.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DlISyZCgphtTWjRK4I2cIG4cFpxWcnngaCf4uYut.png)

8. Your AI support agent button will now be displayed on your webpage

![8 - SitePad Builder - Your chatbot button displays on your page..png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/McTGJDm17IIb2qIZo8k9PEZeCwCxrwmAHiBt8euN.png)

9. If you click on the button it will display the AI support agent dialogue

![9 - SitePad Builder - Your chatbot dialogue displays on your page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/RH40TCBUeofinzTeOhZQfDkjEm1YlVtmvCAivqrW.png)

Your AI support agent is now added to your **SitePad Builder** webpage and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Siter.io
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-siter-io

How to add your custom ChatGPT trained AI support agent to your Siter.io website.

You want to embed your custom trained AI support agent in your **Siter.io** website page. Here's how to add an AI support agent to Siter.io with SiteSpeakAI.

**Siter.io** is a no-code website builder focused on speed and simplicity. It's designed for quickly creating professional-looking websites, landing pages, and online stores without needing to write any code. It uses a drag-and-drop interface with pre-designed templates and blocks, making it very easy to customize and build your site. It's particularly good for entrepreneurs, small businesses, and anyone who wants a fast and straightforward way to get online.

**Website URL:** [Siter.io](https://siter.io/)

## Add your AI support agent to your Siter.io website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Siter.io

**Please note**:
To insert Custom HTML in **Siter.io**, you can use the **Code Tool** element to insert your snippet per page, or the **Head Code Injection** option under the **Custom Code** settings for site-wide integration.

Unfortunately, the **Head Code Injection** setting doesn't work properly with SitespeakAI, so we will look at using the **Code Tool** element. Due to the fact that this provides insertion per page (which is a tedious option), we will create a **Component** that contains the snippet and can then be added on each page. This will then have the advantage of editing once and can then be applied to wherever you use the Component. Sounds confusing? Maybe, but if you follow my instructions it should be quite easy.

Let's continue embedding our clever little AI support agent.

1. Log into your **Siter.io** account and on the dashboard, select the site you want to add your AI support agent to.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SiH4TYEn0VoFWm7QyTT6CkLHxFtFA3SZPCP1wg1J.png)

2. Make sure the **Pages** tab is selected, click on the hamburger menu and select **Open in Editor** to start editing your website page.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/YdIx8Q05qdMriWStsNgpFaFzL9DJlFuEUOR1NkJq.png)

3. Select the **Code Tool** in the lefthand toolbar and then place the element on your project page (it doesn't matter where you put it, the snippet itself won't be displayed, only the actual Agent will be displayed at the bottom of your page).

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Zj7hecqW1eNYEWpeXLpgKXwmjTN0Hvwh6Oq961KS.png)

4. A gray placeholder box will appear on your project page. Click on **Edit the code** in the righthand toolbar

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DvQR4MVNGaYXD8R7hdw54RghQh0lR2xvfsl6W7Zz.png)

5. Insert your AI support agent snippet in the provided text box

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/tUZyJxWzFK2XtCTvqPPZ3VRYwv75HtGxcnpv8Lcf.png)

6. Click on the **Layers** toolbar item to display the layers and double-click on the **Code** element

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sVrt0O62szUWB1bMtqMsQEN0FXjR9W8YsOgAgP8k.png)

7. Rename the Code element to something specific, e.g. **Global - SitespeakAI**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EbvxGieDcP9YKmt5YCpsta7jAnqTz06exxl608ux.png)

8. Right-click on the renamed element, select **Create Component** and click on **Publish**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QOY58R6utIBXWN8pdmvV3vXhay9ucpTCsNxjoJzQ.png)

9. The newly created component is now available under **Components**. It can now be added to any page in the project that is part of the website. If you make changes to this component (i.e. modify the snippet content) then it will be applied to all instances where you use this component.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/E1Mu7xTBMQj1th8OB4HgEF89V4XPhSdE4UlITBOd.png)

10. Your AI support agent button will now be displayed on your **Siter.io** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KN3LW1cjjgJt1omQH4eoYGqhzLXnc93EqVFQlBXs.png)

11. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7k8BbbCOuaClF3thDVoOAe6JjYIkBRqxQsQ1MN9C.png)

Your AI support agent has now been added to your **Siter.io** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Skywork.ai
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-skywork-ai

How to add your custom ChatGPT trained AI support agent to your Skywork.ai website.

You want to embed your custom trained AI support agent in your **Skywork.ai** website page. Here's how to add an AI support agent to Skywork.ai with SiteSpeakAI.

**Skywork.ai** is an AI-powered website builder designed to help users create websites quickly and easily. It leverages artificial intelligence to simplify the design and development process.

**Website URL**: [Skywork.ai](https://skywork.ai/)

## Add your AI support agent to your Skywork.ai website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Skywork.ai

1. Log into your **Skywork** account and select your project in the lefthand sidebar under **Projects**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/9Vj7NABJJoX7SQ6mfKDdFSV00i0ivkCnyvk3Wl8O.png)

2. When the project opens, click on **Edit**

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/pqXl70N7YoLCbIL6WenopekcQMeqZS47YGeKwXXY.png)

3. Select the enlarge icon to enlarge the AI command line area

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zB8CLuhpChh4sbixTBw8ebGVeV6UrjOsYYfcVPdX.png)

4. Enter the following instruction/request into the AI command line:

**Please modify my code to include my SitespeakAI code snippet:** "*--- insert the AI support agent js code copied at the beginnng of the tutorial ---*" and then click on the **Submit** button. **Skywork AI** will start adding the code to your website, it takes a while so please be patient.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sMBRgaBKG42ZdHPsdBzIwOkM9Z3G7E2MRSZZkMoh.png)

5. When the process is completed, the AI support agent button will be displayed on you project page. Click on **Save** to save your changes to your live website.

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/eJyGO28QmMFhIJIqpmSGX4j5fd2KFgPfkUymR3bY.png)

6. Your AI support agent button will now be displayed on your **Skywork.ai** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FBbCzqjOYbRe6v4PIGC0jfk5afbqKXtULD91cm6p.png)

7. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iOsm39J3Od3LhG4BRcT28Nlo39KhJx30rvYBbper.png)

Your AI support agent has now been added to your **Skywork.ai** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Slack
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-slack

How to add your custom ChatGPT trained AI support agent to your Slack workspace to chat to your team.

If you want to add your custom trained AI support agent to your Slack workspace, here are the steps you need to take.

**Slack** is a cloud-based team communication platform designed to replace internal emails. It organizes conversations into "channels" for specific projects or topics, and allows for direct messages, file sharing, and voice or video calls (called Huddles).

**Website URL**: [Slack](https://app.slack.com/)

## Add your AI support agent to your Slack workspace

### In SiteSpeakAI

1. Select your AI support agent from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, select the **Slack** tab and click on the **Connect to Slack** button.

<img alt="1-Select-Slack" />

2. Select the workspace you would like to add your AI support agent to from the dropdown menu, and then click on the **Allow** button to grant SiteSpeakAI permission to your workspace.

<img alt="2-Connect-to-Slack" />

3. If access was granted, you'll see a message about how to invite the AI support agent to a channel in your workspace.

<img alt="3-Connected-to-Slack" />

### In Slack

1. Select the channel you would like to add your AI support agent to.

<img alt="4-Select-Channel" />

2. Then invite the AI support agent by mentioning it: ***@SiteSpeakAI***

<img alt="5-Add-Channel" />

3. Click the **Add to Channel** button.

4. Your AI support agent is now added and you and your team can now begin asking it questions.

<img alt="6-Ready" />

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to SnapPages
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-snappages

How to add your custom ChatGPT trained AI support agent to your SnapPages website.

You want to embed your custom trained AI support agent in your **SnapPages** website page. Here's how to add an AI support agent to SnapPages with SiteSpeakAI.

**SnapPages** is a website builder that's known for being *really* easy to use, especially for beginners. It's a drag-and-drop platform, meaning you build your website by simply dragging elements (text boxes, images, buttons, etc.) onto a page and arranging them how you like. It automatically handles the technical stuff like hosting, security, and updates – so you don't need to be a coder.  It's built on top of WordPress, but you don't need to worry about managing WordPress directly.

**Website URL:** [SnapPages](https://snappages.com/)

## Add your AI support agent to your **SnapPages** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In SnapPages

1. Log into your **SnapPages** account and on the dashboard select **Settings** on the left sidebar menu
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iRATLYynIMLcsmhk0wEpzZwhtP7YDrIjcBhMIFyu.png)

2. Select **Code**, insert your snippet under **Header Code** and click on **Save Settings**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/tHcVyDXW7lRRz8kgIMLSN9py6H6gxPRCv3rJSNAa.png)

3. Your AI support agent button will now be displayed on your **SnapPages** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ZJqZjCR3j7BX8YK7dZ0EfbHQSO0hZ1iMvZn9BO1R.png)

4. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/LRGP6qfysTZ6QDdk208LBdtI8V1Ro3WWJvQv0lG9.png)

Your AI support agent has now been added to your **SnapPages** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Softr
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-softr

How to add your custom ChatGPT trained AI support agent to your Softr web application interface.

You want to embed your custom trained AI support agent in your **Softr** app interface. Here's how to add an AI support agent to Softr with SiteSpeakAI.

**Softr** is a no-code platform used to build web applications and client portals.

**Website URL**: [Softr](https://www.softr.io/)

## Add your AI support agent to your **Softr** app interface

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Softr

1. On your **Softr** dashboard, select the app to add your AI support agent to
   ![1 - softr.io - Dashboard - Select App.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/q8mpwru7Na2Cr17kbk4ZWmCmRcqTltvu5iJDmoh4.png)

2. On the page editor, select **Settings**
   ![2 - softr.io - Select Settings.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oYUXvzNDbrznj7TuV3iT8Qqj0OU17WGsXDw2wLIv.png)

3. Scroll down on list and select **Custom Code** to add your snippet code
   ![3 - softr.io - Select Custom Code.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zTf0UGFTSI5dJ807sm8f7U4qT7IMxCJiNOlsA33H.png)

4. In the **Add Custom Code** text box, insert snippet under **Code inside header** and click on **Save**
   ![4 - softr.io - Insert snippet.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/imMhW2NS821gnO8H7tUgpLCRYwDbdMKhJZrymBUC.png)

5. Click on **Publish** to publish your changes
   ![5 - softr.io - Publish.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kvI4ia66ualwXJhWnDDEfqljKgibx7rNC9YPqk4D.png)

6. Your AI support agent button will now be displayed on your app interface
   ![6 - softr.io - AI support agent button.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3HEDlglHRkN3vqzUraNBiGlmB3fCVoa1tZtjTkn5.png)

7. If you click on the button it will display the AI support agent dialogue
   ![7 - softr.io - AI support agent dialogue.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QB8kNSv3NRsboQMLod1CyD6DZclXjRFNWvWitFTT.png)

Your AI support agent is now added to your **Softr** app interface and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Squarespace
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-squarespace

How to add your custom ChatGPT trained AI support agent to your Squarespace website.

You want to embed your custom trained AI support agent in your **Squarespace** website page. Here's how to add an AI support agent to Squarespace with SiteSpeakAI.

<Frame>
  <iframe title="How to add an AI chatbot to Squarespace" />
</Frame>

<Accordion title="Video transcript">
  In this tutorial, I'll show you how to add a ChatGPT AI chatbot to your Squarespace website. We'll create and train it on your own content, then add it to your site so it can answer your visitors' questions around the clock.

  Before you can add your agent to Squarespace, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your visitors will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions, and you can add it to your Squarespace website.

  Once your agent is trained, open Install Agent in SiteSpeak and copy your JavaScript snippet. Code Injection on Squarespace needs a Business or Commerce plan. Log in to Squarespace and open the site you want to edit by clicking Website. In the Pages menu, scroll down to Utilities and select Website Tools. Under Website Tools, choose Code Injection. Paste your SiteSpeakAI snippet into the Header section, then click Save. Click Preview to see your agent on your live site. Your chatbot button now appears on your Squarespace website. Visitors can click it to open the chat and start asking questions, around the clock.

  And that's it. Your ChatGPT AI chatbot is now live on your Squarespace site, trained on your content and ready to help your visitors.
</Accordion>

**Squarespace** is a website building platform that allows users to create and host professional-looking websites and online stores. It’s known for its ease of use and beautiful, modern templates.

**Website URL**: [Squarespace](https://www.squarespace.com/)

<Note>
  Code Injection is available on Squarespace **Business** and **Commerce** plans only. If you're on a Personal plan, you'll need to upgrade to add custom code to your site.
</Note>

## Add your AI support agent to your **Squarespace** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Squarespace

1. Log in to your Squarespace account and click on **WEBSITE** for the site you want to edit

![Squarespace - Dashboard.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uVg03JtNJ2Uj4SquVzGtMKEO7TgXmzRUJROgJUkt.png)

#### A. Adding your AI support agent site wide

1. Under **Utilities** on the **Pages** left-side menu, select **Website Tools**

![Squarespace - 2. Select Website Tools.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/tu5cLKhe8EAGBoojSWbCmLK0IAKLr3Gqq3zZpVDy.png)

2. Under **Website Tools**, select **Code Injection**

![Squarespace - 3. Select Code Injection.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/dDGBGl3zU6LS2OY6ckdk2c87NVM3Fgx7IN312i2X.png)

3. Paste your code snippet in the **Header** section and click **Save**

![Squarespace - 4. Enter Code in Header.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4PjOIsotOMsGNaqgnG6PGgUfNuWZbxATQRQuF8Cn.png)

4. Click **Preview** to see your AI support agent on your live website

![Squarespace - 5. Preview.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7qi7UOp7RDxmnyWG5UNvgEkVPSfZOmhbXAeHlyjD.png)

5. Your AI support agent button will now appear on your website

![Squarespace - 6. Chatbot Button.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SsHd61gvTRL3O0538W4jc58XGmDkz25wfdGe7uh8.png)

6. Visitors can click the button to open the AI support agent chat and start asking questions

![Squarespace - 7. Chatbot Dialogue.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MoHRMakfTcDh78psMFbLQnlHhCTqBP6AW6nMoRZr.png)

Your AI support agent is now live on your **Squarespace** website.

#### B. Adding the AI support agent to specific pages only

If you want the AI support agent to appear only on certain pages instead of your entire site:

1. In Squarespace, go to the specific page where you want the AI support agent to be displayed
2. Click the gear icon to open **Page Settings**
3. Select the **Advanced** tab
4. Paste your code snippet in the **Page Header Code Injection** field
5. Click **Save**

This method lets you add the AI support agent to individual pages without affecting your whole site.

## Troubleshooting

**AI support agent not appearing?** Make sure you clicked **Save** after adding your code, then refresh your website. It may take a moment for changes to appear.

**Style conflicts with your theme?** The AI support agent widget is designed to work with all **Squarespace** templates. If you notice any visual issues, try adjusting the AI support agent position in your SiteSpeakAI dashboard settings.

**AI support agent position overlapping with elements?** You can customize the AI support agent's position (bottom-left, bottom-right) and offset in your SiteSpeakAI appearance settings to avoid overlapping with Squarespace elements like sticky footers or cookie banners.

**Code Injection option not available?** You'll need a Squarespace **Business** or **Commerce** plan to use Code Injection. Check your plan settings to confirm.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add ChatGPT to Studio.Design
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-studio-design

How to add your custom ChatGPT trained chatbot to your Studio.Design website.

You want to embed your custom trained chatbot in your **Studio.Design** website page. Here's how to add ChatGPT to Studio.Design with SiteSpeakAI.

## Add your chatbot to your **Studio.Design** website

**[Studio.Design](https://studio.design/)** is a no-code website builder crafted for designers, creatives, and small businesses who want full visual freedom without touching code. It's especially popular for building portfolios, landing pages, and branded websites that look polished and perform well.

For more info see **[Studio.Design](https://studio.design/)**.

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Chatbot** section in the sidebar, select **iFrame** and then click on the **Copy Code** button to copy your code snippet.

![Copy iFrame code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0ZbAkCjMQ9tIYIqjQ45f0AQAc3S64eCeNORhyk1q.png)

### In Studio.Design

1. Log into your **Studio.Design** account and on your dashboard, hover over the project you want to add your widget to and select **Design Editor**

![Dashboard](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FAMVe25l5Vi0tl4jjmS4oBcRwpsmeBSqkIWrBySP.png)

2. Your project will now be opened in edit mode with the default page displayed

**Please Note**: Studio.Design doesn't allow adding the chatbot button using the JavaScript snippet, but we can create a popup Modal page that contains the SiteSpeakAI chatbot dialogue iframe code (as copied at the beginning of this tutorial) and link this to a button on the webpage.

Let's create the **Modal** page.

3. Select the **Pages** option in the left sidebar

![Select Pages](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7TgsnPvTFPvekigs5IruKIJDsRYmtLPWF3UTS1dT.png)

4. On the **Pages** tab, click on **Add** to add a page. This allows you to add **Regular and Dynamic Pages**, **Regular and Dynamic Modals**, **Redirect Pages**, **Search Pages** and **Password Pages**. For our purpose we will choose a **Regular Modal** page.

![Select Add](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/wzXkpy9EGdzbH7wZycIl1UInzTagIA2udtDq1EVy.png)

5. Select Modal (Regular)

![Select Modal (Regular)](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/b96K14ga1ESxQdycthcfYHj1Ku5RI8cyde87qMJm.png)

6. The blank Modal page will now be listed under Pages

![Modal (Regular) created](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oSh7DX3tPXkbQfJLfdm293SURGhtOMgWRgRJTOY5.png)

7. Select **Add** and drag the **Embed Blank \</>** box into the Modal page

![Drag the Embed Blank box](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/j09DLM3at5HRPa9cwORNyUlwhNNnjnXaBnB0KvpH.png)

8. Insert your iframe code that you copied at the start into the **\</> Custom** box. You will see the chatbot being displayed in the Embed Box on the Modal page - we will resize this in the next steps

![iframe displayed](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NXKnT9c2euEGEnICuzAtUKJ9EH3yboXKyWTZI1wd.png)

9. The actual iframe size is width=450px and height = 600px. Set the Modal page size to match the iframe size as set in the iframe code attributes

![Set the Modal size](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/eLM6PBfNa8y5cTQDkNEHNMtNNyRD83my5y2MTDHs.png)

10. Select the **Embed Box** containing the iframe and set the size to fill the Modal page

![Set the iframe size](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/W6sSeSbOzEKBIh6YYuuWeEpc8KE5p4ICwalLe21F.png)

11. Select the Modal page settings option

![Modal settings option](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/y62fgGR4o3fgsG8y9oV5ZbpdzWvDLt5dLZ70U1D9.png)

12. Enable the **Use Path** setting

![Enable the Use Path setting](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NO0K7HQbzaCXe1H2fMmRpKf1QMPoyOA7vOYvE5ZK.png)

We are now going to add a **Button** to your webpage that will display the popup Modal page containing your chatbot dialogue. The best place will be to add the button to the page footer. If you don't have a page footer you can add it now (this is not in the scope of this tutorial, please check the Studio.Design documents on how to add a footer).

13. Select the **Page** you want to add your chatbot to

![Select the page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SzQcbJqBnF1y3K6TemkiJ1f6b9bb9XnxLl4xuPtK.png)

14. Drag a **Box** onto your page footer

![Drag a Box](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4VDVG56nigfMasB16pB6oU0jm1O3W4U6Ypg0chjd.png)

15. Drag a **Button** into the Box

![Drag a Button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/s5KYFFONfc9xqvJa8Kz8pQ28PR8z9K8dOmSki5Fw.png)

**Please note**: The buttons used in **Studio.Design** can't display an icon so we will add appropriate text to the button. In our case we added **Support**.

![Change the Button text](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/IHveKHfdNAGj9P9r6ZEfpCGK1WiQC9JSXvQqc3mX.png)

16. To change the size, margin, padding, shape and fill colour of the button, select the button box and use the attributes in the top menu to make your changes. In our case we have changed the default black button colour to a colour that matches the webpage

![Change the Button appearance](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HxscFVsSDz5fpmmBOqaeAvbCcHY3d7y7F9wlQXKl.png)

17. To enable the Modal to be activated when clicking on your button, you must **link** the Modal you created to the Box containing the button

![Link the Modal to the Box](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/45QPYynZ4Fb6xb3RIX2coC3cb34tOAqEeu3nVQfi.png)

18. Select **Live Preview** to preview view your webpage

![Select Live Preview](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/r7FPhOeIRcASJYfVfpGC1EvlaNdEDcxr3UjBYNIq.png)

19. **Voila!** Here is your button on your live page!

![Your Button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iLVggmeFh1BvrubdUSeQRelMjVEh4ewqRKsA1nF4.png)

20. If you click on the button it will display the chatbot dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/dO0WdxQBM5uy5TROFfLedNuIS3BaQGn9KEuEf1Bo.png)

Your chatbot is now added to your **Studio.Design** website and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Studio.DesignにChatGPTチャットボットを追加する方法
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-studio-design-japanese

ChatGPT でトレーニングしたカスタム チャットボットを Studio.Design Web サイトに追加する方法。

**Studio.Design** のウェブサイトページに、カスタムトレーニング済みのチャットボットを埋め込みたいとします。SiteSpeakAI を使用して ChatGPT を Studio.Design に追加する手順は次のとおりです。

## Studio.Design のウェブ サイトにチャットボットを追加する

**[Studio.Design](https://studio.design/ja)** は、コードを一切使用せずに自由なビジュアルデザインを求めるデザイナー、クリエイター、中小企業向けに設計された、コード不要のウェブサイトビルダーです。洗練されたデザインと優れたパフォーマンスを兼ね備えたポートフォリオ、ランディングページ、ブランドウェブサイトの構築に特に人気があります。

詳しくは、**[Studio.Design](https://studio.design/ja)** をご覧ください。

### SiteSpeakAI の場合

上部のドロップダウンメニューからチャットボットを選択し、サイドバーの「**チャットボットをインストール**」セクションをクリックして「**iFrame**」を選択し、「**コードをコピー**」ボタンをクリックしてコードスニペットをコピーします。

![Copy iFrame code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0ZbAkCjMQ9tIYIqjQ45f0AQAc3S64eCeNORhyk1q.png)

### Studio.Design で

1. **Studio.Design** アカウントにログインし、ダッシュボードでウィジェットを追加したいプロジェクトにマウスオーバーして「**デザインエディター**」を選択します。

![Studio dashboard](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FAMVe25l5Vi0tl4jjmS4oBcRwpsmeBSqkIWrBySP.png)

2. プロジェクトが編集モードで開き、デフォルトのページが表示されます。

**注意**: Studio.Design では、JavaScript スニペットを使用してチャットボットボタンを追加することはできませんが、SiteSpeakAI チャットボットダイアログの iframe コード（このチュートリアルの冒頭でコピーしたもの）を含むポップアップモーダルページを作成し、これをウェブページ上のボタンにリンクすることは可能です。

それでは、**モーダル** ページを作成しましょう。

3. 左側のサイドバーで**ページ**オプションを選択します

![Select pages](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7TgsnPvTFPvekigs5IruKIJDsRYmtLPWF3UTS1dT.png)

4. 「**ページ**」タブで「**追加**」をクリックしてページを追加します。これにより、**通常ページと動的ページ**、**通常モーダルと動的モーダル**、**リダイレクトページ**、**検索ページ**、**パスワードページ**を追加できます。ここでは**通常モーダル**ページを選択します。

![Add page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/wzXkpy9EGdzbH7wZycIl1UInzTagIA2udtDq1EVy.png)

5. 「モーダル（通常）」を選択

![Select modal](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/b96K14ga1ESxQdycthcfYHj1Ku5RI8cyde87qMJm.png)

6. 「ページ」に空のモーダルページが表示されます

![Blank modal](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oSh7DX3tPXkbQfJLfdm293SURGhtOMgWRgRJTOY5.png)

7. **追加** を選択し、「**空白を埋め込む \</>**」ボックスをモーダルページにドラッグします。

![Add embed box](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/j09DLM3at5HRPa9cwORNyUlwhNNnjnXaBnB0KvpH.png)

8. 最初にコピーしたiframeコードを **\</>カスタム** ボックスに挿入します。モーダルページの埋め込みボックスにチャットボットが表示されます。次の手順でサイズを変更します。

![Insert iframe](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NXKnT9c2euEGEnICuzAtUKJ9EH3yboXKyWTZI1wd.png)

9. 実際のiframeのサイズは幅450ピクセル、高さ600ピクセルです。iframeのコード属性で設定されているiframeのサイズに合わせて、モーダルページのサイズを設定してください。

![Set modal size](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/eLM6PBfNa8y5cTQDkNEHNMtNNyRD83my5y2MTDHs.png)

10. iframeを含む**埋め込みボックス**を選択し、モーダルページ全体に表示されるサイズを設定します。

![Set embed size](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/W6sSeSbOzEKBIh6YYuuWeEpc8KE5p4ICwalLe21F.png)

11. モーダルページ設定オプションを選択します

![Modal settings](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/y62fgGR4o3fgsG8y9oV5ZbpdzWvDLt5dLZ70U1D9.png)

12. **パスを使用** 設定を有効にします

![Enable use path](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NO0K7HQbzaCXe1H2fMmRpKf1QMPoyOA7vOYvE5ZK.png)

チャットボットのダイアログを含むポップアップモーダルページを表示する**ボタン**をウェブページに追加します。ボタンはページフッターに追加するのが最適です。ページフッターがない場合は、ここで追加できます（このチュートリアルではフッターの追加方法については扱いませんので、Studio.Design ドキュメントをご確認ください）。

13. チャットボットを追加したい**ページ**を選択します

![Select page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SzQcbJqBnF1y3K6TemkiJ1f6b9bb9XnxLl4xuPtK.png)

14. **ボックス**をページフッターにドラッグします

![Drag box to footer](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4VDVG56nigfMasB16pB6oU0jm1O3W4U6Ypg0chjd.png)

15. **ボタン** をボックスにドラッグします

![Drag button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/s5KYFFONfc9xqvJa8Kz8pQ28PR8z9K8dOmSki5Fw.png)

**ご注意**: **Studio.Design** で使用するボタンにはアイコンを表示できないため、適切なテキストをボタンに追加します。この例では、「**サポート**」と入力しました。

![Button text](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/IHveKHfdNAGj9P9r6ZEfpCGK1WiQC9JSXvQqc3mX.png)

16. ボタンのサイズ、余白、パディング、形状、塗りつぶし色を変更するには、ボタンボックスを選択し、上部のメニューの属性を使用して変更を加えます。この例では、デフォルトの黒いボタンの色をウェブページと一致する色に変更しました。

![Style button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HxscFVsSDz5fpmmBOqaeAvbCcHY3d7y7F9wlQXKl.png)

17. ボタンをクリックしたときにモーダルがアクティブになるようにするには、作成したモーダルをボタンを含むボックスに**リンク**する必要があります。

![Link modal](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/45QPYynZ4Fb6xb3RIX2coC3cb34tOAqEeu3nVQfi.png)

18. 選択**ライブプレビュー** でウェブページをプレビュー表示します

![Live preview](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/r7FPhOeIRcASJYfVfpGC1EvlaNdEDcxr3UjBYNIq.png)

19. **出来上がり！** ライブページにボタンが表示されます！

![Button on page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iLVggmeFh1BvrubdUSeQRelMjVEh4ewqRKsA1nF4.png)

20. ボタンをクリックすると、チャットボットのダイアログが表示されます。

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/dO0WdxQBM5uy5TROFfLedNuIS3BaQGn9KEuEf1Bo.png)

これで、**Studio.Design** ウェブサイトにチャットボットが追加され、お客様がチャットボットとやり取りできるようになりました。

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# StudioにChatGPTチャットボットを追加する方法
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-studio-japanese

ChatGPT でトレーニングされたカスタム チャットボットを Studio Web サイトに追加する方法。

Studio のウェブサイト ページにカスタム トレーニング済みのチャットボットを埋め込む場合、SiteSpeakAI を使用して Studio に ChatGPT を追加する方法は次のとおりです。

## スタジオのウェブサイトにチャットボットを追加する

### SiteSpeakAIで

![Copy iFrame code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/w7W2e6LRUCXwnPBB94PVsSplPsma1LNwV3ZHnexl.png)

上部のドロップダウン メニューからチャットボットを選択し、サイドバーの「チャットボットのインストール」セクションをクリックして、 「iFrame」を選択し、「コードのコピー」ボタンをクリックしてコード スニペットをコピーします。

### スタジオ内

1. Studioアカウントにログインし、ダッシュボードでウィジェットを追加したいプロジェクトにマウスを合わせてデザインエディタを選択します。

![Studio dashboard](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0cMLgdJ6wwSBFKrk1RlQY5xGAYkoMWqexY9ydsRg.png)

2. プロジェクトが編集モードで開かれ、デフォルトのページが表示されます。

**注意**: Studio では、JavaScript スニペットを使用してチャットボット ボタンを追加することはできませんが、SiteSpeakAI チャットボット ダイアログ iframe コード (このチュートリアルの冒頭でコピーしたもの) を含むポップアップ モーダル ページを作成し、これを Web ページ上のボタンにリンクすることはできます。

モーダルページを作成しましょう。

3. 左側のサイドバーで ページオプションを選択します

![Select pages](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/thmLfy9dFC1R4lNsgymPVITBkdZ4f6v4bEc9yiDl.png)

4. ページタブで、追加をクリックしてページを追加します。これにより、通常および動的ページ、通常および動的モーダル、リダイレクトページ、検索ページ、およびパスワードページを追加できます。ここでは、通常のモーダルページを選択します。

![Add page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XqO23lFfieKfiuAVHMr00VA7AWQ9Vo5dfF8i2e8r.png)

5. モーダルを選択（通常）

![Select modal](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/U3PwDPa5bjA1IxQDCMxtM5yyybrfHa4xFXdKsF7T.png)

6. 空白のモーダルページがページの下にリストされます。

![Blank modal](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uZ1owARefl54OnfJLJz8HZNucWeFvzrrsabViBr6.png)

7. 「追加」を選択し、「空白を埋め込む」\</>ボックスをモーダルページにドラッグします。

![Add embed box](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/8292S8HiiVtZZWRoIat8Pio8dmn2nVkmfWtE5wAZ.png)

8. 最初にコピーしたiframeコードを\</>カスタムボックスに挿入します。モーダルページの埋め込みボックスにチャットボットが表示されます。次の手順でサイズを変更します。

![Insert iframe](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VsRWofyOJKSJ0zBJgabr50lAwluE5MBJnrB3AB8G.png)

9. 実際のiframeのサイズは幅450ピクセル、高さ600ピクセルです。モーダルページのサイズをiframeコード属性で設定されたiframeのサイズと一致するように設定します。

![Set modal size](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GIJrhhaYZ0OS5Z3ZGPR65XM6HaRtLGFWWgIoETcN.png)

10. iframeを含む埋め込みボックスを選択し、モーダルページを埋めるようにサイズを設定します。

![Set embed size](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KgAlBgnNA8ZpGvOkJwttEfme57XYORyR37EunMQ4.png)

11. モーダルページ設定オプションを選択します

![Modal settings](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qu88nIr5m0ELQAKau1U80LeQCV1S3Bh4P8pYvCMH.png)

12. 「パスを使用」設定を有効にする

![Enable use path](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/srTXTvEr2SNZWIZxkA4QtgYaaKz9wBY4UE8q6xdB.png)

次に、チャットボット ダイアログを含むポップアップ モーダル ページを表示するボタンをWeb ページに追加します。最適な場所は、ページ フッターにボタンを追加することです。ページ フッターがない場合は、ここで追加できます (これはこのチュートリアルの範囲外です。フッターの追加方法については、Studio ドキュメントを確認してください)。

13. チャットボットを追加するページを選択します

![Select page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qkwXmALVkIES6iW8UEowxsts7hOY7QtRqeEQH0FD.png)

14. ボックスをページフッターにドラッグします

![Drag box to footer](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/gZ1SyEjmzk5rFbfV1JEMtKbYtEtD5B5vpjazlK8Z.png)

15. ボタンをボックスにドラッグする

![Drag button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uIIve1aE4wNjtDtTxDrtBjXzWe7szIzaM0SHp1TK.png)

注意: Studioで使用されるボタンにはアイコンを表示できないため、ボタンに適切なテキストを追加します。この例では、Supportを追加しました。

![Button text](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/73tx7xFD0RtDqRJOKkGrIAIEJPRa9SBHApgyZuuu.png)

16. ボタンのサイズ、余白、パディング、形状、塗りつぶしの色を変更するには、ボタンボックスを選択し、上部のメニューの属性を使用して変更を行います。この例では、デフォルトの黒いボタンの色をウェブページと一致する色に変更しました。

![Style button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/OWTzOLOSuFNcE3FaajyUSsMEVOngq30QtV5ZUgu1.png)

17. ボタンをクリックしたときにモーダルがアクティブになるようにするには、作成したモーダルをボタンを含むボックスにリンクする必要があります。

![Link modal](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/gWk2IpTIoXyApjJoufYp4zdK49n1orjoN6PceImM.png)

18. ライブプレビューを選択してウェブページをプレビュー表示します

![Live preview](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/mH5VJA7wmbYLumkfdHMN7oj0bw02vaDuhXfXNh3q.png)

19. できました!ライブ ページにボタンが表示されます。

![Button on page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TKyFp07vcdMn11X3EurAZm1uqqKX2HRDkgGDgZzk.png)

20. ボタンをクリックするとチャットボットのダイアログが表示されます

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3L6lMCl5Ath3qBQDLskCGQPqzuJWxgf2nlK9bkmb.png)

チャットボットがStudio Web サイトに追加され、顧客がチャットボットとやり取りできるようになりました。

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Telegram
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-telegram

Find out how to add your custom ChatGPT trained AI support agent to Telegram to respond to your customers or employees.

Adding a custom trained ChatGPT (or Claude 3.5) AI support agent to your Telegram account or groups makes it easy to offer 24/7 support to your customers.

To get started you will need to create a bot on Telegram so you can grab the bot token and use that to connect your SiteSpeakAI AI support agent to Telegram. Don't worry, this is very easy and not technical at all.

Obtaining a token is as simple as contacting [@BotFather](https://t.me/botfather), issuing the `/newbot` command and following the steps until you're given a new token.

![CleanShot 2024-08-02 at 11.36.07@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uo10ds5egfQwSnGec5vi6nypm2Q4RaVmVBUJGTei.png)

After clicking **Start** you'll get a message that details all the commands available to create and manage your bot. The only one we're interested in is the `/newbot` command for now.

![CleanShot 2024-08-02 at 11.39.41@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UjnzkTw3VFDdwHVWSy3MRVtuvOzf5v8lFRjegrVR.png)

Enter a name for your bot, as well as a username. Make sure you use something that represents your business or AI support agent since this is what your visitors will see.

![CleanShot 2024-08-02 at 11.40.45@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/pAQwnIuD70xvfDi7A9mGyFMUnHP4c1Kk26pu5Odg.png)

Once you're bot is created, you'll need to copy the bot token. The bot token will be in the format of: `123456:ABCD...`.

You'll also need the Telegram link to your bot which will be in the format of: `t.me/your_bot_username`. You'll use this to start chatting to your bot in Telegram.

Now head over to SiteSpeakAI to connect your customer support AI support agent to your Telegram bot.

After selecting your AI support agent in SiteSpeakAI, go to **Install Agent** -> **Telegram** and enter the bot token you got from **@BotFather**.

![CleanShot 2024-08-02 at 11.44.41@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Ws6t4zRr28n4I1OUku36ZKjTZeajMJBB6SGS4GLq.png)

Click **Connect** to connect your AI support agent and configure the basic settings for your Telegram bot.

You can now head back to Telegram and use the link for your AI support agent to start chatting with your bot.

![CleanShot 2024-08-02 at 11.47.30@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/R2mS3lgfAcef0SJqQ1qJDDyoFbJnBDFgh0GErcAi.png)

To add your AI support agent to a group, you'll need to update the bot's privacy setting in Telegram. This is easy using [@BotFather](https://t.me/botfather).

Issue the `/mybots` command, then select the bot you want to add to your group chat. Then select **Bot Settings** -> **Group Privacy** and **Turn off** privacy.

![CleanShot 2024-08-02 at 11.50.29@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/bkLZAb4cIKjLSJpDDCi6ZTpYmXeZQGv86ajyKlVG.png)

You can now add your bot to any group that you are an admin of, and start chatting to your AI support agent by mentioning it in conversations.

![CleanShot 2024-08-02 at 11.52.59@2x.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1wwdJbCzQS8yK57VookldQqFAopoIGNhnW4mgYVm.png)

And that's it! Super easy to add your own custom trained AI support agent to Telegram to assist your customers or employees.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to TeleportHQ
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-teleporthq

How to add your custom ChatGPT trained AI support agent to your TeleportHQ website.

You want to embed your custom trained AI support agent in your **TeleportHQ** website page. Here's how to add an AI support agent to TeleportHQ with SiteSpeakAI.

**TeleportHQ** is a low-code visual development platform used for designing and publishing websites and web applications.

**Website URL**: [TeleportHQ](https://teleporthq.io/)

## Add your AI support agent to your **TeleportHQ** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In TeleportHQ

1. Log in to your **TeleportHQ** account and select the project you want to add your AI support agent to
   ![1 - TeleportHQ - Select your project.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Iiq5cdj1rE5QvEZmFtk1AuAGBAlKrMtPfw6ToCvd.png)

2. In the **Design Editor** select your project and on the dropdown select **Project Settings**
   ![2 - TeleportHQ - Select Project Settings.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4miTAAYk2f41XT5Pu1BOa2sCtVdzF41p9PfT2Hdk.png)

3. Under Project Settings select **Custom Code**
   ![3 - TeleportHQ - Select Custom Code.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nP0m4QZwQeBAOrkCUnzMKaGrpAoYmwJ0B7QtZLMj.png)

4. Insert your snippet in the **Head** part and click on **Save Changes** to save your changes
   ![4 - TeleportHQ - Insert snippet and save changes.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zPAC1m3Ebzz1Lrfu5Hb2cyOScrbv2rCy1hnBvkQs.png)

5. Click on **Open Editor** to return to the **Design Editor**
   ![5 - TeleportHQ -Click on Open Editor.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MC6eYF6FQk2eFsjW3qO1xg28G6RELoOafDZqawQO.png)

6. In the Design Editor click on **Publish** to publish your changes
   ![6 - TeleportHQ - Click on Publish.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/C8Js0PGXVyonp9daJah02PkkUmeVRZ1A0lvEg6xq.png)

7. Your AI support agent button will now be displayed on your **TeleportHQ** webpage
   ![7 - TeleportHQ - AI support agent button displays on web page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ChsRj0wcJoQPQYSEnDXmoTuZGAQzTGfAuf9TZCsq.png)

8. If you click on the button it will display the AI support agent dialogue
   ![8 - TeleportHQ - AI support agent dialogue displays on web page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/60afLxvqpyOHDDx7J3KE5gGZJWMk3y4dnEuOreIW.png)

Your AI support agent has now been added to your **TeleportHQ** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Umso
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-umso

How to add your custom ChatGPT trained AI support agent to your Umso website.

You want to embed your custom trained AI support agent in your **Umso** website page. Here's how to add an AI support agent to Umso with SiteSpeakAI.

**Umso** is a website builder designed to help startups and SaaS companies create professional landing pages quickly and easily.

**Website URL**: [Umso](https://www.umso.com/)

## Add your AI support agent to your **Umso** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Umso

1. Log in to your **Umso** website builder dashboard and select the website to edit under **sites**

![1 - Umso - select site to Edit.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/mT2ykIslbJtUQyCDU2t2Pwy7g01kUUhGmT4UZrkH.png)

2. Click on **Edit Site** to start the site editor

![2 - Umso - click on Edit Site.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4dGVR7qqALzB0ucewtp3vXQFzi7IgQEJnr33g6QE.png)

3. Under **Content**, select **Site and Page Settings**

![3 - Umso - select site & page settings under content.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SlJukjVNe7jRh1tiAKG2IcjhE5CORTuWikwWfTpw.png)

4. Under **Site Settings**, select **Custom Site Code**

![4 - Umso - select custom site code under site settings.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Q6TVCEZC5URAz4socFXXuGCPPO2JptVS0DGYsEUI.png)

5. Insert your snippet code under **Header Code**

![5 - Umso - insert snippet.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/fbYB7pOkFmxx7Pn01XggDH23Kzetl1H7sLaMc2UT.png)

6. Click on **Publish** to publish your page edits to your website

![6 - Umso - click on Publish.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5AGQiif4ShuMm8CImt5ITKIileomO1w0eJzOtyVS.png)

7. Your AI support agent button will now be displayed on your Umso website

![7 - Umso - AI support agent button on Page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/twJKzl90MLR9KOSI5NxtADqLf8FNFKRBT1aMqGWW.png)

8. If you click on the button it will display the AI support agent dialogue

![8 - Umso - AI support agent dialogue on Page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/PkhzPWwSlz8JmgpPBGr8bRux0fV179rkV6tmrTwz.png)

Your AI support agent is now added to your **Umso** website and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Unbounce
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-unbounce

How to add your custom ChatGPT trained AI support agent to your Unbounce website.

You want to embed your custom trained AI support agent in your **Unbounce** website page. Here's how to add an AI support agent to Unbounce with SiteSpeakAI.

**Unbounce** is a conversion optimization platform used to create and manage landing pages. With Unbounce's no-code, AI-powered tools at your fingertips, you can launch, A/B test, and optimize landing pages on your own, in a single platform.

**Website URL**: [Unbounce](https://unbounce.com)

## Add your AI support agent to your **Unbounce** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Unbounce

1. Log into your **Unbounce** account and on your dashboard, select the page you want to add your AI support agent to
   <img alt="1-Unbounce-Dashboard-select-page" />

2. On the next screen, select **Edit** to start editing your page
   <img alt="2-Unbounce-Select-Edit" />

3. Drag the **Custom HTML** item onto your page (you can place it anywhere, it won't display above other sections, it will display at the right hand bottom of the page)
   <img alt="3-Unbounce-Drag-Custom-HTML" />

4. Double-click on the Custom HTML placeholder, insert your snippet code in the **Embed Custom HTML Code** box and click on **Save Code**
   <img alt="4-Unbounce-Insert-snippet-in-Embed-Custom-HTML" />

5. Click on **Save** to save your changes in the editor
   <img alt="5-Unbounce-Click-on-Save" />

6. Click on **Publish** to publish your page
   <img alt="6-Unbounce-Click-on-Publish" />

7. Your AI support agent button will now be displayed on your **Unbounce** website page
   <img alt="7-Unbounce-Agent-Button" />

8. If you click on the button it will display the AI support agent dialogue
   <img alt="8-Unbounce-Agent-Dialogue" />

Your AI support agent has now been added to your **Unbounce** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Unicorn Platform
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-unicorn-platform

How to add your custom ChatGPT trained AI support agent to your Unicorn Platform website.

You want to embed your custom trained AI support agent in your **Unicorn Platform** website page. Here's how to add an AI support agent to Unicorn Platform with SiteSpeakAI.

## Add your AI support agent to your **Unicorn Platform** website

**Unicorn Platform** is an AI-powered, no-code website and landing page builder designed for startups, SaaS products, mobile apps, blogs, directories, and personal pages. It enables busy founders and solo entrepreneurs to create professional, responsive sites in minutes without design or development skills.

**Website URL**: [Unicorn Platform](https://unicornplatform.com/).

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Unicorn Platform

1. Log into your **Unicorn** account and on the dashboard, select your website from the dropdown if it is not already selected
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/B2oco8odjyQpyNBfIkq900PmakVmaqHTDxa0i3dr.png)

2. Click on **Settings**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vFbjKPuGdD8lNThsCyaU9cePUFh3jsl1QliJMzFY.png)

3. Under **General** settings, scroll down to **Global \<head> HTML code**, insert your snippet and click on the **Save** icon to save your changes
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/46VukTSifM8bgNUlzf9h5RGEZflXZZh9o3udGcKk.png)

4. Your AI support agent button will now be displayed on your **Unicorn Platform** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HYrHUXWgRSg7FGOFdVBubDOMRtniRt6vK5Rsh28j.png)

5. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xA4sK3QCycnfnJTG75IFJHw35jW13CGCa9uazZv9.png)

Your AI support agent has now been added to your **Unicorn Platform** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to upsitely
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-upsitely

How to add your custom ChatGPT trained AI support agent to your upsitely website.

You want to embed your custom trained AI support agent in your **upsitely** website page. Here's how to add ChatGPT to upsitely with SiteSpeakAI.

**Upsitely** is a simple no-code website builder used to create portfolios, blogs, and basic ecommerce pages in minutes without any coding experience.

**Website URL**: [upsitely](https://www.upsitely.com/)

## Add your AI support agent to your **upsitely** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In upsitely

1. Log in to your **upsitely** website builder dashboard and select your website

![1 - upsitely - select your website.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3C6OaIrHRYhjxk9lRvrarQITZJrDaBHEaL0CnlmD.png)

2. Click on **Menu icon** on the top hamburger menu

![2 - upsitely - click on Menu icon.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TY7vfOwlkt3Na5AECe23GAjyDaEFVo6CeZFyyuNH.png)

3. Select **Head Code**

![3 - upsitely - select Head Code.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oJeLcrhPXWtuXsrACLsQSXSB5MbYrnoLEDKWX4SW.png)

4. Insert your snippet under **Site header code** and click on **Save**

![4 - upsitely - insert snippet.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/CLcv2CXyXECK991wGjoTmFKyd1BVrK1EIPYk8wS2.png)

5. Click on **Publish**

![5 - upsitely - click on Publish.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Ww0bL0RF41dtLBDYFuIt44nQyWsv50AurCWQv4tZ.png)

6. Your AI support agent button will now be displayed on your **upsitely** website

![6-upsitely-button.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xr3PcwOwxLGJEFMfldYBL39gFKQ5nv6ktSAh3SSp.png)

7. If you click on the button it will display the AI support agent dialogue

![7-upsitely-dialogue.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vqbHgZFgQ3BV9wmWjMETWzzvROcOVdNLqnAOPywP.png)

Your AI support agent is now added to your **upsitely** website and your customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Versoly
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-versoly

How to add your custom ChatGPT trained AI support agent to your Versoly website.

You want to embed your custom trained AI support agent in your **Versoly** website page. Here's how to add an AI support agent to Versoly with SiteSpeakAI.

**Versoly** is a website builder that focuses on making it incredibly easy to create beautiful, professional-looking websites without needing any coding knowledge. It's built around a drag-and-drop interface, offering pre-designed templates and a library of customizable elements like images, fonts, and buttons. It's particularly known for its strong focus on **e-commerce**, making it a great choice for selling products online.

**Website URL**: [Versoly](https://versoly.com/)

## Add your AI support agent to your **Versoly** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Versoly

1. Log into your **Versoly** account and on the dashboard select the project you want to add your AI support agent to
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3x7GZve713AK7iBPE5heSFVUcGjTamAY7rpIBFz5.png)

2. On the editor page select **Pages** on the top menu bar
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nHAobesk61q0QEuN85QJ0GMV0p8xHwDMEQrAdJu3.png)

3. Select the page you want to add your snippet to
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/41xjrbqpIaS4k4KwIfFCbZodBviZxizrCAEdBjBR.png)

4. Click on **Settings** on the top toolbar
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/bEhEyP1sKWHTO0B89wkmJNKLiuI21Hf2F1guu0JW.png)

<Note>
  **Versoly** allows adding your code snippet **per page** as well as **globally to all pages**.
</Note>

**A. Using the per Page option**:

1. Select **Page Settings**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0HkIiJeti1fD8sqrTEfuaAThYuUFrKvMN8UYGuXj.png)

2. Select the **Advanced** tab, insert your snippet in either the **External Scripts** or the **Head Content** input text box and click on **Save Page**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/7L2iSG7FxowjQY9388qMqRNGMOgn5aRK3rHZfErI.png)

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/s3CGknGZMY1TESsbtbTX7QqKEZESCfFwxxcfup3X.png)

3. Click on **Publish**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/K83W1ULl6F0PrcfDX5mZd6ZDKxE7ecWXrORqatYO.png)

**B. Using the global Site option**:

1. Click on **Site Settings**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UAFfws58NmEzqLsq5MZyMKxInI82SELb55jpXMCJ.png)

2. Select the **Advanced** tab, insert your snippet in either the **External Scripts**, the **Head Content** or the **Site JS** input text box and click on the **Save** button for the respective option
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/tjituvJO48Bzyo5WDxD8X3cuEP7zsVB8p9rDZwW0.png)

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/PFLasYeqirAPF18bAl9agUhuhcEvfstwkliipISE.png)

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/T2fAhtKE3oEQNeiHJp6coKxOcL8qwLF4IuuTjsz3.png)

<Note>
  Please note that if you use the **Site JS** option, you must remove any **HTML** remark lines (`<!-- -->`). You must also remove the script tags, **Versoly** adds its own script tags when it adds your snippet to the site pages.
</Note>

3. Click on **Publish**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/q9KqklkX6IdtktqkGAZsj2kjw5fSywWGtmR5eqti.png)

**C. For both options**:

1. Your AI support agent button will now be displayed on your **Versoly** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/8bODUw6OjODZkVIfwc1NtkAaKmlGnW0imal8uJ20.png)

2. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sLMRbu8jwXr8Moz1PKcLYXxoVKlycn60HjFQRg3D.png)

Your AI support agent has now been added to your **Versoly** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to W3Schools Spaces
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-w3schools-spaces

How to add your custom ChatGPT trained AI support agent to your W3Schools Spaces website.

You want to embed your custom trained AI support agent in your **W3Schools Spaces** website page. Here's how to add an AI support agent to W3Schools Spaces with SiteSpeakAI.

**W3Schools Spaces** is a collaborative workspace designed for learning and community engagement. It’s a platform built by the creators of W3Schools, offering a space for users to connect, share knowledge, and participate in discussions related to web development and related topics.

**Website URL**: [W3Schools Spaces](https://www.w3schools.com/spaces/)

## Add your AI support agent to your **W3Schools Spaces** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In W3Schools Spaces

1. Log into your **W3Schools** account, select **Spaces** on the dashboard and then select your website

<img alt="" />

2. On the website editor page, select **index.html** (or any other html file, if you have added more pages to your website)

<img alt="" />

3. You will now have a split display with the index.html code on the left pane and the webpage preview in the right pane. Scroll down in the left pane to just before the ending `</body>` tag

<img alt="" />

4. Insert a blank line just above the `</body>` tag and insert your AI support agent snippet. When done, click on **Save** and then on **Run** to see your changes in the preview pane. Your AI support button will appear on your page

<img alt="" />

5. If you click on the button it will display your support agent dialogue

<img alt="" />

6. If you click on the **View in a new tab** button, it will display your website in a new tab as a full webpage

<img alt="" />

7. Your AI support agent button will now be displayed on your **W3Schools Spaces** website page

<img alt="" />

8. If you click on the button it will display the AI support agent dialogue

<img alt="" />

Your AI support agent has now been added to your **W3Schools Spaces** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Waveon
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-waveon

How to add your custom ChatGPT trained AI support agent to your Waveon website.

You want to embed your custom trained AI support agent in your **Waveon** website page. Here's how to add an AI support agent to Waveon with SiteSpeakAI.

**Waveon** is a website builder focused on visual, drag-and-drop simplicity, particularly strong for creating portfolio websites, landing pages, and simple online stores. It's designed to be incredibly easy to use, even for people with *no* prior website building experience. It's a significant departure from traditional, code-heavy website builders.

**Website URL**: [Waveon](https://waveon.com/)

## Add your chatbot to your **Waveon** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Waveon

1. Log into your **Waveon** account and select your project on the dashboard
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GFYK4nqJCN33bpQuBrWSV0vHm3KHWzxweXfbcSmu.png)

2. Click on **Settings** on the left-side menu bar
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/I0bBOkn9gCPWGw9QWcgRmtTjFCbZklErYhos1rd5.png)

3. Select **Script settings**, insert your snippet in the **head script** input text box and click on **save**. Click on **Post it** to publish your changes.
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GdgJdhoN86f7VIwieb566TFJYkoKt2MBfsZp8hNP.png)

4. Your AI support agent button will now be displayed on your **Waveon** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TtVIFkMRcWUHVwgFxeeQIorOaoY0CrzBydTbEA2M.png)

5. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QIzdqICeWDdh66RNtjhBPQfexfEqYvf4i4ap55A7.png)

Your AI support agent has now been added to your **Waveon** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Webflow
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-webflow

How to add your custom ChatGPT trained AI support agent to your Webflow website.

You want to embed your custom trained AI support agent in your **Webflow** website page. Here's how to add an AI support agent to Webflow with SiteSpeakAI.

**Webflow** is a professional visual web design platform that allows users to build, launch, and manage high-performance, responsive websites without writing code.

**Website URL**: [Webflow](https://webflow.com)

<Frame>
  <iframe title="How to add an AI support agent to Webflow" />
</Frame>

<Accordion title="Video transcript">
  In this tutorial, I'll show you how to add a ChatGPT AI support agent to your Webflow website. We'll create and train it on your own content, then add it to your site so it can answer your visitors' questions around the clock.

  Before you can add your agent to Webflow, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your visitors will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions about your site, and you can add it to your Webflow website.

  Once your agent is trained, open Install Agent in SiteSpeak and copy your JavaScript snippet. The quickest way is to log into your Webflow account, open the project where you want the agent, click the settings icon on the project card, and select Custom code from the left sidebar. Scroll to the Custom code section, add your snippet under Head code, save your changes, and publish your site. You can also add the snippet directly on a page using a Code Embed element. Open the site in the Webflow Designer, go to Pages and choose your page, then open the Navigator and select the Footer. Click Add Elements, scroll the elements list until you find Code Embed, and drag it into the footer. Add your snippet in the Code Embed Editor and click Save and Close, then click Publish to make your changes live.

  Your AI support agent button now appears on your live Webflow page. When a visitor clicks it, the chat dialogue opens, ready to help. And that's it. Your ChatGPT AI support agent is now live on your Webflow site, trained on your content and ready to assist your visitors.
</Accordion>

## Add your AI support agent to your **Webflow** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Webflow

**Please note**! Adding your AI support agent to Webflow can be achieved in two ways, i.e. Globally (site-wide) or Page-specific. We will be looking at both options.

#### A. Adding your AI support agent globally (site-wide)

1. Log into your Webflow account and make sure **All projects** is selected
   <img alt="1-Log into your account" />

2. On the **Project** you want to add your agent to, select **Settings** on the Project card
   <img alt="2-Webflow-Select-Project-Settings" />

3. Select **Custom code** on the left side-bar
   <img alt="3-Webflow-Select-Custom-code" />

4. Scroll down to **Custom code**, insert your snippet under **Head code** , click on **Save** and then **Publish** to publish your website
   <img alt="4-Webflow-Insert-snippet-and-Save" />

#### B. Adding your AI support agent per page

1. Log into your Webflow account and make sure **All projects** is selected
   <img alt="1-Webflow-Log-into-your-account" />

2. On the **Project** you want to add your agent to, move your mouse over the Project card and click on the **Open site in Webflow** popup link
   <img alt="5-Webflow-Click-on-popup-link" />

3. Under **Pages**, select the page you want to add your support agent to
   <img alt="6-Webflow-Select-your-page" />

4. When page displays, click on **Navigator (Z)** and then click on **Footer** to display the Footer section of the page
   <img alt="7-Webflow-Click-on-Navigator-and-Footer" />

5. While the Footer section is visible, click on **+ Add Elements (A)**
   <img alt="8-Webflow-Click-on-Add-Elements" />

6. Scroll down on the list of **Elements** until you find **Code Embed**
   <img alt="9-Webflow-Code-Embed-element" />

7. Drag the **Code Embed** element onto the page Footer
   <img alt="10-Webflow-Drag-Code-Embed-element" />

8. Insert snippet in the **Code Embed Editor** and click on **Save & Close**
   <img alt="11-Webflow-Insert-snippet-and-Save-and-Close" />

9. Click on **Publish**
   <img alt="12-Webflow-Click-on-Publish" />

#### C. For both options

1. Your AI support agent button will now be displayed on your **Webflow** website page
   <img alt="13-Webflow-Button" />

2. If you click on the button it will display the AI support agent dialogue
   <img alt="14-Webflow-Dialogue" />

Your AI support agent has now been added to your **Webflow** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to WebSim.ai
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-websim-ai

How to add your custom ChatGPT trained AI support agent to your WebSim.ai website.

You want to embed your custom trained AI support agent in your **Websim AI** website page. Here's how to add an AI support agent to Websim AI with SiteSpeakAI.

**Websim AI** allows you to create entire websites, games, or even marketplaces using simple AI prompts. It brings your creative ideas to life, whether it's a neon-colored marketing toolbox or a real-time AI news website. The platform's ability to generate dynamic websites with fresh content makes it perfect for educators or marketers looking to increase user engagement.

For this tutorial we are only going to look at adding Custom HTML to an existing website created with Websim AI. The creation of the website (using the AI prompts/command line) is not part of this tutorial, you can refer to the link below to display the Websim AI website for further info).

**Note**: We have used **gpt-5.1** to set up the website for this tutorial.

**Website URL:** [Websim AI](https://www.websim.com/)

## Add your AI support agent to your Websim AI website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Websim AI

1. Log into your **Websim AI** account, select **Home** and then in the right-hand sidebar, select **Projects** (ignore any other projects in the left side of the Home page - these are all Public projects)

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/5DSQjvI0xFU7F4Q5yhCWYWCfr0Jk3OzJm7vrZ30V.png)

2. Select your project that you want to add your AI support agent to

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/hk5nT71ktPLS8VPyvcg5USyQSMa5flYOp4rmkUYh.png)

3. Click in the command line containing "*What would you like to change?*"

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/gYBgGfn7GCKzrD1D21uDxbHWSZMMYJVbfcguCqZP.png)

4. Enter the following instruction in the command line:

**Insert Custom HTML code** "*--- insert the AI support agent js code copied at the beginnng of the tutorial ---*"

and click on the **Submit** button

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nXpN0X3zs3LSzIQ1AsMwfjpTPM3rRjNqdZDMgr0L.png)

5. Your AI support agent button will now be displayed on your **Websim AI** website page

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/2NGRylCHtPyaw8pcqM2QY4hFOjPiaZ2TCEeqxGHN.png)

6. If you click on the button it will display the AI support agent dialogue

![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Y8JIaNMTHwBIDcA5eCpN2BNVP5utwu2xM8Xi4zj6.png)

Your AI support agent has now been added to your **Websim AI** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to WebSite X5 Pro
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-website-x5-pro

How to add your custom ChatGPT trained AI support agent to your WebSite X5 Pro website.

You want to embed your custom trained AI support agent in your **WebSite X5 Pro** website page. Here's how to add an AI support agent to WebSite X5 Pro with SiteSpeakAI.

**Website X5 Pro** is an easy and intuitive offline software that allows anyone to independently create small or medium-sized websites, blogs, and online stores. More than 100 templates and lots of content will help you get started right away.

**Website URL**: [Website X5 Pro](https://www.websitex5.com/)

## Add your AI support agent to your **WebSite X5 Pro** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In WebSite X5 Pro

*Update: You can now easily install **SiteSpeak** in WebSite X5 using a dedicated [marketplace plugin](https://guide.websitex5.com/en/support/solutions/articles/44002627853?_ga=2.39827555.1356160208.1760534545-779015879.1760534176).*

1. Log into your **WebSite X5 Pro** application and select the project you want to add your support agent to. Click on **Next** to continue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Ee2NsRdY5CjP0Ktqj5nfkIapBKm0mhSPOqdVxQLX.png)

2. Select **Pages** on the left sidebar. **Please note** that if your website contains multiple pages you will have to add the support agent snippet to all pages. Adding an **HTML Code Object** in Website X5 Pro is per page and not website wide. Drag the **HTML Code Object** onto the page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3mKdj6CYSwEacxdqPaZDediu02lDxEbw67y8nmbG.png)

3. Insert your snippet into the **HTML Code Object** and click on **OK** to continue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/cjq6MkYwkUBr1bmYvqyJ0Gc49AzFJJf8CR5xZ9uJ.png)

4. Click on **Save** to save the changes to your project
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jmxvOcgSSqjQfoudjCXkWsKzTuP8bEGx3gN58l28.png)

5. Click on **Preview** to preview your webpage
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DpkJwFjp4g7NTiSsOPj16w6InzEpjc7QIxHJYDEH.png)

6. The AI support agent button displays correctly on the Preview page but clicking on it won't display the support agent dialogue. To see the dialogue box, select the **Preview the Website on another browser** option and select your browser of choice
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/BNRD3d0dLnVvRro8h7lhyw0TbJJmqG67Nr9aKRel.png)

7. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/cdF6vvAHE9FvqwMMsz7AqFTY61aGXW95Og62CqQk.png)

Your AI support agent has now been added to your **WebSite X5 Pro** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Webstarts
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-webstarts

How to add your custom ChatGPT trained AI support agent to your Webstarts website.

You want to embed your custom trained AI support agent in your **webstarts** website page. Here's how to add an AI support agent to Webstarts with SiteSpeakAI.

**Webstarts** is a web hosting and website builder platform. It provides tools for creating and hosting websites without requiring coding knowledge.

**Website URL**: [Webstarts](https://www.webstarts.com/)

## Add your AI support agent to your Webstarts website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Webstarts

1. Log into your **Webstarts** account and on the dashboard, select the site that you want to add your support agent snippet to and click on **Edit Site**

<img alt="1" />

2. On the Editor page, click on **Add** in the leftside toolbar to add a new element to your website

<img alt="2" />

3. Scroll down on the list of elements and select **Embed Code**

<img alt="3" />

When adding your snippet you have 2 choices as where to insert it, i.e. site wide (View Site Head) or per page (View Page Head)

4. Insert your snippet in the **Edit HTML** edit text area and click on **Insert**

<img alt="4" />

5. Click on **View Site** to view your live website

<img alt="5" />

6. Your AI support agent button will now be displayed on your **Webstarts** website page

<img alt="6" />

7. If you click on the button it will display the AI support agent dialogue

<img alt="7" />

Your AI support agent has now been added to your **Webstarts** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Webstudio
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-webstudio

How to add your custom ChatGPT trained AI support agent to your Webstudio website.

You want to embed your custom trained AI support agent in your **Webstudio** website page. Here's how to add an AI support agent to Webstudio with SiteSpeakAI.

## Add your AI support agent to your Webstudio website

**Webstudio** is an open-source, no-code **visual web development platform** that bridges the gap between design and code. It empowers users to build fast, responsive websites using a visual editor - while still offering full control over HTML, CSS, and JavaScript when needed.

Webstudio is ideal for **designers, developers, startups, and agencies** who want the flexibility of code with the speed of no-code. It's especially appealing to those who value open-source tools, hosting freedom, and modern web standards.

**Website URL**: [Webstudio](https://webstudio.is/).

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Webstudio

1. Select your project on your dashboard and click on the **Webstudio** logo
   ![1 - Webstudio - Click on Webstudio Logo on Dashboard.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/XmUYfLI76bqn9sRa2xbCl77TmiGhrdnxXPG2DG0N.png)

2. Click on **Project Settings**
   ![2 - Webstudio - Click on Project Settings.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DVLWhVTEP1OduhR8Obtqx3fMMGlKs8Myjb9PXEBn.png)

3. Select General
   ![3 - Webstudio - Select General.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/upVKViDpEq3Oiu95h82xsek3slzrJli7y3NCT1En.png)

4. Scroll down and insert your snippet under **Custom Code**. When done click on **X** to close the Project Settings dialogue
   ![4 - Webstudio - Scroll down and insert snippet under Custom Code.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/NKxHSY3mUC602o7rDyrjAru7r5EavPZu5hsdmj0J.png)

5. Click on **Publish** to publish your changes to your live website
   ![5 - Webstudio - Click on Publish.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Rr3YEoGWfnjCohNRZjiSMHKKX6Cf9qyiwqcX3kfZ.png)

6. Your AI support agent button will now be displayed on your website pages
   ![6 - Webstudio - Support Agent button.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DuCIfOaxXGG9DwiBSl1NVXAb2HmUjsmJWFdgaCYH.png)

7. If you click on the button it will display the AI support agent dialogue
   ![7 - Webstudio - Support Agent dialogue.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/sCCjUwKG7SDeDLXZNZDxQze2wtbnM6Xlovz99CwS.png)

Your AI support agent is now added to your **Webstudio** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to WebWave
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-webwave

How to add your custom ChatGPT trained AI support agent to your WebWave website.

You want to embed your custom trained AI support agent in your WebWave website page. Here's how to add ChatGPT to WebWave with SiteSpeakAI.

**WebWave** is a cloud-based software that helps users design, edit, manage and launch custom websites. With its intuitive drag-and-drop feature, building a website is easy and straightforward. You can either start from scratch or choose from one of their pre-designed templates and customize it to meet your specific requirements.

**Website URL**: [WebWave](https://webwave.me/)

## Add your AI support agent to your WebWave website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In WebWave

1. Login to WebWave and on your dashboard select **Edit Website** for the website you want to add your snippet to

![1 - Dashboard (WebWave).png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kuJhJxprMFgJX3SSrqEtmJdPmZuFWvEMCzYgrTXB.png)

2. You can place your AI support agent button on a specific page or on each page in your website

a. Specific page

* On the website editor page, select the page and drag the **Custom HTML** element onto the header of your page

![2a - Select a specific page (WebWave).png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VefnJtSO63uivSsCgAoJPlqRyXnrxBRPwZpL4quo.png)

*

![2a.1 - Select the Custom HTML element (WebWave).png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ncLd41LRMrRcOmG7vvmFwiIRujhcAwcm2giGuvBB.png)

*

![2a.2 - Drag the Custom HTML element onto page (WebWave).png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/y7nP4WTnhTr3PNIYMKieZdoryNw7ZXSOAb9jXqZh.png)

b. Global (on each page)

* Select **Shared elements** on the Webpages dropdown list and drag the Custom HTML element onto the area provided

![2b - Select Shared elements (WebWave).png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/cmHZmnyyf0eRX5vzdhsDDcBsyT3sUwCkpyaHDPSO.png)

*

![2b.1 - Drag the Custom HTML element onto the Shared elements area (WebWave).png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/rbdiZJpLt6BbyzgpUbRlIaBOL8jTWLCNAHzLxiPz.png)

3. Click on the Custom HTML element to open the HTML editor, replace the existing content with your snippet and click on **Change code**

![3. Insert snippet and Change code (WebWave).png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/8UJZhziZJZA7cdc5FkYNGIzswoZHbuZmhMHxTPLM.png)

4. Click on Publish to publish your website (***Note***: Previewing your page won't display the AI support agent button)

![4. Publish website (WebWave).png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/BcwMDRb81Uzhv6OcHXChlpQcvrWowKvUTOtxDnt6.png)

5. Your AI support agent button will now be displayed on your WebWave website

![5. Chatbot button on website](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/PyzqtiOGfrrjz1TpTKBc9rPevQMU2ifwv4zIi7g8.png)

6. If you click on the button it will display the AI support agent dialogue

![6. Chatbot dialogue on website](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/rxAsNVrqUbFxS20fKre5DVskgPJUZXbFEiERVZnh.png)

Your AI support agent is now added to your WebWave website and your customers can start interacting with it.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Weebly
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-weebly

How to add your custom ChatGPT trained AI support agent to your Weebly website.

You want to embed your custom trained AI support agent in your Weebly website. Here's how to add ChatGPT to Weebly with SiteSpeakAI.

**Weebly** is a popular, cloud-based web hosting and website creation service owned by **Square**. It lets people with no coding skills build standard websites, blogs, or online stores using an easy drag-and-drop editor.

**Website URL**: [Weebly](https://www.weebly.com/)

## Add your AI support agent to your Weebly website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Weebly

On your dashboard select **Edit site**

![Weebly - Select Edit site on your dashboard.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EBqAqFERLkuJOVmRakseFL5mGmJmKHj6A1h5vTUr.png)

1. Drag the **Embed Code** element to your website page. **Note!** This must be done for each page you want to add your AI support agent to.

![Weebly - Drag Embed Code to website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/y2aEerbFWzmwzWDydbtbFtPuezXoDVJhfqv7BSJg.png)

![Weebly - Embed Code element on website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VogqnUXaIPZBYUn0MFyduaqRt8PnPX8yiSoqOLUN.png)

2. Click on the **Embed Code** element to open the **Custom HTML** editor.

![Weebly - Embed Code modal on website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GFv1OAoldIOqv3XUfBkRpitqc3QaUG6wj0FIIqLd.png)

3. Paste your snippet in the editor text box and click on **Publish** to view your live website page.

![Weebly - Snippet Code in Embed Code modal on website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jrEVsfWQgkBpM6sOsR065Opkxx3SS1Y6iKa8GOPK.png)

4. Your AI support agent button will now be displayed on your website page.

![Weebly - Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/QsojnRZu6PBax7eoCg2Z5246KiCfAWYnj7Iq3DU8.png)

5. If you click on the button it will display the AI support agent dialogue.

![Weebly - Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/8ZPaB8iBdmOQSlSkU3jj17IpgXQ1hMuyNTGrdCHT.png)

Your AI support agent is now added to your **Weebly** website and your customers/visitors can start interacting with it.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to WeWeb
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-weweb

How to add your custom ChatGPT trained AI support agent to your WeWeb website.

You want to embed your custom trained AI support agent in your **WeWeb** website page. Here's how to add an AI support agent to WeWeb with SiteSpeakAI.

[WeWeb](https://www.weweb.io/) is a no-code frontend builder that allows users to create well constructed web applications by connecting to any backend or data source.

**Website URL**: [WeWeb](https://www.weweb.io/)

## Add your AI support agent to your **WeWeb** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In WeWeb

1. Log into your **WeWeb** account and on the dashboard select the project you wish to edit

<img alt="1-WeWeb-Dasboard-select-project-to-edit" />

2. **Please Note**! There are 2 ways to add your AI support agent to your WeWeb website:

   a. Adding custom code manually in the project editor or <br />
   b. Using the **FullStack AI prompt bar** in the project editor.

We are going to go through both options (for both options you will have to **Deploy** your website to see the AI support agent dialogue on your live website):

#### A. Adding custom code manually in the project editor

1. On the project editor page, ensure that the **Edit** option is selected and click on **Settings** in the left side toolbar

<img alt="2-WeWeb-Select-Settings" />

2. Select **Custom scripts** in the left side toolbar

<img alt="3-WeWeb-Select-Custom-scripts" />

Note that the **Project settings - Custom scripts** dialogue box states that *'Custom code and scripts will only appear on the deployed project'* meaning that you will have to **Deploy** your project to see your AI support agent dialogue on your live website page, it is not displayed on the Preview page.

3. Insert your snippet under **Head** or **Body**. A warning will appear to inform you that there is a validation error (*Validation error: Your next deploy may fail.*) but you can ignore the error. Click on **Update custom code** to save your code

<img alt="4-WeWeb-Insert-snippet" />

4. Click on **Deploy** to deploy your website

<img alt="5-WeWeb-Click-on-Deploy" />

#### B. Using the FullStack AI prompt bar

1. Log into your WeWeb account as mentioned above and select your project to edit.

We are going to use WeWeb’s **FullStack AI prompt bar** to insert your SiteSpeakAI agent snippet site‑wide for us.

The prompt consists of an instruction, e.g. "Please add the following JS snippet to my app code:" followed by the snippet code as copied at the beginning of this tutorial. Note that the ##### part of the JS file URL will be your specific js script filename (36 characters including the 4 dashes).

**Tip**: Create the complete prompt in a text editor and then paste this into the AI prompt bar.

```
Please add the following JS snippet to my app code:

<!-- SiteSpeakAI - Add ChatGPT to your website -->
	<script type="text/javascript">(function()	{d=document;s=d.createElement("script");
	s.src="https://sitespeak.ai/chatbots/#########################.js";
	s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<!-- / SiteSpeakAI -->
```

2. On the project editor page, ensure that the **AI** option is selected.

<img alt="6-WeWeb-Select-AI-option" />

Please note: At the moment the AI part of WeWeb is still in Alpha status, so it could inform you that it could not perform the task and then create a whole set of manual instructions for you to add it yourself. This is then basically the same process as described in first option where we added it manually in the project editor. You can clear the message and retry the process or just refer to Option A.

3. Make sure the `Fullstack` option is selected, insert the prompt into the **AI prompt bar** and click on **Send** (or just press **Enter**)

<img alt="7-WeWeb-Insert-prompt" />

It will go through a whole process of creating a workflow and inserting your snippet.

4. Finally it will indicate that the process was completed and then you can **Deploy** (Publish) your website.

<img alt="8-WeWeb-Click-on-Deploy-after-AI" />

#### C. For both options

1. Your AI support agent button will now be displayed on your **WeWeb** webpage
   <img alt="9-WeWeb-Button" />

2. If you click on the button it will display the AI support agent dialogue
   <img alt="10-WeWeb-Dialogue" />

Your AI support agent has now been added to your **WeWeb** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Wix
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-wix

How to add your custom ChatGPT trained AI support agent to your Wix website.

Adding a custom trained AI support agent to your **Wix** website enables you to provide instant customer support, answer common questions, and capture leads around the clock. Here's how to add an AI support agent to Wix with SiteSpeakAI.

⁠**Wix** is a cloud-based website builder that allows anyone to create a professional website without any coding knowledge. It operates on a drag-and-drop system, meaning users can visually piece together their web pages using text, images, videos, and various pre-built elements.

**Website URL**: [Wix](https://www.wix.com/)

<Frame>
  <iframe title="How to add an AI support agent to Wix" />
</Frame>

<Accordion title="Video transcript">
  In this tutorial, I'll show you how to add a ChatGPT AI support agent to your Wix website. We'll create and train it on your own content, then add it to your site so it can answer your visitors' questions around the clock.

  Before you can add your agent to Wix, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your visitors will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions, and you can add it to your Wix website.

  Once your agent is trained, open Install Agent in SiteSpeak and copy your JavaScript snippet. Adding custom code to Wix needs a Premium plan, and your site must be published to a domain. In the Wix Editor, click Add Elements, the plus icon on the left. Select Embed Code, then choose Custom Code under Marketing Tools. In the Custom Code dialog, click Add Code in the Head section. Paste your SiteSpeakAI snippet into the Add Custom Code box. Give it a name e.g.  "SiteSpeakAI Support Agent", choose to load it on all pages, then click Apply. Click Publish to make your changes live. The chatbot only shows on your published site, not in the editor preview. Your AI support agent button now appears on your live Wix website. Visitors can click it to open the chat and start asking questions, around the clock.

  And that's it. Your ChatGPT AI support agent is now live on your Wix site, trained on your content and ready to help your visitors.
</Accordion>

<Warning>
  Adding custom code to your Wix website requires a **Premium plan**. Your site must also be published and connected to a domain for the AI support agent to appear on your live site.
</Warning>

## Add your AI support agent to your Wix website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Wix

1. In the Wix Editor, click **Add Elements** (the plus icon)

<img alt="1-Wix-Add-a-new-element" />

2. Select **Embed Code**, then choose **Custom Code** under **Marketing Tools**

<img alt="2-Wix-Add-the-Custom-Code-Element" />

3. Click **Add Code** in the **Head** section of the Custom Code dialog

<img alt="3-Wix-Custom-Code-Modal" />

4. Paste your AI support agent code snippet into the **Add Custom Code** modal
   * Give it a name to identify it easily (here we gave it "MuconSA Customer Support" as the name for the purpose of this tutorial)
   * Choose whether to display on **All pages** or a specific page

5. Click **Apply** to save your changes

<img alt="4-Wix-Custom-Code-Entry" />

<Note>
  The AI support agent will only appear on your published site, not in the Wix Editor preview. You must publish your changes to see the AI support agent.
</Note>

6. Click on **Publish** to publish your changes to your live website

<img alt="5-Wix-Publish-site" />

7. Your AI support agent button will now appear on your live website

<img alt="6-Wix-Chatbot-Button" />

8. Visitors can click the button to open the AI support agent dialogue and start asking questions

<img alt="7-Wix-Chatbot-Dialogue" />

## Alternative: Using an HTML embed

If you prefer to embed the AI support agent in a specific location on your page rather than as a floating widget:

1. In the Wix Editor, click **Add Elements** > **Embed Code** > **Embed HTML**
2. Drag the HTML widget to where you want the AI support agent to appear
3. Click **Enter Code** and paste the iFrame embed code from SiteSpeakAI
4. Resize the embed box as needed
5. Publish your site

This method is useful if you want the AI support agent to appear inline within your page content rather than as a floating button.

## Mobile responsiveness

The SiteSpeakAI support agent widget is fully responsive and works on all devices. On mobile, the chat button automatically adjusts its position to avoid interfering with navigation elements. You can customize the mobile position offset in your SiteSpeakAI dashboard if needed.

## Troubleshooting

**AI support agent not appearing after publishing?** Clear your browser cache and reload the page. Wix may cache your site for performance.

**Custom Code option not available?** Make sure you have a Wix Premium plan. Custom code features are not available on free Wix sites.

**Chatbot appears in wrong position?** Adjust the position and offset settings in your SiteSpeakAI appearance settings. You can position the widget in any corner and set custom margins.

**Preview not showing the chatbot?** This is expected behavior. Wix's preview mode doesn't load custom code. You must publish your site to see the chatbot.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add ChatGPT to WordPress
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-wordpress

How to add your custom ChatGPT trained AI support agent to your WordPress website.

You want to embed your custom trained AI support agent in your WordPress website. Here's how to add ChatGPT to WordPress with SiteSpeakAI.

**WordPress** is a free, open-source content management system (CMS) that allows you to build and manage websites without needing to know how to code.

**Website URL**: [WordPress](https://wordpress.org/)

<Frame>
  <iframe title="How to add an AI chatbot to WordPress" />
</Frame>

<Accordion title="Video transcript">
  In this tutorial, I'll show you how to add a ChatGPT AI support agent to your WordPress site. We'll create and train it on your own content, then add it to a page so it can answer your visitors' questions around the clock.

  Before you can add your AI support agent to WordPress, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your visitors will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions about your site, and you can add it to your WordPress website.

  Once your agent is trained, open Install Agent in SiteSpeak and copy your JavaScript snippet. For WordPress, the quickest route is our official SiteSpeakAI plugin from the WordPress plugin directory. If you'd rather not use a plugin, you can paste this snippet manually, which I'll show you now. In your WordPress dashboard, click on Pages, and open the page where you want the AI support agent to appear. At the bottom of the page, type a forward slash to bring up the block selector, and choose Custom HTML. Paste your SiteSpeakAI snippet into the Custom HTML block, then click Update to save the page.

  And that's it. Your ChatGPT AI support agent is now live on your WordPress site, trained on your content and ready to help your visitors.
</Accordion>

*Update: You can now use the SiteSpeakAI WordPress Plugin to add ChatGPT to your WordPress website: [https://wordpress.org/plugins/sitespeakai/](https://wordpress.org/plugins/sitespeakai/)*

### Add your AI support agent to your WordPress website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In WordPress

1. Click on **Pages**

![2-Untitled.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/hzKsdLaykk3JDYyJnzpePDBoSPsTYGkCuGtRERZR.png)

2. Select the page you would like to have the AI support agent displayed on

3. At the bottom of the page, type **/** to bring up the block selector and choose **Custom HTML**

![3-Untitled.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HqsvZPq4tkIsWeBQGbBEFoNqucz5h0udscXFpW1v.png)

4. Paste the SiteSpeakAI code snippet

![4-Untitled.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DAn8bJEZY04jFtEplofxCtPmwuzsw2Y0lr7L0k1S.png)

5. Update the page to save your changes

Your AI support agent will now be displayed on your WordPress website.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Zegashop
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-zegashop

How to add your custom ChatGPT trained AI support agent to your Zegashop website.

You want to embed your custom trained AI support agent in your **Zegashop** website page. Here's how to add ChatGPT to Zegashop with SiteSpeakAI.

**Zegashop** is an all-in-one, AI-powered e-commerce platform and website builder. It lets users create online stores, manage product listings, process orders, and run retail businesses without needing coding skills

**Website URL**: [Zegashop](https://www.zegashop.com/)

## Add your AI support agent to your **Zegashop** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Zegashop

1. Log into your **Zegashop** account and on the dashboard, select **Configure**
   ![1 - Zegashop - Select Configure on dashboard.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FoFDju4Vz7tYgZBN5yqCYdY7LKjLIZalhUgztHXj.png)

2. Select **General** under Configure
   ![2 - Zegashop - Select General under Configure.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/gfyfZ6JFWXDQCzvUcER7mx4Uhiggti6sfbJm8kKr.png)

3. Select the **Content** tab, insert your AI support agent snippet in the **Custom Javascript** Scripts box and click on **Save**
   ![3 - Zegashop - Insert your snippet and click on Save.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nT21mjsdphpiCU7IehoF03RaBsh03UpE3IGCgIOP.png)

4. Voila! Your AI support agent button will now be displayed on your **Zegashop** website
   ![4 - Zegashop - Button on your webpage](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/8hFaFgU8KPqW7fwSY0n3bHJAGW7o2iYK7eW01f4P.png)

5. If you click on the button it will display the AI support agent dialogue
   ![5 - Zegashop - Chatbot dialogue on your webpage](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/HCCW4MmY4DQqJs4GU87WTpVQwaXU8OccPfXIGka4.png)

Your AI support agent is now added to your **Zegashop** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to ZipWP
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-zipwp

How to add your custom ChatGPT trained AI support agent to your ZipWP website.

You want to embed your custom trained AI support agent in your **ZipWp** website page. Here's how to add ChatGPT to ZipWp with SiteSpeakAI.

**ZipWP** is an artificial intelligence-driven website builder designed specifically for WordPress. By typing a simple text prompt describing your business or idea, it generates a fully functional multi-page WordPress draft - including design layouts, copywriting, and images - in less than a minute.

**Website URL**: [ZipWP](https://zipwp.com/)

## Add your AI support agent to your **ZipWp** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In ZipWp

1. Log into your **ZipWp** account and on the dashboard under **Pages**, select **All Pages**

![Select All Pages](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/srSAtzadQwE865ATOBgLhjzImAh0gNpGBjhPA99G.png)

2. Select **Edit** for the page you want to add your AI support agent to

![Select edit to edit page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ctj3OQ1xHeCIPJqViR0D9jpSeeipQ7OGcAgtyczI.png)

3. In the page editor screen, select **Toggle block inserter**

![Select Toggle block inserter](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uQzSX8FazDhwDevKQRLeb77cLaDmSKNuC4i6lM5p.png)

4. Select the **Blocks** tab, scroll down on the Blocks list to the **WIDGETS** group and drag the **Custom HTML** block onto your page in the Header section

![Drag Custom HTML onto your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VaQN58nDyMo2YpMBgsbvmyjsnLdIlK4AXqzL8Ahq.png)

5. The Custom HTML block on your page

![Custom HTML on your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ojan2YRYmuiADghjztEswFHuYc6IHxzUBtISnkpW.png)

6. Insert your AI support agent snippet code into the **Custom HTML** text box and click on **Save**

![Insert your snippet in the Custom HTML text box and click on Save](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/szRy7HWcxkggoXXjAzy3uhqCpY5BPyAMp8p6bJjZ.png)

7. Your AI support agent button will now be displayed on your **ZipWp** website page

![Chatbot button on ZipWp page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/fRup5Ae1JclhgSZAx2hw7VdEKoCXwlpcs3slbrfp.png)

8. If you click on the button it will display the AI support agent dialogue

![Chatbot dialogue on ZipWp page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vufCG7Up9gLds4LRUG7CvHliMc4JiNvYphikRtSr.png)

Your AI support agent is now added to your **ZipWp** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to Zite
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-zite

How to add your custom ChatGPT trained AI support agent to your Zite web app.

You want to embed your custom trained AI support agent in your **Zite** web app page. Here's how to add an AI support agent to Zite with SiteSpeakAI.

**Zite** is an AI‑powered no‑code app builder that lets you quickly create business apps, workflows, and databases without writing code.

**Website URL**: [Zite](https://www.zite.com)

## Add your AI support agent to your **Zite** web app

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In Zite

1. Log into your **Zite** account and on the dashboard select the web app you want to edit

<img alt="1-Zite-Dashboard-select-web-app-to-edit" />

We are going to use Zite’s **AI prompt bar** to insert your SiteSpeakAI agent snippet site‑wide.

The prompt consists of an instruction, e.g. “Please add the following JS snippet to my app code:” followed by the snippet code as copied at the beginning of this tutorial.

<Note>
  Note that the ########-####-####-####-############.js part of the JS file URL will be replaced by your specific js script filename (36 characters including the 4 dashes).

  **Tip**: Create the complete prompt in a text editor and then paste this into the AI prompt bar.
</Note>

```
Please add the following JS snippet to my app code:

<!-- SiteSpeakAI - Add ChatGPT to your website -->
	<script type="text/javascript">(function()	{d=document;s=d.createElement("script");
	s.src="https://sitespeak.ai/chatbots/########-####-####-####-############.js";
	s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<!-- / SiteSpeakAI -->

```

2. Insert the prompt in the **AI prompt bar** and click on **Send**

<img alt="2-Zite-Insert-prompt-and-Send" />

3. If all goes well, the **Zite AI builder** will indicate "*Your SiteSpeak AI chatbot is all set up and ready to go!*" and also display the support agent button preview

<img alt="3-Zite-Success-msg-and-button-preview" />

4. Click on **Publish** to publish your changes

<img alt="4-Zite-Publish" />

5. Your AI support agent button will now be displayed on your **Zite** web app page

<img alt="5-Zite-Button" />

6. If you click on the button it will display the AI support agent dialogue

<img alt="6-Zite-Dialogue" />

Your AI support agent has now been added to your **Zite** web app page and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# How to add a ChatGPT AI support agent to ZOHO Sites
Source: https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-zoho

How to add your custom ChatGPT trained AI support agent to your ZOHO Sites website.

You want to embed your custom trained AI support agent in your ZOHO Sites website. Here's how to add ChatGPT to ZOHO Sites with SiteSpeakAI.

**Zoho Sites** is a no-code Website Builder that lets you create and launch responsive websites using simple drag-and-drop tools and pre-designed templates. It is built for beginners and businesses who want a professional web presence without writing code.

**Website URL**: [Zoho Sites](https://www.zoho.com/sites/)

## Add your AI support agent to your Zoho Sites website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img alt="Copy code snippet" />

### In ZOHO Sites

On your dashboard select the website to edit under **My Sites**

![ZOHO - 1. Dashboard select website to edit.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/FVBUWUfr4fJtK1Gb2qypHZfmS4NtqJBkPeIAwrNy.png)

1. Select **Settings** in the website editor

![ZOHO - 2. Select Settings on Website editor.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/itxFOUT9vQj3eXqpM4SmaIaZhVStBBQAUhTNcAhM.png)

2. Under **GENERAL** select **Header and Footer Code**

![ZOHO - 3. Select Headr and Footer Code.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/hNCLCX23a7XXZvk2NaFAKEUgUS0ASEdKWpaRyLMn.png)

3. Insert your snippet in the **Header Code** part under **General Settings** and click on **Save** to save your code

![ZOHO - 4. Insert snippet under Header Code.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Yi5UV2LXgNxyYxVHrGrJrWkVjBifdqhe8PV8BlFa.png)

4. Click on **Back to Builder** to return to the website editor

![ZOHO - 5. Back to Builder.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iKSxzqgxF1D0HedfBCk69I1APuVzEiOY04rnHgJA.png)

5. Select **Publish** to publish your website to view your AI support agent. ***Note!*** **Preview** does not display your AI support agent.

![ZOHO - 6. Select Publish to publish website.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ZKJ8zdi5QC7x51rwhSdjV0XvY62djNYU5PPvrxF0.png)

6. Your AI support agent button will now be displayed on your website page

![ZOHO - 7. Chatbot button on website.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/azbAdgzkUTNFm6ugjgV2BJCkPNX63nXgcNmXFJZW.png)

7. If you click on the button it will display the AI support agent dialogue

![ZOHO - 8. Chatbot dialogue on website.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ue1VwbSxZ6DimmiSeC7BVRiRMdOKLz4srWK8iQLu.png)

Your AI support agent is now added to your ZOHO Sites website and your customers can start interacting with it.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Install Your Chatbot
Source: https://sitespeak.ai/docs/installing-your-chatbot/overview

Deploy your SiteSpeakAI chatbot on any website or platform with our easy installation guides.

SiteSpeakAI can be installed on virtually any website or platform. Choose your platform below to get step-by-step installation instructions.

## Quick Install (Any Website)

The fastest way to add your chatbot to any website is with our embed script. Simply add this code to your website's HTML:

```html theme={null}
<script type="text/javascript">
  (function(){
    d=document;
    s=d.createElement("script");
    s.src="https://sitespeak.ai/chatbots/YOUR_CHATBOT_ID.js";
    s.async=1;
    d.getElementsByTagName("head")[0].appendChild(s);
  })();
</script>
```

Replace `YOUR_CHATBOT_ID` with your actual chatbot ID, which you can find in your [dashboard](https://sitespeak.ai/dashboard) under **Install Agent**.

<Note>
  Does your website use a strict Content Security Policy without `'unsafe-inline'`? The widget supports CSP nonces. See the [CSP integration guide](/docs/advanced/content-security-policy) for the one-line addition to the snippet.
</Note>

<Note>
  Using the **Auto** theme but want one page to always show the light or dark version? Add `s.dataset.theme="light";` (or `"dark"`) to the snippet before the `appendChild` line, or put `data-theme="light"` on a plain script tag. See [theme settings](/docs/managing-your-chatbot/appearance#pinning-the-theme-on-a-specific-page).
</Note>

## Choose Your Platform

<CardGroup>
  <Card title="Website Builders" icon="browser" href="/docs/installing-your-chatbot/webflow">
    Webflow, Framer, Wix, Squarespace, Carrd, Bubble, and more
  </Card>

  <Card title="E-commerce" icon="cart-shopping" href="/docs/installing-your-chatbot/shopify">
    Shopify, WooCommerce, BigCommerce, Magento, and more
  </Card>

  <Card title="CMS Platforms" icon="file-lines" href="/docs/installing-your-chatbot/wordpress">
    WordPress, Ghost, Joomla, Drupal, and more
  </Card>

  <Card title="Frameworks & Hosting" icon="code" href="/docs/installing-your-chatbot/react">
    React, Next.js, Vue, Angular, Vercel, Netlify, and more
  </Card>

  <Card title="Communication Tools" icon="comments" href="/docs/installing-your-chatbot/slack">
    Slack, Discord, Microsoft Teams, WhatsApp, and more
  </Card>

  <Card title="Custom HTML" icon="code" href="/docs/installing-your-chatbot/html">
    Any website with HTML access
  </Card>
</CardGroup>

## Need Help?

If you don't see your platform listed or need assistance with installation, [contact our support team](mailto:support@sitespeak.ai) and we'll help you get set up.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Connect SiteSpeakAI to Drip
Source: https://sitespeak.ai/docs/integrations/drip

Automatically sync leads captured by your chatbot to your Drip account as subscribers.

SiteSpeakAI integrates with Drip to automatically create and update subscribers in your Drip account when leads are captured by your chatbot. Each lead is also tagged and recorded as a "Lead captured" event, so you can trigger Drip workflows automatically.

## Connect Drip

<Steps>
  <Step title="Go to Integrations">
    In your chatbot dashboard, go to **Configuration > Settings** and click the **Integrations** tab.
  </Step>

  <Step title="Find Drip">
    Locate the **Drip** integration card.
  </Step>

  <Step title="Click Connect">
    Click the **Connect** button.
  </Step>

  <Step title="Authorize">
    A popup will appear asking you to sign in to your Drip account and authorize SiteSpeakAI to connect.
  </Step>
</Steps>

<Frame>
  <img alt="Drip integration card" />
</Frame>

<Frame>
  <img alt="Drip authorization" />
</Frame>

## Connected State

Once connected, you'll see:

* A green **Connected** badge
* Your Drip **Account** name

All newly captured leads will now automatically be added to your Drip account as subscribers.

<Frame>
  <img alt="Drip connected state" />
</Frame>

## Set a Tag

Every lead synced to Drip can be tagged, so you can segment your subscribers and trigger automations:

<Steps>
  <Step title="Find the Tag field">
    In the connected Drip card, locate the **Tag** field.
  </Step>

  <Step title="Enter a tag">
    Enter the tag to apply to each subscriber (for example, `SiteSpeak Lead`). Leave it empty to apply no tag.
  </Step>
</Steps>

Each captured lead is also recorded in Drip as a **"Lead captured"** event, which you can use as a trigger to start a Drip workflow or campaign.

<Frame>
  <img alt="Drip tag field" />
</Frame>

## Disconnect Drip

To disconnect the integration, click the **Disconnect** button in the Drip card. You can also use the main toggle at the bottom of the card to temporarily disable syncing without disconnecting.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Connect SiteSpeakAI to Google Chat
Source: https://sitespeak.ai/docs/integrations/google-chat

Let your team talk to your AI agent in 1:1 Google Chat direct messages using a private Chat app in your own Google Cloud project.

SiteSpeakAI integrates with Google Chat so your team can message your AI agent directly inside Google Workspace. The integration runs as a private Chat app in your own Google Cloud project, visible only to the people and groups you choose. This guide walks your Google Workspace admin through the setup.

<Note>
  Google Chat integration is available on **Pro** plans and higher.
</Note>

## How it works

* Your admin creates a **private Chat app** in your own Google Cloud project. There is no Google Workspace Marketplace listing and no Google review process.
* Your team members send the agent **1:1 direct messages** in Google Chat and get answers trained on your content.
* Conversations appear in your SiteSpeakAI **inbox**, and a human agent can take over any conversation. While a human has the conversation, the AI stays silent and the agent's replies are delivered into Google Chat.
* Your service account key is stored **encrypted** and is only used to send replies through the Google Chat API.

## Prerequisites

Before you begin, you'll need:

* A **Google Workspace account** and a user with **Google Workspace admin** access
* Access to the **Google Cloud console** (a free Google Cloud account is enough; this integration does not use paid Google Cloud services)
* A **SiteSpeakAI Pro plan or higher**, with a trained agent

## Create the Google Cloud project

<Steps>
  <Step title="Create a project">
    Go to [console.cloud.google.com](https://console.cloud.google.com) and create a new project, for example "SiteSpeak Chat". Once it opens, copy the **project number** from the dashboard. It's the numeric value, not the project ID.
  </Step>

  <Step title="Enable the Google Chat API">
    Go to **APIs & Services → Library**, search for **Google Chat API**, and click **Enable**.
  </Step>

  <Step title="Create a service account">
    Go to **IAM & Admin → Service Accounts** and click **Create service account**. Name it something like `sitespeak-chat` and click **Done**. No roles are needed.

    Open the new service account, go to the **Keys** tab, and choose **Add key → Create new key → JSON**. A `.json` key file downloads. You'll paste its contents into SiteSpeakAI in a later step.
  </Step>
</Steps>

<Warning>
  Some organizations disable service account key creation with an organization policy (`iam.disableServiceAccountKeyCreation`). If key creation is blocked, ask your organization administrator to allow it for this project.
</Warning>

## Configure the Chat app

<Steps>
  <Step title="Open the Chat API configuration">
    In the Google Cloud console, go to **APIs & Services → Google Chat API** and open the **Configuration** tab.
  </Step>

  <Step title="Fill in the app details">
    * **App name**: the name your team will see, for example your agent's name
    * **Avatar URL**: a public HTTPS image URL, for example your logo
    * **Description**: a short description of what the agent does
  </Step>

  <Step title="Enable interactive features">
    Turn on **Interactive features** and check **Receive 1:1 messages**. You can leave "Join spaces and group conversations" off; the integration currently supports direct messages.
  </Step>

  <Step title="Set the HTTP endpoint URL">
    Under **Connection settings**, choose **HTTP endpoint URL** and paste the webhook URL shown on your agent's **Deploy & Install → Google Chat** tab in SiteSpeakAI:

    ```
    https://sitespeak.ai/google-chat/events
    ```
  </Step>

  <Step title="Set the visibility">
    Under **Visibility**, make the app available to the people, groups, or your whole domain. Only the people you list here can message the agent.
  </Step>

  <Step title="Save">
    Click **Save**. If there is an **App status** toggle, set it to **Live**.
  </Step>
</Steps>

## Connect your agent

<Steps>
  <Step title="Open the Google Chat tab">
    In your SiteSpeakAI dashboard, open your agent and go to **Deploy & Install → Google Chat**.
  </Step>

  <Step title="Enter your project details">
    Paste your **project number** and the **full contents of the service account JSON key file** you downloaded earlier, then click **Connect**.

    SiteSpeakAI verifies the key with Google before saving it. The key is stored encrypted.
  </Step>

  <Step title="Test it">
    Open [chat.google.com](https://chat.google.com), start a new chat, search for your Chat app by name, and send it a message. Your agent replies with answers trained on your content.
  </Step>
</Steps>

## Taking over a conversation

Google Chat conversations appear in your agent's **Inbox**. Reply as a human from the inbox and your message is delivered into the Google Chat conversation. While live chat is active, the AI stays silent; end live chat (or let it expire) and the AI resumes answering.

## Troubleshooting

**The app doesn't appear in Google Chat search.** Check the app's **Visibility** settings in the Chat API configuration; only listed people and groups can find it. Changes can take a few minutes to appear.

**The app shows "not responding".** Check that the HTTP endpoint URL in the Chat app configuration exactly matches the webhook URL shown on the Google Chat tab in SiteSpeakAI.

**Connect fails with "Google rejected this service account key".** Make sure you pasted the full JSON key file for a service account in the same project as the Chat app, and that the key hasn't been deleted in the Google Cloud console.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Connect SiteSpeakAI to HubSpot
Source: https://sitespeak.ai/docs/integrations/hubspot

Automatically sync leads and contacts captured by your chatbot to HubSpot CRM.

SiteSpeakAI integrates with HubSpot to automatically create and update contacts in HubSpot when leads are captured by your chatbot. This keeps all your contacts in sync and up to date.

## Connect HubSpot

<Steps>
  <Step title="Go to Integrations">
    In your chatbot dashboard, go to **Configuration > Settings** and click the **Integrations** tab.
  </Step>

  <Step title="Find HubSpot">
    Locate the **HubSpot** integration card.
  </Step>

  <Step title="Click Connect">
    Click the **Connect** button.
  </Step>

  <Step title="Authorize">
    A popup will appear asking you to connect your SiteSpeakAI account to HubSpot. You can either:

    * **Create a new HubSpot account** if you don't have one
    * **Sign in to your HubSpot account** if you already have one
  </Step>
</Steps>

<Frame>
  <img alt="HubSpot integration card" />
</Frame>

<Frame>
  <img alt="HubSpot OAuth authorization" />
</Frame>

## Connected State

Once connected, you'll see:

* A green **Connected** badge
* Your HubSpot **Account** email
* Your HubSpot **Portal ID**

All newly captured leads will now automatically be added to your HubSpot contacts with a note containing the context of their conversation.

<Frame>
  <img alt="HubSpot connected state" />
</Frame>

## Enable Automatic Support Tickets

You can optionally enable automatic ticket creation:

<Steps>
  <Step title="Find Create Tickets">
    In the connected HubSpot card, locate the **Create Tickets** section.
  </Step>

  <Step title="Toggle On">
    Enable the toggle to automatically create a support ticket in HubSpot when a lead is captured.
  </Step>
</Steps>

When enabled, each captured lead will also create a support ticket containing the chat history as context, so your support team can easily follow up.

<Frame>
  <img alt="HubSpot Create Tickets option enabled" />
</Frame>

## Disconnect HubSpot

To disconnect the integration, click the **Disconnect** button in the HubSpot card. You can also use the main toggle at the bottom of the card to temporarily disable syncing without disconnecting.

Disconnecting also stops the [HubSpot Meetings booking action](/docs/tools-and-actions/hubspot-meetings) if your chatbot uses it. The action stays installed. To restore bookings, open the action and click **Reconnect HubSpot Account**.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Integrations
Source: https://sitespeak.ai/docs/integrations/overview

Connect SiteSpeakAI to your favorite tools and platforms to automate workflows and sync data.

SiteSpeakAI integrates with popular tools and platforms to help you automate workflows, sync leads, and extend your chatbot's capabilities.

## Available Integrations

<CardGroup>
  <Card title="Google Chat" icon="comments" href="/docs/integrations/google-chat">
    Let your team talk to your agent in 1:1 Google Chat direct messages.
  </Card>

  <Card title="HubSpot" icon="hubspot" href="/docs/integrations/hubspot">
    Sync leads and contacts directly to HubSpot CRM.
  </Card>

  <Card title="Drip" icon="droplet" href="/docs/integrations/drip">
    Sync leads to your Drip account as subscribers.
  </Card>

  <Card title="Zapier" icon="zap" href="/docs/integrations/zapier">
    Connect to 5,000+ apps with Zapier automation.
  </Card>
</CardGroup>

To let visitors book meetings on a HubSpot meeting link, add the [HubSpot Meetings action](/docs/tools-and-actions/hubspot-meetings).

## Coming Soon

* **Salesforce** - Sync leads to Salesforce CRM
* **Make (Integromat)** - Advanced automation workflows
* **Mailchimp** - Add leads to email marketing lists

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Connect SiteSpeakAI to WhatsApp Business
Source: https://sitespeak.ai/docs/integrations/whatsapp

Enable your AI chatbot to respond to WhatsApp messages using the WhatsApp Business API.

SiteSpeakAI integrates with WhatsApp Business to let your AI chatbot respond to customer messages on WhatsApp. This guide walks you through setting up the WhatsApp Business API and connecting it to your SiteSpeakAI chatbot.

<Frame>
  <iframe title="How to connect an AI chatbot to WhatsApp Business" />
</Frame>

<Accordion title="Video transcript">
  In this tutorial, I'll show you how to connect your SiteSpeakAI chatbot to WhatsApp Business, so it can answer customer messages on WhatsApp automatically. WhatsApp is available on our Pro Plus and Business plans.

  Before you can connect your agent to WhatsApp, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your visitors will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions, and you can connect it to WhatsApp.

  Now let's connect your agent to WhatsApp. Head to developers.facebook.com and log in, then create a new app. Give it a name, and under Add Use Cases, filter by Others and choose Other. Click Next. Select the Business app type, then click Next and create your app. In your app dashboard, scroll down to Add products and click Set up on the WhatsApp card. You'll be asked to select or create a Meta Business account, which the WhatsApp API requires. Open the API Setup page, click Add phone number, and verify it with the code Meta sends you by SMS or call. While you're here, copy your Phone Number ID shown below the number. You'll need it in a moment.

  Back in SiteSpeak, open Deploy and Install and click the WhatsApp tab. Paste in your Phone Number ID, your permanent access token, which you generate from a System User in Meta Business Settings, and your App Secret from App Settings, Basic. Then click Connect, and SiteSpeak gives you a Webhook URL and a Verify Token. Now configure the webhook back in Meta. Go to WhatsApp, then Configuration, and paste in the Webhook URL as the Callback URL and the Verify Token. Click Verify and save. Finally, under Webhook fields, find the messages field and click Subscribe. Send a message to your WhatsApp Business number to test it, and your agent will reply automatically.

  And that's it. Your SiteSpeakAI agent is now connected to WhatsApp Business, trained on your content and ready to answer your customers around the clock.
</Accordion>

<Note>
  WhatsApp integration is available on **Pro Plus** and **Business** plans.
</Note>

## Prerequisites

Before you begin, you'll need:

* A **Meta Business account** (free to create)
* A **phone number** that can receive SMS or voice calls for verification
* A **SiteSpeakAI Pro Plus or Business plan**

<Warning>
  The phone number you use for WhatsApp Business cannot be the same as an existing personal WhatsApp account. You'll need a dedicated business number or a new number.
</Warning>

## Set Up Meta Developer App

<Steps>
  <Step title="Create a Meta Developer account">
    Go to [developers.facebook.com](https://developers.facebook.com) and log in with your Facebook account. If you don't have a developer account, you'll be prompted to create one.
  </Step>

  <Step title="Create a new app">
    Click **My Apps** in the top right, then **Create App**. Give it a name (e.g., "My Business WhatsApp Bot"), and click **Next**. Under **Add Use Cases** filter by **Others**, then select **Other**. Click **Next**.

    <Frame>
      <img alt="HubSpot integration card" />
    </Frame>
  </Step>

  <Step title="Select an app type">
    Select the **Business** app type and click **Next**. Then select **Create App** on the next screen.

    <Frame>
      <img alt="HubSpot integration card" />
    </Frame>
  </Step>

  <Step title="Add WhatsApp product">
    In your app dashboard, scroll down to **Add products** and click **Set up** on the **WhatsApp** card.

    <Frame>
      <img alt="HubSpot integration card" />
    </Frame>
  </Step>

  <Step title="Select or create a Meta Business Account">
    You'll be prompted to select an existing Meta Business Account or create a new one. This is required to use the WhatsApp Business API.
  </Step>

  <Step title="Add a phone number">
    In the WhatsApp section of your app, go to **API Setup**. Click **Add phone number** and follow the verification process. You'll receive a code via SMS or voice call.

    <Frame>
      <img alt="HubSpot integration card" />
    </Frame>
  </Step>
</Steps>

## Get Your API Credentials

Once your phone number is verified, you'll need three pieces of information from the Meta Developer dashboard:

<Steps>
  <Step title="Get your Phone Number ID">
    In **WhatsApp > API Setup**, find your verified phone number. The **Phone Number ID** is displayed below the number (a long numeric string like `123456789012345`).
  </Step>

  <Step title="Generate a Permanent Access Token">
    By default, Meta provides a temporary access token that expires in 24 hours. For production use, you need a permanent token:

    1. Go to **Business Settings** at [business.facebook.com/settings](https://business.facebook.com/settings)
    2. Navigate to **Users > System Users**
    3. Click **Add** to create a new system user (if you don't have one)
    4. Give it a name like "WhatsApp API" and select **Admin** role
    5. Click **Add Assets**, select your WhatsApp app, and enable **Full control**
    6. Click **Generate new token**, select your app, and check `whatsapp_business_messaging` and `whatsapp_business_management`
    7. Copy the generated token - this is your permanent access token
  </Step>

  <Step title="Get your App Secret">
    Go back to your app in the [Meta Developer Dashboard](https://developers.facebook.com). Navigate to **App settings > Basic**. Click **Show** next to the **App Secret** field and copy it.
  </Step>
</Steps>

## Connect to SiteSpeakAI

<Steps>
  <Step title="Go to Deploy & Install">
    In your SiteSpeakAI dashboard, select your chatbot and go to **Deploy & Install**.
  </Step>

  <Step title="Select WhatsApp">
    Click on the **WhatsApp** tab.
  </Step>

  <Step title="Enter your credentials">
    Fill in the three fields:

    * **Phone Number ID** - The numeric ID from Meta's API Setup page
    * **Access Token** - Your permanent access token from the system user
    * **App Secret** - Your app secret from App Settings > Basic

    <Frame>
      <img alt="HubSpot integration card" />
    </Frame>
  </Step>

  <Step title="Click Connect">
    Click the **Connect** button. SiteSpeakAI will generate a **Webhook URL** and **Verify Token** for you.
  </Step>
</Steps>

## Configure the Webhook in Meta

After connecting in SiteSpeakAI, you need to configure the webhook in your Meta Developer App:

<Steps>
  <Step title="Go to WhatsApp Configuration">
    In your Meta Developer App, navigate to **WhatsApp > Configuration**.
  </Step>

  <Step title="Enter the webhook details">
    * **Callback URL**: Paste the Webhook URL from SiteSpeakAI
    * **Verify token**: Paste the Verify Token from SiteSpeakAI

    Click **Verify and save**.

    <Frame>
      <img alt="HubSpot integration card" />
    </Frame>
  </Step>

  <Step title="Subscribe to messages">
    Navigate back to **WhatsApp > Configuration**. Under **Webhook fields**, find the `messages` field and click **Subscribe**.

    <Frame>
      <img alt="HubSpot integration card" />
    </Frame>
  </Step>
</Steps>

## Test Your Integration

Send a message to your WhatsApp Business number from any WhatsApp account. Your SiteSpeakAI chatbot should respond automatically.

<Note>
  During development, you can only send messages to phone numbers that have been added as test numbers in your Meta app. To message any WhatsApp user, you'll need to complete Meta's business verification process.
</Note>

## Troubleshooting

### Messages not being received

* Verify that the webhook URL is correctly configured in Meta
* Check that you've subscribed to the `messages` webhook field
* Ensure your access token hasn't expired (use a permanent system user token)

### Messages not being sent

* Check that your access token has the `whatsapp_business_messaging` permission
* Verify the phone number ID is correct
* Check the SiteSpeakAI conversation logs for any error messages

### Webhook verification failing

* Make sure the Verify Token in Meta matches exactly what SiteSpeakAI generated
* Ensure there are no extra spaces before or after the values
* Try disconnecting and reconnecting in SiteSpeakAI to generate new credentials

## Going Live

To send messages to any WhatsApp user (not just test numbers), you'll need to:

1. **Complete Business Verification** - Verify your business in Meta Business Settings
2. **Request Production Access** - In your app's WhatsApp settings, request to go live
3. **Add a Payment Method** - WhatsApp Business API charges per conversation (first 1,000 conversations per month are free)

For detailed information, see [Meta's WhatsApp Business documentation](https://developers.facebook.com/docs/whatsapp/cloud-api/get-started).

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Connect SiteSpeakAI to Zapier
Source: https://sitespeak.ai/docs/integrations/zapier

Automate workflows by connecting SiteSpeakAI to 5,000+ apps with Zapier.

Zapier allows you to connect SiteSpeakAI to over 5,000 apps and automate workflows without writing code. You can automatically send captured leads to your CRM, notify your team in Slack, add contacts to email lists, and much more.

## Prerequisites

* A SiteSpeakAI account with a chatbot configured
* A [Zapier account](https://zapier.com) (free tier available)

## Step 1: Create a SiteSpeakAI API Token

<Steps>
  <Step title="Go to API Tokens">
    In your SiteSpeakAI account, click on your profile and select **API Tokens**.
  </Step>

  <Step title="Create New Token">
    Click **Create Token** and give it a descriptive name (e.g., "Zapier Integration").
  </Step>

  <Step title="Copy the Token">
    Copy the newly created API token. You'll need this to connect Zapier to your account.
  </Step>
</Steps>

<Frame>
  <img alt="Creating a SiteSpeakAI API token" />
</Frame>

<Note>
  Store your API token securely. You won't be able to see it again after leaving this page.
</Note>

## Step 2: Create a New Zap

<Steps>
  <Step title="Open Zapier">
    Log in to your Zapier account and click **Create Zap**.
  </Step>
</Steps>

<Frame>
  <img alt="Create a new Zap in Zapier" />
</Frame>

## Step 3: Configure the Trigger

<Steps>
  <Step title="Select SiteSpeakAI">
    In the Trigger section, search for and select **SiteSpeakAI**.
  </Step>

  <Step title="Choose Trigger Event">
    Select **New Lead** as the trigger event. This fires whenever a visitor submits a lead capture form.
  </Step>

  <Step title="Connect Your Account">
    Click **Sign in** and enter the API token you created earlier.
  </Step>
</Steps>

<Frame>
  <img alt="SiteSpeakAI trigger configuration" />
</Frame>

<Steps>
  <Step title="Enter Chatbot ID">
    Enter your chatbot's ID. You can find this in **Configuration > Settings** in your SiteSpeakAI dashboard. The Agent ID is displayed at the top.
  </Step>

  <Step title="Test the Trigger">
    Click **Test trigger** to verify the connection is working.
  </Step>
</Steps>

## Step 4: Add an Action

Now connect SiteSpeakAI to your destination app. Here are some popular examples:

### Example: Send Leads to Google Sheets

<Steps>
  <Step title="Add Action">
    Click the **+** button to add an action step.
  </Step>

  <Step title="Select Google Sheets">
    Search for and select **Google Sheets**.
  </Step>

  <Step title="Choose Action Event">
    Select **Create Spreadsheet Row**.
  </Step>

  <Step title="Connect and Configure">
    Connect your Google account, select your spreadsheet, and map the lead fields to columns.
  </Step>
</Steps>

### Example: Notify Team in Slack

<Steps>
  <Step title="Add Action">
    Click the **+** button to add an action step.
  </Step>

  <Step title="Select Slack">
    Search for and select **Slack**.
  </Step>

  <Step title="Choose Action Event">
    Select **Send Channel Message**.
  </Step>

  <Step title="Configure Message">
    Choose your channel and create a message template with lead details.
  </Step>
</Steps>

### Example: Add to Mailchimp

<Steps>
  <Step title="Add Action">
    Click the **+** button to add an action step.
  </Step>

  <Step title="Select Mailchimp">
    Search for and select **Mailchimp**.
  </Step>

  <Step title="Choose Action Event">
    Select **Add/Update Subscriber**.
  </Step>

  <Step title="Map Fields">
    Map the email and name fields from the lead to Mailchimp subscriber fields.
  </Step>
</Steps>

## Step 5: Test and Publish

<Steps>
  <Step title="Test the Zap">
    Click **Test step** to verify data flows correctly to your destination app.
  </Step>

  <Step title="Verify">
    Check that the test data appeared in your destination (spreadsheet, Slack channel, etc.).
  </Step>

  <Step title="Publish">
    Click **Publish** to activate your Zap.
  </Step>
</Steps>

## Available Trigger Data

When a lead is captured, Zapier receives the following data that you can use in your actions:

| Field | Description |
| - | - |
| `email` | Lead's email address |
| `name` | Lead's name (if captured) |
| `message` | Any message the lead submitted |
| `created_at` | Timestamp of submission |
| Custom fields | Any additional fields from your lead capture form |

<Tip>
  You can create multiple Zaps with different actions. For example, one Zap to add leads to your CRM and another to send a Slack notification.
</Tip>

## Troubleshooting

### Leads Not Triggering the Zap

* Check that your Zap is published and turned on
* Verify the API token is still valid
* Ensure the chatbot ID is correct
* Check the Zap history for any errors

### Missing Data

* Make sure your lead capture form collects the fields you need
* Check field mappings in your Zap action

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Manage your chatbot from an AI agent
Source: https://sitespeak.ai/docs/managing-your-chatbot/ai-agents

Connect Claude, Cursor, or any MCP client to the SiteSpeakAI management MCP server and run your account in plain English. Includes the one-line Claude Code plugin.

SiteSpeakAI has a management MCP (Model Context Protocol) server that lets an AI agent run your account for you. Connect Claude, Cursor, or any MCP client and ask in plain English: read your analytics, find what is not working, and fix it.

The easiest way in is the [Claude Code](https://claude.com/claude-code) plugin, which bundles the connection and a skill that knows how to work on a SiteSpeakAI chatbot. You can also connect any other MCP client directly.

<Note>
  This is the **management** MCP: it works on your account and chatbots (settings, analytics, sources, inbox). It is different from the [MCP Endpoint](/docs/advanced/mcp-endpoint), which lets AI agents query a single chatbot's knowledge base.
</Note>

## What you can do

Once connected, an agent can:

* **Read analytics** - conversation volume, answered-question rate, negative sentiment, leads, top sources and pages.
* **Read question insights** - AI-clustered themes of what visitors ask, including the unanswered ones (your real knowledge gaps).
* **Change settings** - model, prompts, welcome message, default answer, temperature, lead capture, and escalations.
* **Manage knowledge sources** - add new pages and recrawl stale ones.
* **Manage suggested messages** - the starter prompts shown to visitors.
* **Work the inbox** - read conversations, read captured leads, and triage threads.

Some things you can ask:

* "Look at my support bot's last 3 months and optimize it for lead capture."
* "Why is my bot failing to answer questions? Find the gaps and fix them."
* "Turn on human handoff and escalate after two unanswered messages."
* "Which of my chatbots has the worst answer rate?"

## Get an API token

Every connection uses an API token. Create one on the [API tokens](https://sitespeak.ai/user/api-tokens) page in your account. The agent acts only on the chatbots that token can access.

<Warning>
  An API token can read and change your account. Treat it like a password, and only paste it into tools you trust.
</Warning>

## Connect Claude Code (recommended)

The Claude Code plugin bundles the MCP connection and a skill that runs a safe, step-by-step loop: it reads your data, proposes changes, and waits for your confirmation before writing anything.

<Steps>
  <Step title="Add the marketplace">
    In Claude Code, run:

    ```bash theme={null}
    /plugin marketplace add sitespeakai/sitespeak-claude-plugin
    ```
  </Step>

  <Step title="Install the plugin">
    ```bash theme={null}
    /plugin install sitespeak-chatbot-manager@sitespeak-plugins
    ```

    Claude Code asks for your API token during install and stores it securely (in the macOS Keychain, or an encrypted credentials file on other platforms). The MCP server connects on its own.
  </Step>

  <Step title="Start asking">
    Ask Claude to work on your chatbot, for example: "List my SiteSpeak chatbots" or "Optimize my support bot for lead capture."
  </Step>
</Steps>

<Tip>
  The plugin is open source. See the code on [GitHub](https://github.com/sitespeakai/sitespeak-claude-plugin).
</Tip>

## Connect other MCP clients

Any MCP client that supports Streamable HTTP with a bearer token can connect to the management MCP directly.

* **Endpoint:** `https://api.sitespeak.ai/mcp`
* **Header:** `Authorization: Bearer YOUR_API_TOKEN`

<Tabs>
  <Tab title="Claude Desktop">
    Add this to your `claude_desktop_config.json`, then restart Claude Desktop:

    ```json theme={null}
    {
      "mcpServers": {
        "sitespeak": {
          "type": "http",
          "url": "https://api.sitespeak.ai/mcp",
          "headers": {
            "Authorization": "Bearer YOUR_API_TOKEN"
          }
        }
      }
    }
    ```
  </Tab>

  <Tab title="Cursor">
    Add this to `~/.cursor/mcp.json`:

    ```json theme={null}
    {
      "mcpServers": {
        "sitespeak": {
          "type": "http",
          "url": "https://api.sitespeak.ai/mcp",
          "headers": {
            "Authorization": "Bearer YOUR_API_TOKEN"
          }
        }
      }
    }
    ```
  </Tab>

  <Tab title="Any HTTP client">
    Use these details with any MCP client that supports Streamable HTTP with a bearer token:

    ```
    Endpoint: https://api.sitespeak.ai/mcp
    Header:   Authorization: Bearer YOUR_API_TOKEN
    ```
  </Tab>
</Tabs>

<Note>
  The step-by-step confirmation loop is part of the Claude Code plugin's skill. Other MCP clients call the tools directly, so review what your client is about to do before you approve a change.
</Note>

## Troubleshooting

### The plugin installed but tools are missing

Run `/reload-plugins` in Claude Code, or restart it, to load the bundled MCP server.

### Getting an authentication error

Confirm your API token is valid. Create a new one on the [API tokens](https://sitespeak.ai/user/api-tokens) page and reconnect.

### Analytics or insights look empty

Answer rate, sentiment, and question insights come from scheduled jobs, so they lag and are empty for brand-new or low-traffic bots. Empty does not mean there are no gaps.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Customize your chatbot's appearance
Source: https://sitespeak.ai/docs/managing-your-chatbot/appearance

Match your chatbot's look and feel to your brand with customizable themes, colors, icons, and more

Customize your chatbot's appearance to match your brand and create a seamless experience for your visitors.

To access appearance settings, go to **Configuration → Appearance** in your chatbot dashboard.

<Frame>
  <img alt="Appearance settings" />
</Frame>

## Display style

Choose how your chatbot appears on your website:

<CardGroup>
  <Card title="Chat Bubble" icon="message-circle">
    A chat launcher that appears in the bottom of the screen and opens the chatbot when clicked. This is the default style.
  </Card>

  <Card title="Search Bar" icon="search">
    A page-aware search box at the bottom of the screen that allows visitors to ask questions about the current page and site.
  </Card>
</CardGroup>

## Branding

### Agent name

The name displayed in the chat header. This is what your visitors will see when chatting with your bot.

### Welcome messages

Customize the initial message(s) your chatbot displays when opened. You can add multiple welcome messages by separating each with a new line.

<Tip>
  Welcome messages support **markdown** formatting. You can also [personalize messages with template tags](/docs/managing-your-chatbot/personalise-welcome-message) using visitor information from your lead capture form.
</Tip>

### Placeholder message

The placeholder text shown in the chat input field (e.g., "Ask a question...").

### Footer message

An optional message displayed underneath the chat input. Supports markdown. Maximum 200 characters.

## Theme & colors

### Theme

Choose between **Light**, **Dark**, or **Auto** for your chatbot.

* **Light** and **Dark** always show that theme, on every device.
* **Auto (match visitor device)** follows each visitor's device setting: visitors using dark mode see the dark version of your chatbot, everyone else sees the light version.

#### Customizing the Auto theme

With Auto selected, you can style the light and dark sides separately. Each side has its own **Accent color**, **Text color**, and icon fields.

* Leave a field empty (Auto) to use the built-in neutral palette for that side: white with dark text on light, dark grey with light text on dark.
* Set a value to override just that side. For example, keep your brand accent on the light side and leave the dark side neutral.
* To go back to Auto for a field, clear it.

The default launcher logo also adapts: it renders dark on pale accents and white on colored or dark accents, so it stays readable on both sides.

#### Pinning the theme on a specific page

If one part of your site should always show one side of an Auto chatbot (for example, a light-only marketing site while your app uses Auto), add `data-theme` to the embed script on that page:

```html theme={null}
<script src="https://sitespeak.ai/chatbots/YOUR_CHATBOT_ID.js" data-theme="light" defer></script>
```

`data-theme` accepts `light` or `dark`, and only affects chatbots set to Auto. Embeds without the attribute keep following the visitor's device.

### Accent color

The primary color used for buttons, links, the launcher, and the chat header. Choose from preset colors or enter a custom hex value.

### Header color

Give the chat window header its own color, separate from the accent. Leave the field empty and the header matches the accent color, which is the default. Text on the header adjusts automatically to stay readable on the color you pick.

On the Auto theme you can set a header color per side, like the other per-side fields: clear it to fall back to that side's accent.

### Text color

The color of text displayed on accent-colored elements (e.g., the header). Typically white (`#ffffff`) for dark accent colors.

## Icons

Customize the icons displayed in your chatbot:

| Icon | Description | Recommended Size |
| - | - | - |
| **Launcher Icon** | Displayed in the chat launcher button | 100 x 100px |
| **Header Icon** | Displayed in the chat header | 100 x 100px |
| **Share Icon** | Displayed on the share page for your agent | 100 x 100px |

<Note>
  Click **Reset** next to any icon to restore the default.
</Note>

### Launcher text

Short text displayed in the launcher button (e.g., "Help"). Keep it short and sweet.

## Layout & behavior

### Max height

Control the maximum height of the chat window. Default is 720px.

### Font size

Choose the font size for chat messages: **Small**, **Medium**, or **Large**.

### Header size

Choose the header size: **Small**, **Medium**, or **Large**.

### Position

Choose where the chat launcher appears on your website:

* Bottom Right (default)
* Bottom Left

## Advanced options

### Auto popup welcome message

Set a delay before the welcome message automatically pops up. Options range from **Off** to several seconds (e.g., 3s).

### Auto scroll to new messages

When enabled, the chat window automatically scrolls to show new messages. Default is **Yes**.

### Display sources in messages

When enabled, shows the source links used to generate each response. Useful for transparency and allowing visitors to learn more.

### Sources label

Customize the label shown above source links (default: "Sources").

### Horizontal scroll smart prompts

Enable horizontal scrolling for smart prompt suggestions.

### Hide "Powered by"

Hide the "Powered by SiteSpeakAI" branding in the chat footer.

<Note>
  Removing the "Powered by" branding is available on paid plans.
</Note>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Bring Your Own Keys (BYOK)
Source: https://sitespeak.ai/docs/managing-your-chatbot/bring-your-own-keys

Use your own OpenAI, Anthropic, Google, or Cohere API keys with SiteSpeakAI for unlimited messages without credit charges.

Bring Your Own Keys (BYOK) lets you connect your own OpenAI, Anthropic, Google, and Cohere API keys to SiteSpeakAI. When your own keys are used, messages don't count against your monthly credit allowance, giving you effectively unlimited messages.

<Note>
  BYOK is available on Pro Plus and Business plans.
</Note>

## How it works

SiteSpeakAI supports two levels of API keys:

* **Account-level keys** apply to all your chatbots by default
* **Chatbot-level keys** override your account keys for a specific chatbot

The priority order is: **Chatbot key > Account key > Platform key**. If no custom key is found for the model's provider, SiteSpeakAI falls back to platform keys and messages count against your credits as usual.

Your keys cover more than the chat reply. The steps that prepare each answer (searching your knowledge base, rewriting the question for better search results, message categorization, language detection, and the prompt guard) run on OpenAI models, so they use your OpenAI key whenever you have one saved - even if your chatbot's main model is a Claude or Gemini model. Search result reranking runs on Cohere, so it uses your Cohere key whenever you have one saved.

### Supported providers

| Provider | Used for | Key format |
| - | - | - |
| **OpenAI** | GPT models (GPT-4.1, GPT-5, o3, etc.) and answer preparation | `sk-...` |
| **Anthropic** | Claude models (Claude Sonnet 4.5, Claude Haiku, etc.) | `sk-ant-...` |
| **Google** | Gemini models (Gemini 2.5 Flash, etc.) | `AIza...` |
| **Cohere** | Search result reranking | Your Cohere API key |

Google and Cohere keys are account-level only. OpenAI and Anthropic keys can also be set per chatbot.

## Adding account-level keys

Account-level keys apply to all chatbots on your account. This is the recommended approach if you want all your agents to use your own keys.

<Steps>
  <Step title="Navigate to LLM API Keys">
    Go to your profile settings by clicking your avatar in the top right, then select **LLM API Keys** from the sidebar.
  </Step>

  <Step title="Click Add Key">
    Under the provider you want to configure (OpenAI or Anthropic), click **Add Key**.
  </Step>

  <Step title="Enter your API key">
    Paste your API key into the input field. You can toggle visibility using the eye icon.

    <Frame>
      <img alt="Adding an account-level API key" />
    </Frame>
  </Step>

  <Step title="Save and validate">
    Click **Save Key**. SiteSpeakAI will validate your key by making a test request to the provider. If the key is valid, it will be saved. If validation fails, you'll see an error message and can try again with a different key.
  </Step>
</Steps>

## Adding chatbot-level keys

Chatbot-level keys override your account keys for a specific chatbot. Use this if you want different keys for different agents, or if you only want to use your own keys for certain chatbots. Chatbot-level keys are available for OpenAI and Anthropic; Google and Cohere keys apply account-wide.

<Steps>
  <Step title="Go to chatbot settings">
    Navigate to **Configuration > Settings** for the chatbot you want to configure.
  </Step>

  <Step title="Open the AI Model tab">
    Click the **AI Model** tab and scroll down to the **Custom API Keys (BYOK)** section.

    <Frame>
      <img alt="BYOK section in chatbot settings" />
    </Frame>
  </Step>

  <Step title="Add your key">
    Click **Add Key** under the provider you want to configure, paste your API key, and click **Save**. The key will be validated before it is saved.
  </Step>
</Steps>

## Updating or removing keys

To **update** an existing key, click the **Update** button next to the masked key, enter the new key, and save. The new key will be validated before replacing the old one.

To **remove** a key, click the trash icon and confirm the deletion. Your chatbot will fall back to the next available key in the priority chain (chatbot > account > platform).

## Security

We take the security of your API keys seriously. Here is how your keys are protected:

### Encryption at rest

All API keys are encrypted using **AES-256-CBC** encryption before being stored in our database. This is the same encryption standard used by banks and government agencies. Your raw API key is never stored in plain text. It is encrypted immediately upon receipt and only decrypted when needed to make a request to the LLM provider on your behalf.

### Direct provider communication

When your own keys are used, requests are sent **directly to the LLM provider** (OpenAI or Anthropic). Your keys are never routed through third-party monitoring or logging services.

### Secure transmission

All API key transmission between your browser and our servers, and between our servers and LLM providers, is encrypted using **TLS/HTTPS**. Keys are never transmitted in plain text.

## Billing and credits

When a message is processed using your own API key:

* **No credits are deducted** from your monthly allowance
* You are billed directly by the LLM provider (OpenAI or Anthropic) based on their pricing

When your own key is not available for the model being used (for example, you have an OpenAI key but your chatbot uses a Claude model), messages will use platform keys and count against your credits as normal.

The credit rule follows your chatbot's main model. In the example above (Claude chatbot, OpenAI key only), messages still count against your credits because the answer itself runs on platform keys, while the search and preparation steps run on your OpenAI key and are billed to your OpenAI account. To have everything run on your own keys, save a key for your chatbot's model provider as well.

A Cohere key never changes what a message costs: it only moves the reranking step onto your Cohere account. Credits are decided by the key for your chatbot's model provider (OpenAI, Anthropic, or Google).

## Frequently asked questions

<AccordionGroup>
  <Accordion title="Which plans support BYOK?">
    BYOK is available on Pro Plus and Business plans.
  </Accordion>

  <Accordion title="Do I need keys for every provider?">
    No. You only need a key for the provider your chatbot's model uses. If your chatbot uses a GPT model, you only need an OpenAI key. If it uses a Claude model, you only need an Anthropic key; for a Gemini model, a Google key. A Cohere key is optional and only moves the reranking step onto your own Cohere account.
  </Accordion>

  <Accordion title="What happens if my key becomes invalid?">
    If your key is rejected by the provider (revoked, expired, or out of provider credit), SiteSpeakAI does not switch to platform keys. The steps that depend on that key stop working until you update it: if it is the key for your chatbot's main model, messages fail; if it is your OpenAI key while your chatbot answers with a Claude or Gemini model, the chatbot keeps talking but can no longer search your knowledge base. A failing Cohere key skips the reranking step, so answers keep flowing but search quality drops. Update or remove the key to restore normal service.
  </Accordion>

  <Accordion title="Can I use different keys for different chatbots?">
    Yes. Add chatbot-level keys in each chatbot's settings to override your account-level keys. This is useful if you have separate billing accounts or want to track usage per chatbot.
  </Accordion>

  <Accordion title="Where do I get an API key?">
    * **OpenAI**: Create a key at [platform.openai.com/api-keys](https://platform.openai.com/api-keys)
    * **Anthropic**: Create a key at [console.anthropic.com/settings/keys](https://console.anthropic.com/settings/keys)
    * **Google**: Create a key at [aistudio.google.com/apikey](https://aistudio.google.com/apikey)
    * **Cohere**: Create a key at [dashboard.cohere.com/api-keys](https://dashboard.cohere.com/api-keys)
  </Accordion>
</AccordionGroup>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Conversation History
Source: https://sitespeak.ai/docs/managing-your-chatbot/conversation-history

View and manage your chatbot's conversation history, translate messages, and respond to visitors via live chat

<Note>
  In the SiteSpeak dashboard, this section is labeled **Inbox**.
</Note>

The Conversation History page lets you view all conversations between visitors and your chatbot. You can search, filter, translate messages, and jump into live chat when needed.

## Viewing conversations

The left sidebar lists all visitors sorted by most recent activity. Click on a visitor to see their full conversation history.

Use the controls at the top to narrow down conversations:

* **Open / Closed**: Filter by conversation status
* **Category**: Filter by conversation category
* **Search**: Search for specific conversations by keyword

## Contact details

The right panel displays visitor information including their name, email address, when they were last seen, and their total message count.

<Frame>
  <img alt="Inbox overview" />
</Frame>

## Translating messages

<Note>
  Message translation is available on the **[Business](/docs/pricing)** plan.
</Note>

Hover over any message in a conversation and click **Translate** to automatically translate it into your browser's language. Click **Show Original** to revert back. Translated messages display a "Translated" indicator so you can tell them apart from the original text.

## Replying via Live Chat

You can respond to visitors directly from the Conversation History page by typing a message in the input field. This starts a Live Chat session where the AI is paused until you end it.

For full details on escalations and live chat, see [Human handoff](/docs/managing-your-chatbot/human-handoff).

## Exporting conversations

Click the download icon to export a conversation as a CSV file.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Deploy & install your chatbot
Source: https://sitespeak.ai/docs/managing-your-chatbot/deploy-and-install

Add your AI chatbot to any website with a simple code snippet

Installing SiteSpeakAI on your website is easy and involves pasting a single code snippet into your website's HTML.

## Get your code snippet

<Steps>
  <Step title="Log in to your account">
    Go to [sitespeak.ai](https://sitespeak.ai) and log in to your dashboard.
  </Step>

  <Step title="Select your chatbot">
    Choose your chatbot from the dropdown at the top of the sidebar.
  </Step>

  <Step title="Go to Install Agent">
    Click on **Install Agent** in the sidebar.
  </Step>

  <Step title="Copy the JavaScript code">
    Make sure the **JavaScript** tab is selected, then click **Copy Code**.
  </Step>
</Steps>

<Frame>
  <img alt="JavaScript installation code" />
</Frame>

## Add to your website

Paste the code snippet into the `<head>` section of your website:

```html theme={null}
<head>
  <!-- Your other head tags -->
  
  <script type="text/javascript">(function()
  {d=document;s=d.createElement("script");s.src="https://sitespeak.ai/chatbots/YOUR_CHATBOT_ID.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
</head>
```

<Note>
  Replace `YOUR_CHATBOT_ID` with your actual chatbot ID from the dashboard.
</Note>

Once added, your chatbot will appear on your website automatically.

## Alternative: iFrame embed

If you prefer to embed the chatbot as an iFrame (useful for embedding in specific page sections), switch to the **iFrame** tab in the Install Agent section.

<Frame>
  <img alt="iFrame installation code" />
</Frame>

Paste the iFrame code into the `<body>` section where you want the chatbot to appear:

```html theme={null}
<iframe 
  class="sitespeak-ai-chatbot" 
  src="https://sitespeak.ai/embed/YOUR_CHATBOT_ID?nc=1&nf=1" 
  allow="microphone;" 
  frameborder="0" 
  style="border:none; overflow:hidden; border-radius:5px; width:450px; height:600px; border: 1px solid #e2e8f1;">
</iframe>
```

## Identity verification

For a more personalized experience, you can securely identify logged-in users and link conversations to their accounts.

### Enable identity verification

1. In the **Install Agent** section, find **Identity Verification**
2. Toggle on **Enable Identity Verification**
3. Click **Generate** to create your secret key
4. Store the secret key securely on your server

<Warning>
  Never expose your secret key in client-side code. It should only be used on your server.
</Warning>

### How it works

1. **Server-side**: Generate a JWT token with user information
2. **Client-side**: Pass the token to the chatbot

```javascript theme={null}
// Server-side: Generate JWT token
const jwt = require('jsonwebtoken');
const token = jwt.sign({
  user_id: user.id,
  email: user.email,
  name: user.name,
  exp: Math.floor(Date.now() / 1000) + 3600
}, 'YOUR_SECRET_KEY', { algorithm: 'HS256' });

// Client-side: Pass token to chatbot
window.SiteSpeakAI.identify({
  token: token
});
```

<Tip>
  Identity verification allows you to personalize welcome messages using [template tags](/docs/managing-your-chatbot/personalise-welcome-message) and view conversation history per user.
</Tip>

## Platform-specific guides

Looking to install on a specific platform? Check out our detailed guides:

<CardGroup>
  <Card title="WordPress" icon="wordpress" href="/docs/installing-your-chatbot/wordpress">
    Install on WordPress sites
  </Card>

  <Card title="Shopify" icon="shopify" href="/docs/installing-your-chatbot/shopify">
    Add to your Shopify store
  </Card>

  <Card title="Webflow" icon="globe" href="/docs/installing-your-chatbot/webflow">
    Install on Webflow sites
  </Card>

  <Card title="Slack" icon="slack" href="/docs/installing-your-chatbot/slack">
    Connect to Slack workspace
  </Card>
</CardGroup>

## Next steps

<CardGroup>
  <Card title="Customize appearance" icon="paintbrush" href="/docs/managing-your-chatbot/appearance">
    Match your chatbot to your brand
  </Card>

  <Card title="Capture leads" icon="user-plus" href="/docs/managing-your-chatbot/lead-capture">
    Turn visitors into qualified leads
  </Card>
</CardGroup>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Human handoff
Source: https://sitespeak.ai/docs/managing-your-chatbot/human-handoff

Allow visitors to escalate conversations to human support when needed

Sometimes your visitors need to speak with a human. SiteSpeakAI makes it easy to escalate conversations to your support team when the AI can't fully help.

## How human handoff works

When enabled, visitors can request to speak with a human agent. They'll be prompted to enter their email address, and your team receives a notification with the conversation details.

## Enable escalations

<Steps>
  <Step title="Go to Configuration">
    In your chatbot dashboard, click **Configuration** in the sidebar.
  </Step>

  <Step title="Select Settings">
    Click on **Settings**.
  </Step>

  <Step title="Go to Escalations tab">
    Click on the **Escalations** tab.
  </Step>

  <Step title="Enable Escalations">
    Toggle on **Enable Escalations** to allow visitors to escalate to human support.
  </Step>
</Steps>

<Frame>
  <img alt="Escalation settings" />
</Frame>

## Email notifications

Get notified via email when a visitor escalates:

1. Toggle on **Enable Email Notifications**
2. Enter your email address(es) in the **Escalation Notification Email(s)** field
3. Separate multiple emails with semicolons (`;`)

### Round robin notifications

If you have multiple team members handling support, enable **Round Robin Notifications** to rotate escalations between email addresses instead of sending to all. Each escalation goes to the next email in the list.

<Tip>
  Round robin is great for distributing workload evenly across your support team without overwhelming everyone with notifications.
</Tip>

## Slack notifications

Receive escalation notifications directly in your Slack workspace:

<Steps>
  <Step title="Connect Slack">
    Go to **Install Agent → Slack** and click **Connect to Slack**.
  </Step>

  <Step title="Install the app">
    Authorize SiteSpeakAI to access your Slack workspace.
  </Step>

  <Step title="Invite to a channel">
    Invite the SiteSpeakAI bot to the channel where you want to receive notifications.
  </Step>

  <Step title="Enable Slack notifications">
    Back in **Settings → Escalations**, toggle on **Enable Slack Notifications**.
  </Step>
</Steps>

<Note>
  You must connect Slack in Deploy & Install before the Slack notification option becomes available.
</Note>

## Webhook notifications

Send escalation data to any URL via a POST request. This is useful for integrating with tools like Zapier, Make, or your own CRM.

<Steps>
  <Step title="Enable webhook notifications">
    In **Settings → Escalations**, toggle on **Enable Webhook Notifications**.
  </Step>

  <Step title="Enter your webhook URL">
    Paste the URL where you want to receive escalation data.
  </Step>

  <Step title="Add a signing secret (optional)">
    Enter a secret to sign webhook payloads with HMAC-SHA256 for verification. The signature is sent in the `X-Signature-256` header.
  </Step>
</Steps>

### Webhook payload

When a visitor escalates, SiteSpeakAI sends a POST request with a JSON body:

```json theme={null}
{
  "event": "escalation.created",
  "title": "My Chatbot: Visitor needs human assistance",
  "text": "I need to speak with someone",
  "chatbot": {
    "id": "chatbot-uuid",
    "name": "My Chatbot"
  },
  "visitor": {
    "id": 123,
    "email": "visitor@example.com",
    "first_name": "Jane",
    "last_name": "Doe",
    "phone": "+1234567890"
  },
  "conversation": {
    "id": 456,
    "last_message": "I need to speak with someone"
  },
  "inbox_url": "https://app.sitespeak.ai/chatbots/{id}/inbox/{visitor_id}",
  "timestamp": "2026-02-09T12:00:00+00:00"
}
```

### Verifying webhook signatures

If you set a signing secret, each request includes an `X-Signature-256` header. To verify the request is from SiteSpeakAI, compute the HMAC-SHA256 of the raw request body using your secret and compare it to the header value:

```js theme={null}
const crypto = require("crypto")

function verifySignature(payload, secret, signature) {
  const expected =
    "sha256=" + crypto.createHmac("sha256", secret).update(payload).digest("hex")
  return crypto.timingSafeEqual(
    Buffer.from(expected),
    Buffer.from(signature)
  )
}
```

<Tip>
  Webhook notifications work independently of email and Slack notifications. You can enable any combination of the three.
</Tip>

## How visitors escalate

Once enabled, visitors can escalate to human support by:

* **Asking to speak with a human**: The AI recognizes requests like "Can I talk to a person?" or "I need human help"
* **The AI offering escalation**: When the AI can't confidently answer, it can offer to connect the visitor with a human
* **A rule in your Instructions**: If your [Instructions](/docs/managing-your-chatbot/settings#instructions) say that certain situations should go to your team (for example bugs, outages, login problems, complaints or refund requests), the AI escalates those messages without waiting for the visitor to ask for a person

When a visitor escalates, they'll be prompted to enter their email address so your team can follow up.

<Note>
  Instruction-driven escalation only works while **Enable Escalations** is on. With it off, the AI answers those messages as normal and never opens the escalation form on its own.
</Note>

## Responding via Live Chat

When you receive an escalation notification, you can respond to visitors in real-time through the Inbox (Conversation History).

<Steps>
  <Step title="Open the Inbox">
    Click **Inbox** in the dashboard sidebar to see all conversations.
  </Step>

  <Step title="Select the conversation">
    Find the escalated conversation and click on it to open.
  </Step>

  <Step title="Start Live Chat">
    Type your message in the input field and send. This automatically starts a Live Chat session.
  </Step>

  <Step title="End Live Chat">
    When finished, click the **End Live Chat** button in the conversation header. This returns control to the AI assistant.
  </Step>
</Steps>

<Frame>
  <img alt="Live Chat in Inbox" />
</Frame>

<Tip>
  While Live Chat is active, the AI assistant will not respond to messages. This ensures the visitor only communicates with your support team until you end the session.
</Tip>

## Customizing escalation messages

You can customize the messages shown to visitors during escalation in the **Localization** tab under Settings, including:

* The message shown when escalating
* Email input placeholder text
* Confirmation messages

## Best practices

* **Set expectations**: Let visitors know typical response times in your escalation confirmation message
* **Use round robin**: Distribute escalations evenly across your team
* **Connect Slack**: Get real-time notifications where your team already communicates
* **Use webhooks**: Connect escalations to your CRM or ticketing system via Zapier, Make, or a custom endpoint
* **Review escalations**: Regularly review why visitors escalate to improve your AI's training

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Languages & Localization
Source: https://sitespeak.ai/docs/managing-your-chatbot/languages

Configure your chatbot to support multiple languages and customize all interface text for each language.

SiteSpeakAI supports full multi-language localization, allowing you to customize all labels, messages, and text displayed in your chatbot for each language your visitors use.

## Accessing Localization Settings

<Steps>
  <Step title="Go to Configuration">
    In your chatbot dashboard, click **Configuration** in the sidebar.
  </Step>

  <Step title="Select Settings">
    Click on the **Settings** tab.
  </Step>

  <Step title="Go to Localization tab">
    Navigate to the **Localization** tab.
  </Step>
</Steps>

<Frame>
  <img alt="Localization settings" />
</Frame>

***

## Enabled Languages

Add multiple languages to support visitors from different regions. Your chatbot will display all labels and messages in the visitor's preferred language.

### Language Detection

Choose how your chatbot determines which language to display:

* **Auto-detect language**: Automatically detects the visitor's language from their browser or page settings
* **Specific language**: Force the chatbot to always display in a particular language

### Adding a New Language

<Steps>
  <Step title="Click Add Language">
    In the **Enabled Languages** section, click the **+ Add Language** button.
  </Step>

  <Step title="Enter language details">
    Specify the language code (e.g., `fr` for French, `de` for German) and language name.
  </Step>

  <Step title="Click Add">
    Click the **Add** button to add the new language.
  </Step>
</Steps>

### Setting a Default Language

One language is marked as **Default**. This is used when:

* The visitor's language cannot be detected
* The visitor's language hasn't been configured in your chatbot

***

## Translations

Customize all text displayed in your chatbot for each language. This ensures a fully localized experience for your visitors.

### Customizable Fields

The Translations section lets you customize:

**General**

* Agent Name
* Placeholder Message (input field text)
* Welcome Messages
* Footer Text

**Lead Capture**

* Form title and description
* Field labels (Name, Email, Phone, etc.)
* Submit button text

**Escalation**

* Escalation request messages
* Confirmation messages
* Unavailable messages

**Email Notifications**

* Email subject line
* Greeting and introduction message
* Contact information labels (Name, Email, Phone, Internal User ID)
* Last question label
* Button text, footer, sign off, and sender name

**Feedback**

* Feedback prompts
* Thank you messages

**Widget Menu** (the `…` menu in the chatbot header)

* `menu` - aria-label / tooltip on the `…` button
* `new_chat` - "Start New Chat" item and the floating pill in Recent Chats
* `view_recent_chats` - "Recent Chats" item
* `delete_chat` - "Delete Chat" item
* `recent_chats` - header title in the recent-chats view
* `no_conversations` - empty state when there are no past conversations
* `back` - aria-label on the back arrow

See [Visitor Recent Chats](/docs/managing-your-chatbot/visitor-recent-chats) for what these labels control.

**Errors & System**

* Error messages
* Rate limit messages
* Loading states

### Editing Translations

<Steps>
  <Step title="Select a language">
    In the **Translations** section, click on the language tab you want to edit (e.g., **English**, **French**).
  </Step>

  <Step title="Update the text fields">
    Modify any of the text fields. Each field has a **Reset** button to restore the default text.
  </Step>

  <Step title="Save your changes">
    Click the **Save** button to store your translations.
  </Step>
</Steps>

<Tip>
  You can add as many languages as you need. Each language gets its own complete set of customizable text fields.
</Tip>

***

## Email Notification Localization

Escalation notification emails sent to your team can also be localized. These emails are sent in your chatbot's **default language** when a visitor requests human assistance.

### Available Placeholders

Use the following placeholders in your email notification text. They will be replaced with actual values when the email is sent:

| Placeholder | Description |
| - | - |
| `{{inbox_link}}` | Full URL to the visitor's inbox |
| `{{visitor_name}}` | Visitor's full name (or "Unknown visitor" if not provided) |
| `{{visitor_email}}` | Visitor's email address |
| `{{visitor_phone}}` | Visitor's phone number |
| `{{last_question}}` | The visitor's last message |
| `{{chatbot_name}}` | Name of the chatbot |
| `{{app_name}}` | Application name (SiteSpeakAI) |

### Customizable Email Fields

You can customize the following parts of the escalation email:

* **Email Subject** - e.g., `{{chatbot_name}}: Visitor needs human assistance`
* **Greeting** - e.g., `Hello!`
* **Introduction Message** - Supports markdown links, e.g., `Visit your [inbox]({{inbox_link}})`
* **Last Question Label** - Label shown above the visitor's last message
* **Contact Information Labels** - Labels for name, email, phone, and internal user ID
* **Button Text** - The call-to-action button text
* **Footer, Sign Off, and Sender Name** - Closing content of the email

<Tip>
  The introduction message field supports markdown, so you can include links like `[inbox]({{inbox_link}})` that will render as clickable links in the email.
</Tip>

***

## How It Works

Once you've configured multiple languages:

1. **Visitor arrives**: When a visitor opens your chatbot, their browser language is detected
2. **Language matched**: If you've configured that language, all interface text displays in their language
3. **AI responds**: The AI also responds in the detected language, using your training content
4. **Fallback**: If the language isn't configured, the default language is used

***

## AI Language Support

Beyond interface localization, your chatbot's AI can understand and respond in virtually any language:

* The AI automatically detects the language of incoming messages
* Responses are generated in the same language the visitor uses
* For best results in specific languages, add training content in those languages

### Supported Languages

The AI supports all major languages including:

* English, Spanish, French, German, Portuguese, Italian, Dutch
* Chinese, Japanese, Korean
* Arabic, Hebrew, Hindi
* And many more...

<Note>
  Interface localization (labels and buttons) requires you to configure each language. AI responses work in any language automatically.
</Note>

***

## Best Practices

* **Start with your primary language**: Configure your default language completely before adding others
* **Be consistent**: Use the same tone and terminology across all languages
* **Test thoroughly**: Preview your chatbot in each configured language
* **Consider regional variations**: Create separate entries for variants like `en-US` and `en-GB` if needed

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Capture leads with your chatbot
Source: https://sitespeak.ai/docs/managing-your-chatbot/lead-capture

Use your chatbot to capture new leads and grow your sales

You can easily use your chatbot to capture new leads and grow your sales.

## Enable lead capture

<Steps>
  <Step title="Go to Settings">
    Head over to the **Settings** section in your chatbot dashboard.
  </Step>

  <Step title="Select the Leads tab">
    Click on the **Leads** tab.
  </Step>

  <Step title="Enable lead capture">
    Toggle on the **Enable Lead Capture** option.
  </Step>

  <Step title="Save your settings">
    Click the **Save** button to save your settings.
  </Step>
</Steps>

<Frame>
  <img alt="Lead capture settings" />
</Frame>

## Add custom fields

You can add your own custom fields that you would like your visitors to complete before they start chatting to your chatbot.

Common fields include:

* Name
* Email address
* Phone number
* Company name

<Frame>
  <img alt="Custom fields configuration" />
</Frame>

## Customise the form text

You can update the text displayed on the lead capture form by editing the Lead Capture text in the **Localization** settings.

<Frame>
  <img alt="Localization settings" />
</Frame>

## How it works

Once enabled, your chatbot will prompt visitors to leave their details before starting the chat.

<Frame>
  <img alt="Lead capture form preview" />
</Frame>

<Tip>
  **Using the [Zapier integration](https://zapier.com/apps/sitespeakai/integrations)?** Whenever a visitor leaves their email, the "New Lead" trigger fires and you can perform an action based on this.
</Tip>

<Card title="Start capturing leads today" icon="zap" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=lead-capture">
  Create your free AI chatbot and turn website visitors into qualified leads
</Card>


# Personalise your welcome message
Source: https://sitespeak.ai/docs/managing-your-chatbot/personalise-welcome-message

Use template tags to personalise your chatbot's welcome message with visitor information

If you'd like to personalise your chatbot's welcome message with information from your visitor like name, surname or any other custom information you've collected using the lead capture form, you can easily do this using template tags in the welcome message.

## How to add template tags

<Steps>
  <Step title="Go to Appearance settings">
    Head over to **Appearance → Welcome Message(s)** in your chatbot settings.
  </Step>

  <Step title="Add template tags">
    Update your welcome message to include template tags where you'd like to insert visitor information.
  </Step>
</Steps>

## Template tag format

Template tags use the following format:

```
{{ field_name | fallback }}
```

* `field_name` is the name of the field from your lead capture form
* `fallback` is the text to display if the visitor's information is not known

## Example

```
Hello {{ first_name | there }}! How can I help you today?
```

This would display:

* `Hello John! How can I help you today?` if the visitor's name is known
* `Hello there! How can I help you today?` if the visitor's name is not known

<Frame>
  <img alt="Welcome message with template tags" />
</Frame>

<Note>
  Template tags work with any field you've added to your lead capture form, not just `first_name`.
</Note>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Chatbot Settings
Source: https://sitespeak.ai/docs/managing-your-chatbot/settings

Configure your chatbot's behavior, AI model, notifications, and advanced options.

The Settings section lets you configure how your chatbot behaves, which AI model it uses, rate limiting, domain restrictions, and more.

## Accessing Settings

<Steps>
  <Step title="Go to Configuration">
    In your chatbot dashboard, click **Configuration** in the sidebar.
  </Step>

  <Step title="Select Settings">
    Click on the **Settings** tab.
  </Step>
</Steps>

<Frame>
  <img alt="Basic settings tab" />
</Frame>

## Basic Settings

The Basic tab contains core configuration options for your chatbot.

### Agent ID

Your unique chatbot identifier. You'll need this ID to connect to your agent using Zapier and other integrations.

### Default Answer

The fallback response when your agent cannot find a relevant answer in its training data. You can customize this message or reset it to the default.

### Default Language

Select the language your agent uses when replying. Set to **Auto** to automatically detect and respond in the visitor's language.

### Insights Email Frequency

Choose how often you receive email summaries with your chatbot's top answered and unanswered questions. Options include:

* Daily
* Weekly
* Monthly
* Never

### Enable Media In Messages

When enabled, your agent can display images and videos directly in messages. When disabled, the agent will provide a link to the media instead.

### Enable Feedback

Allow visitors to provide feedback on responses by selecting thumbs up or thumbs down after each message. This helps you identify which responses need improvement.

### Page Context Awareness

Allow the agent to understand the current page content when responding to questions. The agent will analyze the page where the chat is embedded to provide more relevant answers.

### Enable File Uploads

Allow visitors to upload files to the agent with their messages. Your agent can process these files and use them to answer questions.

### Visitor Geolocation

Identify the country of your visitors when they interact with your chatbot. When enabled, the visitor's country is determined using network-level headers and displayed across your dashboard, inbox, and contacts pages.

**Privacy-first by design:**

* This feature is **disabled by default** and must be explicitly enabled per chatbot
* Only the **country name** is stored (e.g. "United States"), not the city, region, or any granular location data
* **IP addresses are never stored** - the country is identified at the network level and the IP is immediately discarded
* Country data is captured once on the visitor's first message and is not updated on subsequent visits

When enabled, country data appears in:

* **Dashboard** - A world map visualization showing where your visitors are located
* **Inbox** - The contact details sidebar displays the visitor's country with a flag
* **Contacts** - A country column in the leads table and in the contact details dialog
* **CSV Export** - Country data is included when exporting your leads

<Note>
  Visitor Geolocation is available on all plans.
</Note>

***

## AI Model Settings

Configure the AI model powering your chatbot and customize its behavior.

<Frame>
  <img alt="AI Model settings tab" />
</Frame>

### Model

Select which AI model your agent uses to generate answers and perform actions. Available models include various OpenAI GPT versions and other providers.

<Note>
  Be careful when changing these settings as it may affect the performance of your agent. Test your agent after making changes.
</Note>

### Instructions

Customize the behavior, tone, and personality of your agent. The default instructions define:

* The agent's role and demeanor
* How it should handle questions outside its training data
* Whether it can use general knowledge or only trained content
* How to handle attempts to change the conversation topic

You can add custom instructions to:

* Define a specific persona or brand voice
* Include additional context about your business
* Set rules for handling specific types of questions

### Model Temperature

Control the randomness of responses on a scale from 0 to 1:

* **0**: Most predictable and consistent responses
* **1**: More creative and varied responses

For support chatbots, lower values (0-0.3) are typically recommended for accuracy.

***

## Notice Settings

Display a notice message that users must accept before starting a chat. This is useful for terms and conditions, privacy notices, or other important information.

<Frame>
  <img alt="Notice settings tab" />
</Frame>

### Enable Notice

Toggle this on to display a notice message before users can start chatting.

### Notice Message

Enter your notice message (up to 250 characters). This message supports basic markdown formatting for links and emphasis.

***

## Other Settings Tabs

The Settings section includes several other tabs with dedicated documentation:

<CardGroup>
  <Card title="Leads" icon="user-plus" href="/docs/managing-your-chatbot/lead-capture">
    Configure lead capture forms and fields.
  </Card>

  <Card title="Escalations" icon="headphones" href="/docs/managing-your-chatbot/human-handoff">
    Set up human handoff and support notifications.
  </Card>

  <Card title="Localization" icon="globe" href="/docs/managing-your-chatbot/languages">
    Multi-language support and message localization.
  </Card>

  <Card title="Integrations" icon="plug" href="#">
    Connect to third-party services and platforms.
  </Card>
</CardGroup>

***

## Advanced Settings

The Advanced tab contains voice features, restriction levels, rate limiting, and domain restrictions.

<Frame>
  <img alt="Advanced settings tab" />
</Frame>

### Voice Recognition & Text-to-Speech

Enable voice input and audio responses for your chatbot. For detailed configuration, see [Voice & TTS](/docs/managing-your-chatbot/voice-and-tts).

### Restriction Level

Control how strictly your agent adheres to its training data:

| Level | Behavior |
| - | - |
| **Max** (Default) | Agent will only answer based on the training data |
| **Low** | Agent will attempt to use training data, but can also use some general ChatGPT knowledge |
| **None** | No restrictions, agent will answer any query |

### Prompt Guard

Prompt Guard pre-screens every visitor message using AI classification to detect prompt injection and jailbreak attempts before they reach your chatbot. When a malicious message is detected, the chatbot responds with the [default answer](#default-answer) instead of processing the harmful prompt.

Enable Prompt Guard by toggling it on in the Advanced settings tab.

<Note>
  Prompt Guard adds a small amount of latency to each message as it runs the classification check. This is typically imperceptible to visitors.
</Note>

<Info>
  Prompt Guard is available on **Startup** plans and above.
</Info>

### PII Redaction

PII Redaction automatically masks sensitive identifiers in visitor messages before they are stored or sent to the AI model. Detected values are replaced with placeholders so the conversation stays readable while the sensitive data never reaches the AI provider or your conversation history.

The following identifiers are detected and masked:

| Identifier | Placeholder |
| - | - |
| National ID numbers (PESEL) | `[PESEL]` |
| Payment card numbers | `[CARD]` |
| Bank account numbers (IBAN) | `[IBAN]` |
| BLIK payment codes | `[BLIK]` |
| Passwords | `[REDACTED]` |

Enable PII Redaction by toggling it on in the Advanced settings tab. Every redaction is also recorded in your audit log as a "PII Redaction" entry showing how many values were masked and their types, never the values themselves.

<Note>
  Detection uses pattern matching with checksum validation, so it adds no latency to responses. Values that are unusually formatted (for example, digits separated by words) may not be detected, so treat PII Redaction as a strong safeguard rather than an absolute guarantee.
</Note>

<Info>
  PII Redaction is available on **Growth** plans and above.
</Info>

### Rate Limiting

Prevent abuse by limiting the number of messages a visitor can send within a 5-minute window.

* **Enable Rate Limiting**: Toggle to activate message limits
* **Maximum Messages (per 5 minutes)**: Set the message cap (default: 20)
* **Rate Limit Message**: Customize the message shown when visitors exceed the limit

### Domain Restrictions

Control where your chatbot can be loaded:

* **Allowed Domains**: Add specific domains where your chatbot is permitted to load. Leave empty to allow all domains.
* **Custom Domain**: Serve your agent from your own custom domain (available on Business and Enterprise plans).

### Page URL Filtering

Control which pages your chatbot appears on by filtering based on URL paths.

* **Filter Mode**: Choose between three modes:
  * **Disabled**: The chatbot loads on all pages (default)
  * **Include only**: The chatbot loads only on pages matching the specified patterns (whitelist)
  * **Exclude**: The chatbot loads on all pages except those matching the specified patterns (blacklist)
* **URL Patterns**: Add URL path patterns to match against. Use `*` as a wildcard to match any characters in a path segment.
  * `/pricing` — matches only the pricing page
  * `/blog/*` — matches all pages under `/blog/`
  * `/docs/*` — matches all pages under `/docs/`

<Note>
  Page URL filtering is applied client-side. It is bypassed in preview mode so you can always test your chatbot.
</Note>

### IP Address Blocking

Block specific IP addresses or ranges from interacting with your chatbot.

* **Enable IP Blocking**: Toggle to activate IP-based blocking
* **Blocked IPs**: Add individual IP addresses or CIDR ranges to block.
  * `192.168.1.1` — blocks a single IP address
  * `10.0.0.0/8` — blocks an entire IP range

<Note>
  IP address blocking is applied server-side. It is bypassed in preview mode so you can always test your chatbot.
</Note>

***

## Danger Zone

<Warning>
  Actions in this section are irreversible and cannot be undone.
</Warning>

<Frame>
  <img alt="Danger zone with delete option" />
</Frame>

### Delete Agent

Permanently delete your chatbot and all its data. This removes:

* All training data and sources
* Conversation history
* Captured leads
* All configuration and settings

<Steps>
  <Step title="Navigate to Advanced tab">
    Go to **Configuration → Settings → Advanced**.
  </Step>

  <Step title="Scroll to Danger Zone">
    Find the **Danger Zone** section at the bottom.
  </Step>

  <Step title="Click Delete Agent">
    Click the red **Delete Agent** button and confirm.
  </Step>
</Steps>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Share Your Chatbot
Source: https://sitespeak.ai/docs/managing-your-chatbot/sharing

Share your chatbot with others via a dedicated URL for demos, testing, or direct access.

You can easily share your chatbot with others using a dedicated share URL. This is great for sharing information about your business or products in a conversational way.

## Get Your Share Link

<Steps>
  <Step title="Go to Install Agent">
    In your chatbot dashboard, click **Install Agent** in the sidebar.
  </Step>

  <Step title="Select the Share tab">
    Click on the **Share** tab.
  </Step>

  <Step title="Copy the URL">
    Click the **Copy URL** button to copy your chatbot's share link.
  </Step>
</Steps>

<Frame>
  <img alt="Share your agent URL" />
</Frame>

Your share URL will look like:

```
https://chatbot.sitespeak.ai/share/your-agent-id
```

***

## Use Cases

Share links are useful for:

* **Team testing**: Share with colleagues to review and test before going live
* **Client demos**: Send to potential customers or stakeholders to showcase your chatbot
* **Email support**: Include a direct link in emails so customers can quickly access help
* **Social media**: Post on Twitter, LinkedIn, or other platforms to drive engagement
* **Sales conversations**: Share product information in a conversational format
* **Internal tools**: Give team members quick access to company knowledge

***

## How the Share Page Works

When someone opens your share link:

1. They see a full-page version of your chatbot
2. They can immediately start chatting without any installation
3. The chatbot uses all your configured settings, training, and appearance options
4. Conversations are logged in your dashboard like any other interaction

***

## Customizing the Share Experience

The share page uses your chatbot's configured settings. To customize how it appears:

<CardGroup>
  <Card title="Appearance" icon="paintbrush" href="/docs/managing-your-chatbot/appearance">
    Change the name, colors, theme, and icons.
  </Card>

  <Card title="Welcome Message" icon="message-circle" href="/docs/managing-your-chatbot/personalise-welcome-message">
    Set the greeting visitors see when they open the chat.
  </Card>
</CardGroup>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Visitor Recent Chats
Source: https://sitespeak.ai/docs/managing-your-chatbot/visitor-recent-chats

Let visitors resume past conversations, start a fresh chat, or delete a chat from inside the chatbot widget.

Your visitors can see and resume their past conversations from inside the chatbot widget. A small menu in the chatbot header gives them three options: start a new chat, view recent chats, or delete the current chat.

## The widget menu

In the top-right of the chatbot header, visitors see a `…` menu. Tapping it opens a dropdown with:

* **Start New Chat** - rotates to a fresh session. The previous conversation stays available in Recent Chats.
* **Recent Chats** - opens the full list of past conversations.
* **Delete Chat** - soft-deletes the current conversation from the visitor's view. Your inbox keeps the full transcript.

No setup is required. The menu is enabled by default on every chatbot.

## Resuming a past conversation

When a visitor taps **Recent Chats**, they see a list of every past session they have had with your chatbot, with the latest message and a relative timestamp. Tapping any row reloads that conversation in full so they can continue exactly where they left off.

The current chat is highlighted in the list. The newest sessions appear at the top.

A floating **Start New Chat** button stays pinned at the bottom of the list so visitors can begin a fresh conversation without scrolling.

## Browser-local vs cross-device history

By default, Recent Chats is **local to the browser** the visitor chatted from. If they switch to a different device or browser, they get a fresh start.

If you have **identity verification** enabled and the visitor is identified, Recent Chats follows them across browsers and devices automatically. A visitor who chatted on their laptop yesterday can pick up the same thread on their phone today.

See [Identify Users](/docs/advanced/identify-users) for details on enabling identity verification.

<Note>
  Cross-device history only links sessions created from the date your chatbot was upgraded to support this feature. Older conversations stay tied to the browser they originated from.
</Note>

## Deleting a chat

Visitors who want to wipe a conversation can tap `…` -> **Delete Chat**. The chat is removed from their view immediately and no longer appears in Recent Chats.

What still happens behind the scenes:

* Your **Inbox** keeps the full transcript so you can always look back at what was said. See [Conversation History](/docs/managing-your-chatbot/conversation-history).
* **Message credits** are still counted - deleting a chat from the visitor's side does not refund credits.
* The deletion is scoped to that visitor's identity. A different visitor on the same device cannot delete chats that don't belong to them.

## Localization

Every label in the new menu can be translated for each language you support. Configure them in **Configuration > Localization** alongside the other widget strings.

The localizable keys are:

| Key | Default | Where it shows |
| - | - | - |
| `menu` | `Menu` | aria-label / tooltip on the `…` button |
| `new_chat` | `Start New Chat` | menu item + floating pill in Recent Chats |
| `view_recent_chats` | `Recent Chats` | menu item |
| `delete_chat` | `Delete Chat` | menu item |
| `recent_chats` | `Recent Chats` | header title in the recent-chats view |
| `no_conversations` | `No past conversations` | empty state |
| `back` | `Back` | aria-label on the back arrow |

See [Languages](/docs/managing-your-chatbot/languages) for how to edit translations.

## Behavior across the widget variants

Recent Chats works in every widget configuration:

* **Chat Bubble** - the menu sits in the top-right of the widget header.
* **Search Bar** - same menu, accessible once the conversation panel is open.
* **Share page** (`/share/:id`) - the menu is available even when the visitor opens a fresh share link.

In the **large header** layout, the recent-chats view uses the compact header style so the conversation list has more room to breathe.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Voice recognition & text-to-speech
Source: https://sitespeak.ai/docs/managing-your-chatbot/voice-and-tts

Enable voice input and text-to-speech for a more accessible chatbot experience

Make your chatbot more accessible by enabling speech recognition (speech-to-text) and text-to-speech capabilities.

## Speech recognition

Speech recognition allows visitors to speak their questions instead of typing. When enabled, the agent will respond with both text and audio.

### Enable speech recognition

<Steps>
  <Step title="Go to Configuration">
    In your chatbot dashboard, click **Configuration** in the sidebar.
  </Step>

  <Step title="Select Settings">
    Click on **Settings**.
  </Step>

  <Step title="Go to Advanced tab">
    Click on the **Advanced** tab.
  </Step>

  <Step title="Enable Speech Recognition">
    Toggle on **Enable Speech Recognition**.
  </Step>
</Steps>

<Frame>
  <img alt="Voice and speech settings" />
</Frame>

Once enabled, a microphone icon appears in the chat input field. Visitors can click it to speak their message.

## Text-to-speech

Text-to-speech allows the agent to respond with audio, reading responses aloud to visitors.

### Enable text-to-speech

In the same **Advanced** tab:

1. Toggle on **Enable Text to Speech**

Once enabled, the agent's responses will include an audio playback option.

## Speech services language

Select the language and voice you want to use for both speech recognition and text-to-speech:

1. Find the **Speech Services Language** dropdown
2. Select your preferred language and voice (e.g., "English (US, Female)")

<Note>
  If your language isn't supported, you can request it by clicking "Let us know" in the settings.
</Note>

## Use cases

Voice features are especially useful for:

* **Accessibility**: Supporting visitors who have difficulty typing
* **Mobile users**: Easier input on small screens
* **Hands-free scenarios**: When visitors can't type
* **Multilingual support**: Natural voice interaction in different languages

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# BookStack: Search Wiki Action
Source: https://sitespeak.ai/docs/tools-and-actions/bookstack-search

Enable your AI chatbot to search and retrieve information from your BookStack wiki in real-time.

The **BookStack: Search Wiki** action allows your AI support agent to search and retrieve information directly from your BookStack wiki. This enables real-time lookups when answering visitor questions.

<Note>
  Adding the [BookStack training integration](/docs/training-your-chatbot/bookstack) is still the preferred option for training your agent on your BookStack content since this results in faster responses from your agent. Use this action when you need real-time search capabilities.
</Note>

## How it Works

When a user asks a question that might be answered by your BookStack wiki, the chatbot will search your wiki in real-time, retrieve relevant content, and use it to formulate an accurate response.

## Add a BookStack: Search Wiki Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, click **Configuration** in the sidebar, then select **Tools & Actions**.
  </Step>

  <Step title="Click Add Action">
    Click the **+ Add Action** button.
  </Step>

  <Step title="Search for BookStack">
    Type "Bookstack" in the search field to filter the available actions.
  </Step>

  <Step title="Select BookStack: Search Wiki">
    Click **Add** next to **BookStack: Search Wiki**.
  </Step>
</Steps>

<Frame>
  <img alt="Select BookStack: Search Wiki action" />
</Frame>

### Configure BookStack Credentials

<Steps>
  <Step title="Set Name and Description">
    * **Name**: Give your action a descriptive name (e.g., `search_bookstack_wiki`)
    * **Description**: Describe when the AI should use this action (e.g., "Use this action to search and retrieve information from a Bookstack wiki to answer questions from visitors.")
  </Step>

  <Step title="Enter Wiki URL">
    Enter the base URL of your BookStack installation (e.g., `https://wiki.mywebsite.com`).
  </Step>

  <Step title="Get API Credentials from BookStack">
    1. Log in to your BookStack wiki as an admin.
    2. Go to your user profile settings.
    3. Navigate to the **API Tokens** section.
    4. Create a new API token.
    5. Copy the **Token ID** (Access Token) and **Token Secret**.

    For more details, see the [BookStack API documentation](https://demo.bookstackapp.com/api/docs).
  </Step>

  <Step title="Enter Access Token and Token Secret">
    Paste your **Access Token** and **Token Secret** into the respective fields.
  </Step>

  <Step title="Add Action">
    Click the **Add Action** button to save and enable the action.
  </Step>
</Steps>

<Frame>
  <img alt="BookStack: Search Wiki configuration" />
</Frame>

<Note>
  Make sure the API user has the **Access System API** and **Export content** permissions enabled on one of their assigned roles. This ensures SiteSpeakAI can retrieve information from your BookStack wiki.
</Note>

## When to Use This Action vs Training Integration

| Feature | BookStack Training | BookStack: Search Wiki Action |
| - | - | - |
| Response speed | Faster | Slightly slower (real-time search) |
| Content freshness | Syncs hourly | Always current |
| Best for | Static documentation | Frequently updated wikis |

If your wiki content changes frequently and you need the absolute latest information in responses, use this action. For most use cases, the [training integration](/docs/training-your-chatbot/bookstack) is recommended.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Brave: Web Search Action
Source: https://sitespeak.ai/docs/tools-and-actions/brave-search

Enable your AI chatbot to search the web for information and use the results to answer visitor questions.

The **Brave: Web Search** action enables your AI support agent to search the web for information and use the results to answer questions. This is useful as a fallback when your chatbot can't find the answer in its trained knowledge base, or when visitors ask about current events that require up-to-date information.

## How it Works

When a visitor asks a question that your chatbot can't answer from its training data, it will use Brave Search to look up relevant information from the web and include it in the response.

## Add a Brave: Web Search Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, click **Configuration** in the sidebar, then select **Tools & Actions**.
  </Step>

  <Step title="Click Add Action">
    Click the **+ Add Action** button.
  </Step>

  <Step title="Search for Brave">
    Type "Brave" in the search field to filter the available actions.
  </Step>

  <Step title="Select Brave: Web Search">
    Click **Add** next to **Brave: Web Search**.
  </Step>
</Steps>

<Frame>
  <img alt="Select Brave: Web Search action" />
</Frame>

### Configure the Action

<Steps>
  <Step title="Set Name and Description">
    * **Name**: Give your action a descriptive name (e.g., `web_search`)
    * **Description**: Describe when the AI should use this action. The default is: "Use this action when the user asks about a topic or question that you do not know the answer to. Use the search query supplied by the user to search the web for information and use the results to answer the question."
  </Step>

  <Step title="Set Domain Restrictions (Optional)">
    Enter a comma-separated list of domains that the agent is allowed to search (e.g., `google.com, wikipedia.org, youtube.com`).

    Leave blank to allow all domains.
  </Step>

  <Step title="Add Action">
    Click the **Add Action** button to save and enable the action.
  </Step>
</Steps>

<Frame>
  <img alt="Brave: Web Search configuration" />
</Frame>

***

## Example Use Cases

* **Current events**: Answer questions about recent news or events not in your training data
* **General knowledge fallback**: Provide answers when the chatbot's knowledge base doesn't cover a topic
* **Price lookups**: Find current pricing information from specific websites
* **Research assistance**: Help visitors find information from trusted sources

<Note>
  Web search results may vary and include content from external sources. Consider using Domain Restrictions to limit searches to trusted domains for your use case.
</Note>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add Cal.com Booking Action
Source: https://sitespeak.ai/docs/tools-and-actions/calcom

Enable your AI agent to check availability and make bookings on your Cal.com calendar.

The Cal.com action allows your AI agent to check your calendar availability and help visitors book appointments directly through the chatbot.

<Frame>
  <img alt="Cal.com action" />
</Frame>

## Adding the Cal.com Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration → Tools & Actions**.
  </Step>

  <Step title="Select Cal.com">
    Find **Cal.com: Make Bookings** and click **Add**.
  </Step>
</Steps>

***

## Configuration

<Frame>
  <img alt="Cal.com action configuration" />
</Frame>

### Name

A descriptive name for the action. Default: `book_calcom_appointment`

### Description

A description of the action and when it should be used. The default description guides the agent on how to handle booking requests, date ranges, and displaying available slots.

### Cal.com Event URL (required)

The URL of the Cal.com event to book. This URL looks like:

```
https://cal.com/your-username/your-event-name
```

***

## Finding Your Cal.com Event URL

<Steps>
  <Step title="Go to Cal.com">
    Log in to your [Cal.com dashboard](https://app.cal.com).
  </Step>

  <Step title="Open Event Types">
    Go to **Event Types** at [app.cal.com/event-types](https://app.cal.com/event-types).
  </Step>

  <Step title="Copy the event URL">
    Find the event you want to use and copy its URL.
  </Step>
</Steps>

***

## Save the Action

Once you've entered the Event URL, click **Add Action** to enable it.

Your chatbot will now be able to:

* Check availability on your calendar
* Show available time slots to visitors
* Allow visitors to book appointments

Bookings will automatically be added to your Cal.com calendar.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add Calendly Booking Action
Source: https://sitespeak.ai/docs/tools-and-actions/calendly

Enable your AI agent to check availability and make bookings on your Calendly calendar.

The Calendly action allows your AI agent to check your calendar availability and help visitors book appointments directly through the chatbot.

<Frame>
  <img alt="Calendly action" />
</Frame>

## Adding the Calendly Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration > Tools & Actions**.
  </Step>

  <Step title="Select Calendly">
    Find **Calendly: Make Bookings** and click **Add**.
  </Step>
</Steps>

***

## Configuration

<Frame>
  <img alt="Calendly action configuration" />
</Frame>

### Name

A descriptive name for the action. Default: `book_calendly_appointment`

### Description

A description of the action and when it should be used. The default description guides the agent on how to handle booking requests, date ranges, and displaying available slots.

### Calendly Account

Click **Connect Calendly Account** to connect your Calendly account via OAuth. You will be redirected to Calendly to authorize access.

Once connected, your event type will be automatically selected. If you have multiple event types, you will be prompted to choose which one visitors can book.

***

## Free vs Paid Calendly Plans

The Calendly action works with both free and paid Calendly plans, but the booking experience differs.

### Paid Plans (Standard, Teams, Enterprise)

On paid plans, the entire booking flow happens inline within the chatbot:

1. Visitor asks to book an appointment
2. Agent shows available time slots in a calendar
3. Visitor selects a date and time
4. Visitor fills in their name, email, and optional notes
5. Booking is created automatically and added to your calendar

### Free Plan

On free plans, availability checking works the same way, but Calendly's Scheduling API is not available for creating bookings. Instead:

1. Visitor asks to book an appointment
2. Agent shows available time slots in a calendar
3. Visitor selects a date and time
4. Visitor fills in their name and email
5. A Calendly booking page opens in a new tab (pre-filled with their details)
6. Visitor completes the booking on Calendly's page

<Note>
  For the best visitor experience, we recommend using a paid Calendly plan. This keeps the entire booking flow within the chatbot without redirecting to an external page.
</Note>

***

## Save the Action

Once you've connected your Calendly account and selected an event type, click **Add Action** to enable it.

Your chatbot will now be able to:

* Check availability on your Calendly calendar
* Show available time slots to visitors
* Allow visitors to book appointments

Bookings will automatically be added to your Calendly calendar.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Capture Leads Action
Source: https://sitespeak.ai/docs/tools-and-actions/capture-leads

Enable your AI chatbot to collect contact information from visitors and add them to your Contacts.

The **Capture Leads** action enables your AI support agent to collect information from visitors and add them to your Contacts. Use this to prompt visitors for contact information at the right moment, such as when they're interested in enterprise pricing or need further assistance.

## How it Works

When a visitor's query matches the action's description, your chatbot will display a lead capture form. After submission, their details are saved to your Contacts where you can view and export them.

You can add multiple Capture Leads actions with different configurations to collect different information for different scenarios.

## Add a Capture Leads Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, click **Configuration** in the sidebar, then select **Tools & Actions**.
  </Step>

  <Step title="Click Add Action">
    Click the **+ Add Action** button.
  </Step>

  <Step title="Search for Capture Leads">
    Type "Capture Leads" in the search field to filter the available actions.
  </Step>

  <Step title="Select Capture Leads">
    Click **Add** next to **Capture Leads**.
  </Step>
</Steps>

<Frame>
  <img alt="Select Capture Leads action" />
</Frame>

### Configure the Action

<Steps>
  <Step title="Set Name and Description">
    * **Name**: Give your action a descriptive name (e.g., `contact_form`)
    * **Description**: Describe when the AI should show this form (e.g., "Use this action to collect contact information from visitors who want to get in touch.")
  </Step>

  <Step title="Configure Form Fields">
    Set up the fields to display in your lead capture form:

    * **Type**: Select the field type (Text, Email, etc.)
    * **Label**: The field name shown to visitors (e.g., "Name", "Email")
    * **Required/Optional**: Whether the field must be filled in
    * **Enabled/Disabled**: Whether the field is shown

    Click **+ Add Field** to add more fields.
  </Step>

  <Step title="Set Response Messages">
    * **Submitted Message**: Message shown when the form is submitted (e.g., "Thank you for your submission! We'll get back to you soon.")
    * **Dismissed Message**: Message shown if the visitor dismisses the form (e.g., "No problem! Feel free to ask if you have any questions.")
  </Step>

  <Step title="Enable Email Notifications (Optional)">
    Toggle **Enable Email Notifications** to receive an email every time a visitor submits a form and a lead is captured.

    By default, notifications are sent to the escalation email addresses configured in your chatbot's general settings. To send notifications to different recipients, enter one or more email addresses in the **Notification Emails** field separated by commas.
  </Step>

  <Step title="Add Action">
    Click the **Add Action** button to save and enable the action.
  </Step>
</Steps>

<Frame>
  <img alt="Capture Leads configuration" />
</Frame>

***

## Viewing Captured Leads

After visitors complete your form, their details appear in the **Contacts** section of your chatbot dashboard. From there you can:

* View all captured leads and their submitted information
* Export your contacts and leads to CSV

<Frame>
  <img alt="Contacts list with captured leads" />
</Frame>

***

## Example Use Cases

* **Enterprise inquiries**: Capture contact details when visitors ask about enterprise pricing or custom solutions
* **Support escalation**: Collect information when visitors need human assistance for complex issues
* **Newsletter signups**: Prompt visitors to subscribe when they show interest in updates
* **Demo requests**: Gather details when visitors want to schedule a product demo

<Tip>
  Create multiple Capture Leads actions with different forms for different scenarios. For example, one for sales inquiries (collecting company name) and another for support requests (collecting issue details).
</Tip>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add a Custom API Action to Your AI Agent
Source: https://sitespeak.ai/docs/tools-and-actions/custom-api-action

Enable your AI agent to retrieve information or perform actions using any API endpoint.

The Custom API Action allows your AI agent to connect to any API endpoint to retrieve information or perform actions. This is useful for integrating with your own backend services, third-party APIs, or any system that exposes an API.

## Adding a Custom API Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration → Tools & Actions**.
  </Step>

  <Step title="Select Custom API Action">
    Find the **Custom API Action** card and click **Add**.
  </Step>
</Steps>

<Frame>
  <img alt="Custom API Action card" />
</Frame>

***

## Configuration

After selecting the action to add, you will need to configure the following settings:

<Frame>
  <img alt="Custom API Action configuration" />
</Frame>

### Name (required)

A descriptive name of the action.

**Example:** `get_assessment_results`

### Description (required)

A description of the action and when it should be used.

**Example:** `Use this action when the user asks about assessment score results.`

<Note>
  Make sure the **Name** and **Description** are descriptive so that the agent will know exactly when to use this action.
</Note>

### API Request

The API endpoint that the AI should use to retrieve information or perform an action.

#### Method

Select the HTTP method: **GET**, **POST**, **PUT**, **PATCH**, or **DELETE**.

#### URL (required)

The API endpoint URL. You can use template strings like `{{variable_name}}` to include data collected from the user.

**Example:** `https://api.example.com/v1/users/{{user_id}}/orders/{{order_id}}`

### Parameters

Parameters to send with the request if required. Use `{{variable_name}}` to include data collected from the user. Must be a valid JSON object.

**Example:**

```json theme={null}
{"id": "123", "name": "John Doe"}
```

### Headers

Headers to send with the request if required. Must be a valid JSON object.

**Example:**

```json theme={null}
{"Authorization": "Bearer your_access_token"}
```

***

## Save the Action

Once you've completed the required details for the API request, click on the **Add Action** button to add and enable the action for your AI agent.

Your agent will now be able to use this API action to retrieve information or perform actions based on visitor questions.

***

## Using Template Variables

For the API **URL** and **Parameters**, you can use template strings to have the agent fill in values based on information retrieved from the user:

* `{{user_id}}` - Will be replaced with the user's ID
* `{{order_id}}` - Will be replaced with an order ID
* `{{email}}` - Will be replaced with the user's email

You can also use the [Identity Verification API](/docs/managing-your-chatbot/deploy-and-install) to automatically provide user information to the chatbot.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Firecrawl: Search Action
Source: https://sitespeak.ai/docs/tools-and-actions/firecrawl-search

Enable your AI chatbot to search the web using Firecrawl and optionally scrape full page content from search results.

The **Firecrawl: Search** action enables your AI support agent to search the web using [Firecrawl](https://firecrawl.dev) and optionally scrape full page content from search results. This allows your chatbot to look up the latest and most relevant information for visitor queries.

## How it Works

When a visitor asks a question that your chatbot can't answer from its training data, it will use Firecrawl to search the web, retrieve relevant results, and optionally scrape the full content of those pages to provide a comprehensive answer.

## Add a Firecrawl: Search Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, click **Configuration** in the sidebar, then select **Tools & Actions**.
  </Step>

  <Step title="Click Add Action">
    Click the **+ Add Action** button.
  </Step>

  <Step title="Search for Firecrawl">
    Type "Firecrawl" in the search field to filter the available actions.
  </Step>

  <Step title="Select Firecrawl: Search">
    Click **Add** next to **Firecrawl: Search**.
  </Step>
</Steps>

<Frame>
  <img alt="Select Firecrawl: Search action" />
</Frame>

### Configure the Action

<Steps>
  <Step title="Set Name and Description">
    * **Name**: Give your action a descriptive name (e.g., `firecrawl_search`)
    * **Description**: Describe when the AI should use this action. The default is: "Use this action when the user asks about a topic or question that you do not know the answer to. Use the search query supplied by the user to search the web for information and use the results to answer the question."
  </Step>

  <Step title="Enter API Key">
    Enter your **Firecrawl API key**. Get one from [https://firecrawl.dev](https://firecrawl.dev).
  </Step>

  <Step title="Set Search Options">
    * **Limit**: Number of search results to return (1-500). Default is 5.
    * **Sources**: Select which sources to search (e.g., "Web").
    * **Location**: Geographic location for search results (e.g., "Germany", "San Francisco, California, United States"). Leave blank for global search.
  </Step>

  <Step title="Enable Scrape Content (Optional)">
    Toggle **Scrape Content** to scrape full page content from search results. This provides more detailed information but uses more Firecrawl credits.
  </Step>

  <Step title="Add Action">
    Click the **Add Action** button to save and enable the action.
  </Step>
</Steps>

<Frame>
  <img alt="Firecrawl: Search configuration" />
</Frame>

***

## Firecrawl vs Brave Search

| Feature | Brave: Web Search | Firecrawl: Search |
| - | - | - |
| API Key Required | No | Yes (from firecrawl.dev) |
| Full Page Scraping | No | Yes (optional) |
| Result Limit Control | No | Yes (1-500) |
| Location Targeting | No | Yes |
| Source Selection | Domain restrictions | Source dropdown |

Choose **Brave** for simple web searches without additional configuration. Choose **Firecrawl** when you need more control over search results, location targeting, or full page content scraping.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add HubSpot Meetings Booking Action
Source: https://sitespeak.ai/docs/tools-and-actions/hubspot-meetings

Enable your AI agent to check availability and book meetings on your HubSpot meetings calendar.

The HubSpot Meetings action allows your AI agent to check availability on one of your HubSpot meeting links and help visitors book a meeting directly through the chatbot. Each booking creates or updates the contact in HubSpot and records the meeting on the contact's timeline. If the link owner has a calendar connected in HubSpot, the meeting is added to that calendar too.

## Before You Start

* Your HubSpot account must be on a **Professional** tier or higher. The permission that reads meeting links is not available on Free or Starter accounts.
* You need at least one meeting link in HubSpot. Meeting links are managed under **Sales > Meetings Scheduler** in your HubSpot account.
* The owner of the meeting link should have their calendar connected in HubSpot, so booked meetings land on their calendar.
* The chat asks visitors only for their name and email. Custom questions on the meeting link are not asked, so make any required custom questions optional. Turn off the consent checkbox on the link too, because the chat cannot collect it.

## Adding the HubSpot Meetings Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration > Tools & Actions**.
  </Step>

  <Step title="Select HubSpot">
    Find **HubSpot: Make Bookings** and click **Add**.
  </Step>

  <Step title="Connect your HubSpot account">
    Click **Connect HubSpot Account**. You will be redirected to HubSpot to authorize access, then returned to the action.

    On the HubSpot authorization screen, tick the optional permission **Read metadata and booking availability information for meeting links** before you click **Connect app**. Without it, the action cannot read your meeting links.

    Do this before editing any other field. Connecting leaves the page, and edits made before that are lost. If you cancel on the HubSpot screen, you return to the action page with an error message.
  </Step>

  <Step title="Choose a meeting link">
    If your account has one meeting link, it is selected for you and shown under **Selected Meeting Link**. If it has more than one, pick the link visitors can book from the **Select Meeting Link (required)** list before you save. Links owned by other users in your HubSpot account are included. Group and round robin links are marked **(group)** or **(round robin)** after their name.
  </Step>

  <Step title="Save the action">
    Adjust the **Description** if needed, then click **Add Action**. The action is not saved until you do.
  </Step>
</Steps>

<Note>
  If you already use the [HubSpot lead sync integration](/docs/integrations/hubspot), you still need to click **Connect HubSpot Account** on the action. Booking needs a permission that the lead sync connection does not have.
</Note>

If the optional permission is locked and cannot be ticked, a HubSpot Super Admin needs to enable it first. In HubSpot, go to **Settings > Integrations > Connected Apps**, open the **Approved apps** tab, click **Manage access** next to SiteSpeakAI, and turn the permission on under **Data Permissions**. Then click **Connect HubSpot Account** again.

***

## Configuration

### Name

Fixed as `book_hubspot_meeting`. It cannot be changed.

### Description

A description of the action and when it should be used. The default description guides the agent on how to handle booking requests, date ranges, and displaying available slots.

### Hubspot Account

Connects your HubSpot account via OAuth. Once a meeting link is selected, the button reads **Reconnect HubSpot Account**. Click it to switch to a different meeting link or to authorize HubSpot again. On an installed action, the new link is not saved until you click **Update**, and any unsaved edits on the page are lost when you leave for HubSpot.

<Info>
  This uses the same HubSpot connection as the [HubSpot lead sync integration](/docs/integrations/hubspot). Connecting for the first time also turns lead sync on for this chatbot if your plan includes it. Reconnecting keeps your current lead sync setting. Turning lead sync off on the Settings page does not affect bookings, but **Disconnect** on the Settings page removes the connection and bookings stop working. Deleting the action does not remove the connection.
</Info>

***

## How Bookings Work

1. Visitor asks to book a meeting
2. Agent shows available time slots in a calendar
3. Visitor selects a date and time
4. Visitor fills in their name and email
5. The meeting is booked on your HubSpot meeting link

Meeting links that offer more than one duration are booked at the shortest duration.

Bookings appear in HubSpot as meetings on the contact's timeline. If the link owner has a calendar connected in HubSpot, the meeting is added to that calendar too.

HubSpot rejects a booking when it cannot accept the email address, for example an address on a made-up domain. The agent then tells the visitor the booking failed and repeats HubSpot's reason, so they can try another address.

***

## Troubleshooting

These errors show on the action page after you click **Connect HubSpot Account**.

**No meeting links found in your HubSpot account. Create one under Sales > Meetings Scheduler, then connect again.**

Create a meeting link in HubSpot, then click **Connect HubSpot Account** again.

**HubSpot did not grant access to your meeting links. Tick the optional meeting links permission on the HubSpot screen and connect again. If it cannot be ticked, a HubSpot Super Admin needs to enable it, and your HubSpot account must be on a Professional tier or higher.**

The optional permission was not granted. Connect again and tick it. If it is locked, see the Super Admin steps above. If your HubSpot account is on a Free or Starter tier, the permission is not available and the action cannot be used.

**Could not load the meeting links from your HubSpot account. Please try connecting again.**

HubSpot returned an error while the meeting links were being read. Wait a moment and click **Connect HubSpot Account** again.

**You have reached the maximum number of actions for your subscription. Please upgrade your subscription to add more actions.**

Your plan's action limit is reached. Delete an action you no longer use, or upgrade your plan.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Connect to an External MCP Server
Source: https://sitespeak.ai/docs/tools-and-actions/mcp-server

Connect your AI agent to remote MCP servers to access external AI tools and capabilities.

The MCP Server (SSE) action allows your AI agent to connect to remote Model Context Protocol servers, enabling access to external AI tools and capabilities.

<Frame>
  <img alt="MCP Server action" />
</Frame>

## Adding the MCP Server Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration → Tools & Actions**.
  </Step>

  <Step title="Select MCP Server">
    Find **MCP Server (SSE)** and click **Add**.
  </Step>
</Steps>

***

## Configuration

<Frame>
  <img alt="MCP Server configuration" />
</Frame>

### Name (required)

A descriptive name for the action.

**Example:** `get_weather_info`

### Description (required)

A description of the action and when it should be used.

**Example:** `Use this action when the user asks about weather information.`

<Note>
  Make sure the **Name** and **Description** are descriptive so that the agent knows exactly when to use this action.
</Note>

### Server URL (required)

The URL of the remote MCP Server. This should be an SSE (Server-Sent Events) endpoint.

**Example:** `https://mcp.example.com/sse`

### Headers

Optional headers to send with the request. Must be a valid JSON object.

**Example:**

```json theme={null}
{"Authorization": "Bearer your_access_token"}
```

***

## Save the Action

Click **Add Action** to enable the MCP Server action for your AI agent.

Your agent will now be able to use AI tools from the connected MCP server to answer questions and perform actions.

***

## Example Use Case

You can create MCP servers using services like [mcpify.ai](https://mcpify.ai/) and have your agent use them to provide additional capabilities.

**Weather example:**

1. Create a weather MCP server using mcpify.ai
2. Add it to your agent using the MCP Server action
3. Your agent can now provide weather information as part of its responses

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Chat to Your MySQL Database
Source: https://sitespeak.ai/docs/tools-and-actions/mysql-database

Enable your AI agent to retrieve data from a remote MySQL database to answer your visitors' questions.

The MySQL Database action allows your AI agent to query a remote MySQL database to retrieve information and answer visitor questions. This is useful for providing real-time data from your application database, inventory systems, CRMs, or any data stored in MySQL.

## How it Works

When a visitor asks a question that requires database information, the AI agent:

1. Discovers the database schema (table structure)
2. Generates the appropriate SQL query
3. Executes the query (read-only) and returns the results

All queries are **read-only** (SELECT only). The agent cannot modify your data.

## Adding the MySQL Database Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration > Tools & Actions**.
  </Step>

  <Step title="Click Add Action">
    Click the **+ Add Action** button.
  </Step>

  <Step title="Select MySQL Database">
    Find **MySQL Database** and click **Add**.
  </Step>
</Steps>

## Configuration

### Name (required)

A descriptive name for the action. This helps the AI agent understand what data this database contains.

**Example:** `query_inventory`

### Description (required)

A description of the action and when it should be used. Be specific about what data is available.

**Example:**

> Use this action when the user asks about product inventory, stock levels, or product details.

<Note>
  Make the **Name** and **Description** as specific as possible so the AI agent knows exactly when to use this action and what kind of data to look for.
</Note>

### Host (required)

The hostname or IP address of your MySQL server.

**Example:** `db.example.com` or `127.0.0.1`

### Port (required)

The port your MySQL server listens on. Default is `3306`.

### Database Name (required)

The name of the database to connect to.

**Example:** `my_database`

### Username (required)

The MySQL username for authentication.

<Tip>
  **We strongly recommend creating a dedicated read-only user** for your chatbot connection. This ensures the chatbot can only read data and prevents accidental modifications.

  ```sql theme={null}
  CREATE USER 'chatbot_readonly'@'%' IDENTIFIED BY 'your_password';
  GRANT SELECT ON your_database.* TO 'chatbot_readonly'@'%';
  FLUSH PRIVILEGES;
  ```
</Tip>

### Password (required)

The password for the MySQL user.

### SSL (optional)

Enable SSL/TLS for the connection. **Recommended for cloud-hosted databases** such as AWS RDS, Google Cloud SQL, PlanetScale, or DigitalOcean Managed Databases. Enabled by default.

## Connection Validation

When you save the action, the connection is automatically tested. If the connection fails, you will see an error message on the host field with details about what went wrong. Common issues include:

* Incorrect hostname or port
* Wrong username or password
* Firewall blocking the connection
* SSL required but not enabled

## Security

* **Read-only queries only** - the agent can only execute SELECT statements
* **Query timeout** - queries are limited to 5 seconds to prevent slow queries from affecting your database
* **Result size limit** - large results are truncated to prevent excessive data transfer
* All credentials are encrypted at rest

<Note>
  Make sure your MySQL server allows connections from external IP addresses. You may need to update your firewall rules or security group settings to allow connections from the SiteSpeak server.
</Note>

## Example Use Case

With an e-commerce database, your chatbot can answer questions like:

* "What products do you have in stock?"
* "What is the price of the Pro Plan?"
* "How many orders were placed this month?"
* "Show me the top-selling products"

The AI agent will automatically discover your table structure and generate the appropriate SQL queries to retrieve the information.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Navigate to Page Action
Source: https://sitespeak.ai/docs/tools-and-actions/navigate-to-page

Enable your AI chatbot to navigate visitors to specific pages on your site with dynamic URL parameters.

The **Navigate to Page** action enables your AI agent to automatically navigate visitors to relevant pages on your site after answering their questions. The system constructs the navigation URL from your configured template and fills in dynamic parameters based on the conversation context.

## How it Works

After the AI finishes responding, the system automatically checks the response for data that matches your URL template variables. If a match is found, a navigation button appears below the chatbot's response (or the page navigates automatically, depending on your configuration).

The Navigate to Page action supports two modes:

### Source URL Mode

When your URL template contains **no variables**, the system uses the first source URL from the chatbot's knowledge base results. This is useful for navigating visitors to pages your chatbot has indexed.

For example, if a visitor asks "Tell me about your pricing" and the AI pulls information from `https://yoursite.com/pricing`, a "Go to page" button appears linking directly to that page.

### Template Mode

When your URL template contains **variables** (e.g., `{{category_id}}`), the system looks for matching values in the tool results from your chatbot's actions (such as MySQL Database or Custom API Action). If the AI ran a database query that returned a `category_id` column, the system uses that value to construct the navigation URL.

For example, with a URL template of `https://yoursite.com/products?category={{category_id}}&sort={{sort_by}}`, if the AI's MySQL query returns `category_id: 42` and `sort_by: price`, the navigation URL becomes `https://yoursite.com/products?category=42&sort=price`.

<Tip>
  **Template variables are matched automatically.** You don't need to configure anything special in your MySQL or API action. The system scans all tool results for columns matching your URL template variable names. If the AI's query doesn't return the exact columns, the system runs a supplementary lookup using the same database connection and query filters.
</Tip>

## Navigation Modes

You can choose how the navigation is triggered:

| Mode | Behavior |
| - | - |
| **Show a clickable button** | A button appears below the AI's response. The visitor clicks to navigate. |
| **Navigate immediately** | The page navigates automatically as soon as the AI finishes responding. |
| **Show message then navigate after delay** | A countdown message appears (e.g., "Navigating in 3s...") with options to "Go now" or "Cancel". |

## Add a Navigate to Page Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, click **Configuration** in the sidebar, then select **Tools & Actions**.
  </Step>

  <Step title="Click Add Action">
    Click the **+ Add Action** button.
  </Step>

  <Step title="Search for Navigate to Page">
    Type "Navigate" in the search field to filter the available actions.
  </Step>

  <Step title="Select Navigate to Page">
    Click **Add** next to **Navigate to Page**.
  </Step>
</Steps>

### Configure the Action

<Steps>
  <Step title="Set Name and Description">
    * **Name**: Give your action a descriptive name (e.g., `navigate_to_products`)
    * **Description**: Describe when the AI should navigate the visitor (e.g., "Navigate visitors to the filtered product listing page after answering product questions.")
  </Step>

  <Step title="Set URL Template">
    Enter the URL to navigate to. Use `{{variable_name}}` for dynamic values that will be filled in from tool results.

    Examples:

    * **Static (source URL mode):** `https://yoursite.com` - navigates to the source page from knowledge base results
    * **Dynamic:** `https://yoursite.com/search?category={{category_id}}&location={{state_id}}` - constructs the URL from tool result fields
  </Step>

  <Step title="Set Parameters (optional)">
    If your URL template contains variables, define them as a JSON object. Keys are the variable names, values are descriptions.

    ```json theme={null}
    {
      "category_id": "The product category ID",
      "state_id": "The state or location ID"
    }
    ```
  </Step>

  <Step title="Choose Navigation Mode">
    Select how the navigation should be triggered:

    * **Show a clickable button** (default) - safest option, gives visitors control
    * **Navigate immediately** - best for search result pages
    * **Show message then navigate after delay** - gives visitors a chance to cancel
  </Step>

  <Step title="Configure Additional Options">
    * **Button Label** (button mode only): The text shown on the button (default: "Go to page")
    * **Delay** (delay mode only): Seconds to wait before navigating (default: 3)
  </Step>

  <Step title="Save">
    Click **Add Action** to save your configuration.
  </Step>
</Steps>

## Using with MySQL Database

When combined with the [MySQL Database](/docs/tools-and-actions/mysql-database) action, the Navigate to Page action can construct URLs from database query results. The URL template variable names must match column names or aliases in the database.

For example, if your database has an `interests` table with `id` and `name` columns, and your URL expects `?interests=42`:

1. Set the URL template to `https://yoursite.com/search?interests={{interests}}`
2. Ensure the database table or view the AI queries contains a column named `interests` with the numeric ID

<Note>
  The system automatically runs a supplementary lookup if the AI's query doesn't include the required columns. It extracts the WHERE clause from the AI's query and runs a targeted query to fetch the missing values using the same database connection.
</Note>

### MySQL Table Filter

If your database has many tables, use the **Tables** field on the MySQL Database action to specify which tables the AI should use. This limits the schema discovery to only the relevant tables, improving accuracy and performance.

## Embed Script Requirement

The Navigate to Page action works by sending a `postMessage` from the chatbot iframe to the parent page. The parent page must have the SiteSpeak embed script installed for navigation to work. This means:

* Navigation works on any page where the chatbot widget is embedded via the standard JavaScript snippet
* Navigation does **not** work on the share page (`/share/{chatbotId}`) since there is no parent page to navigate

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Tools & Actions
Source: https://sitespeak.ai/docs/tools-and-actions/overview

Add tools and actions to your AI agent to enable additional functionality like querying a database, making API calls, or integrating with third-party services.

Tools & Actions extend your chatbot's capabilities beyond answering questions from trained content. They allow your AI agent to retrieve real-time information, perform actions, and integrate with external services.

## Accessing Tools & Actions

Go to **Configuration → Tools & Actions** in your chatbot dashboard to view and add available tools.

<Frame>
  <img alt="Tools & Actions overview" />
</Frame>

***

## Available Tools & Actions

### Data & Search

<CardGroup>
  <Card title="Custom API Action" icon="code" href="/docs/tools-and-actions/custom-api-action">
    Connect to any API to retrieve information or perform actions.
  </Card>

  <Card title="SQLite Database" icon="database" href="/docs/tools-and-actions/sqlite-database">
    Query a SQLite database to answer visitor questions.
  </Card>

  <Card title="BookStack: Search Wiki" icon="book-open" href="/docs/tools-and-actions/bookstack-search">
    Search and retrieve information from your BookStack wiki.
  </Card>

  <Card title="Brave: Web Search" icon="search" href="/docs/tools-and-actions/brave-search">
    Search the web for information to answer questions.
  </Card>

  <Card title="Firecrawl: Search" icon="flame" href="/docs/tools-and-actions/firecrawl-search">
    Search the web and optionally scrape full page content from results.
  </Card>
</CardGroup>

### Scheduling & Payments

<CardGroup>
  <Card title="Cal.com: Make Bookings" icon="calendar" href="/docs/tools-and-actions/calcom">
    Get available slots and make bookings on your Cal.com calendar.
  </Card>

  <Card title="Calendly: Make Bookings" icon="calendar" href="/docs/tools-and-actions/calendly">
    Get available slots and make bookings on your Calendly calendar.
  </Card>

  <Card title="HubSpot: Make Bookings" icon="calendar" href="/docs/tools-and-actions/hubspot-meetings">
    Get available slots and book meetings on your HubSpot meetings calendar.
  </Card>

  <Card title="Paddle: Get Customer Subscription" icon="credit-card" href="/docs/tools-and-actions/paddle">
    Retrieve Paddle Classic subscription information like payment dates or receipt links.
  </Card>

  <Card title="Polar: Get Checkout Link" icon="link" href="/docs/tools-and-actions/polar">
    Retrieve a checkout link for a product or service from Polar.
  </Card>

  <Card title="Polar: Get Customer Subscription" icon="receipt" href="/docs/tools-and-actions/polar">
    Get information about a customer's Polar subscription.
  </Card>
</CardGroup>

### Ecommerce

<CardGroup>
  <Card title="Shopify: Get Orders" icon="shopping-bag" href="/docs/tools-and-actions/shopify">
    Retrieve order information and status updates from your Shopify store.
  </Card>

  <Card title="Shopify: Get Products" icon="tag" href="/docs/tools-and-actions/shopify">
    Search and retrieve product information including pricing and availability.
  </Card>
</CardGroup>

### Agent Features

<CardGroup>
  <Card title="Capture Leads" icon="user-plus" href="/docs/tools-and-actions/capture-leads">
    Collect information from visitors and add them to your Contacts.
  </Card>

  <Card title="Suggested Messages" icon="message-square" href="/docs/tools-and-actions/suggested-messages">
    Automatically suggest follow-up messages based on the conversation.
  </Card>

  <Card title="MCP Server (SSE)" icon="server" href="/docs/tools-and-actions/mcp-server">
    Connect to any remote MCP Server to use AI tools and perform actions.
  </Card>
</CardGroup>

***

## How to Add a Tool

1. Go to **Configuration → Tools & Actions**
2. Find the tool you want to add
3. Click the **Add** button
4. Configure the required settings
5. Click **Add Action** to enable it

Once added, your AI agent will automatically use the tool when appropriate based on visitor questions.

***

## Detailed Guides

<CardGroup>
  <Card title="Custom API Action" icon="code" href="/docs/tools-and-actions/custom-api-action">
    Connect your agent to any API endpoint.
  </Card>

  <Card title="SQLite Database" icon="database" href="/docs/tools-and-actions/sqlite-database">
    Enable your agent to chat with your database.
  </Card>

  <Card title="BookStack: Search Wiki" icon="book-open" href="/docs/tools-and-actions/bookstack-search">
    Search your BookStack wiki in real-time.
  </Card>

  <Card title="Brave: Web Search" icon="search" href="/docs/tools-and-actions/brave-search">
    Search the web using Brave Search.
  </Card>

  <Card title="Firecrawl: Search" icon="flame" href="/docs/tools-and-actions/firecrawl-search">
    Web search with optional full page scraping.
  </Card>

  <Card title="Capture Leads" icon="user-plus" href="/docs/tools-and-actions/capture-leads">
    Collect visitor information with forms.
  </Card>

  <Card title="Polar" icon="circle-dollar-sign" href="/docs/tools-and-actions/polar">
    Subscription info and checkout links from Polar.
  </Card>

  <Card title="Paddle" icon="credit-card" href="/docs/tools-and-actions/paddle">
    Paddle Classic subscription information.
  </Card>

  <Card title="Suggested Messages" icon="message-square" href="/docs/tools-and-actions/suggested-messages">
    Auto-generate follow-up message suggestions.
  </Card>

  <Card title="Shopify" icon="shopping-bag" href="/docs/tools-and-actions/shopify">
    Orders and products from your Shopify store.
  </Card>

  <Card title="Cal.com" icon="calendar" href="/docs/tools-and-actions/calcom">
    Calendar availability and booking.
  </Card>

  <Card title="Calendly" icon="calendar" href="/docs/tools-and-actions/calendly">
    Calendar availability and booking via Calendly.
  </Card>

  <Card title="HubSpot Meetings" icon="calendar" href="/docs/tools-and-actions/hubspot-meetings">
    Calendar availability and booking via HubSpot meeting links.
  </Card>

  <Card title="MCP Server" icon="server" href="/docs/tools-and-actions/mcp-server">
    Connect to remote MCP servers.
  </Card>
</CardGroup>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add a Paddle Subscription Action
Source: https://sitespeak.ai/docs/tools-and-actions/paddle

Enable your AI agent to retrieve subscription information from your Paddle account.

The Paddle action allows your AI agent to retrieve information about a customer's Paddle Classic subscription, such as payment dates, invoices, and billing information.

## Adding the Paddle Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration → Tools & Actions**.
  </Step>

  <Step title="Select Paddle">
    Find **Paddle: Get Customer Subscription** and click **Add**.
  </Step>
</Steps>

<Frame>
  <img alt="Paddle action" />
</Frame>

***

## Configuration

<Frame>
  <img alt="Paddle action configuration" />
</Frame>

### Name

A descriptive name for the action. Default: `get_customer_subscription_invoice`

### Description

A description of the action and when it should be used. You can customize this or use the provided default.

**Example:**

> Use this action when the user wants to get information about their subscription like the payment date or a link to a receipt or invoice. Use the subscription id supplied by the user to retrieve the information as well as the from and to date.

### Vendor Id (required)

Your Paddle Vendor ID.

You can find your Vendor ID in the Paddle Dashboard under **Developer Tools → Authentication**.

### Vendor Auth Code (required)

Your Paddle Vendor Auth Code.

You can create a Vendor Auth Code in the Paddle Dashboard under **Developer Tools → Authentication**.

***

## Getting Your Paddle Credentials

<Steps>
  <Step title="Log in to Paddle">
    Go to your [Paddle Dashboard](https://vendors.paddle.com).
  </Step>

  <Step title="Open Developer Tools">
    Navigate to **Developer Tools → Authentication**.
  </Step>

  <Step title="Copy your credentials">
    Copy your **Vendor ID** and **Vendor Auth Code** and paste them into SiteSpeakAI.
  </Step>
</Steps>

***

## Save the Action

Click **Add Action** to enable the action for your AI agent.

Your agent will now be able to assist visitors with information about their latest invoices and how to update their billing information.

***

## Providing Customer Information

To look up subscription information for a specific customer, combine this action with the [Identify feature](/docs/managing-your-chatbot/deploy-and-install) so your agent has the required information to retrieve subscriptions.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add Polar Subscription & Checkout Actions
Source: https://sitespeak.ai/docs/tools-and-actions/polar

Enable your AI agent to look up subscription information, generate invoices, and use checkout links from Polar.

The Polar actions allow your AI agent to look up subscription information, generate invoices, and provide checkout links for your products and services.

## Available Polar Actions

* **Polar: Get Checkout Link** - Retrieve a checkout link for a product or service
* **Polar: Get Customer Subscription** - Get information about a customer's subscription like payment date or a link to a receipt or invoice

<Frame>
  <img alt="Polar actions" />
</Frame>

***

## Adding a Polar Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration → Tools & Actions**.
  </Step>

  <Step title="Select a Polar action">
    Find **Polar: Get Checkout Link** or **Polar: Get Customer Subscription** and click **Add**.
  </Step>
</Steps>

***

## Configuration

Both Polar actions require the same configuration:

<Frame>
  <img alt="Polar action configuration" />
</Frame>

### Name

A descriptive name for the action. Default values are provided:

* `get_polar_checkout_link` for checkout links
* `get_polar_customer_subscription_invoice` for subscriptions

### Description

A description of the action and when it should be used. You can customize this or use the provided default.

**Example for checkout:**

> Use this action when the user wants to get a checkout link for a product or service. Use the product or service name supplied by the user to retrieve the checkout link to share with the user.

**Example for subscriptions:**

> Use this action when the user wants to get information about their subscription like the payment date or a link to a receipt or invoice. Use the subscription id supplied by the user to retrieve the information as well as the from and to date.

### Access Token (required)

Your Polar API access token.

***

## Creating a Polar Access Token

<Steps>
  <Step title="Go to Polar Dashboard">
    Log in to your [Polar account](https://polar.sh).
  </Step>

  <Step title="Open Settings">
    Go to **Settings → General → Developers**.
  </Step>

  <Step title="Create a new token">
    Click to create a new access token.
  </Step>

  <Step title="Enable permissions">
    Make sure to enable the following permissions:

    * `checkout_links:read`
    * `checkouts:read`
    * `subscriptions:read`
    * `subscriptions:write`
    * `customers:read`
    * `orders:read`
  </Step>

  <Step title="Copy the token">
    Copy the generated token and paste it into the **Access Token** field in SiteSpeakAI.
  </Step>
</Steps>

***

## Save the Action

Once you have added your access token, click **Add Action** to enable the action for your chatbot.

Your chatbot will now be able to look up subscription information and provide checkout links to your visitors.

***

## Providing Customer Information

To look up subscription information for a specific customer, use the [Identify functionality](/docs/managing-your-chatbot/deploy-and-install) to provide the customer ID to your agent.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Send Transcript Action
Source: https://sitespeak.ai/docs/tools-and-actions/send-transcript

Enable your AI chatbot to send a copy of the conversation transcript to visitors via email.

The **Send Transcript** action enables your AI agent to send a copy of the conversation to the visitor via email. When invoked, it displays an email form where the visitor can confirm their address and receive the full conversation thread.

This action also enriches your Contacts - when a visitor provides their email to receive a transcript, it is automatically saved to their contact record.

## How it Works

When a visitor asks for a copy of the conversation, your chatbot invokes the Send Transcript action and displays an email input form:

* **If the visitor's email is already known** (e.g., from a previous lead capture or identification), the form is pre-filled with their email so they can confirm with a single click.
* **If the visitor's email is not known**, the form is empty and the visitor enters their email address.

After clicking **Send**, the transcript is delivered to the provided email and the address is saved to Contacts. The visitor can also click **Skip** to dismiss the form.

## Add a Send Transcript Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, click **Configuration** in the sidebar, then select **Tools & Actions**.
  </Step>

  <Step title="Click Add Action">
    Click the **+ Add Action** button.
  </Step>

  <Step title="Search for Send Transcript">
    Type "Send Transcript" in the search field to filter the available actions.
  </Step>

  <Step title="Select Send Transcript">
    Click **Add** next to **Send Transcript**.
  </Step>
</Steps>

### Configure the Action

<Steps>
  <Step title="Set Name and Description">
    * **Name**: Give your action a descriptive name (e.g., `send_transcript`)
    * **Description**: Describe when the AI should use this action (e.g., "Use this action when the visitor asks for a copy or transcript of the conversation.")
  </Step>

  <Step title="Set Response Messages">
    * **Submitted Message**: Message shown after the transcript is sent (e.g., "The transcript has been sent to your email.")
    * **Dismissed Message**: Message shown if the visitor skips (e.g., "No problem! Let me know if you need anything else.")
  </Step>

  <Step title="Set Email Subject">
    * **Email Subject**: The subject line for the transcript email (e.g., "Your conversation transcript")
  </Step>

  <Step title="Save">
    Click **Add Action** to save your configuration.
  </Step>
</Steps>

## Contact Enrichment

When a visitor provides their email address through the Send Transcript form, it is automatically saved to their contact record in your **Contacts** page. This gives you another way to collect visitor information without requiring a dedicated lead capture form.

<Tip>
  **Combine with Suggested Messages for a one-click transcript button.**

  You can create a [Suggested Messages](/docs/tools-and-actions/suggested-messages) action with auto-generation **disabled** and add a manual message like "Send me a transcript of this conversation". This gives visitors an easy one-click button to request a transcript after their first message.
</Tip>

## Rate Limiting

To prevent abuse, transcript sends are limited to 3 per visitor per hour per chatbot. If a visitor exceeds this limit, they will see an error message asking them to try again later.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add Shopify Actions to Your AI Agent
Source: https://sitespeak.ai/docs/tools-and-actions/shopify

Enable your AI agent to retrieve order information and product details from your Shopify store.

The Shopify actions allow your AI agent to retrieve order and product information from your Shopify store, helping customers check order status, find products, and get shipping updates.

## Available Shopify Actions

* **Shopify: Get Orders** - Retrieve order information and status updates from your Shopify store
* **Shopify: Get Products** - Search and retrieve product information including pricing, availability, and details

<Frame>
  <img alt="Shopify actions" />
</Frame>

***

## Adding a Shopify Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration → Tools & Actions**.
  </Step>

  <Step title="Select a Shopify action">
    Find **Shopify: Get Orders** or **Shopify: Get Products** and click **Add**.
  </Step>
</Steps>

***

## Configuration

Both Shopify actions require the same configuration:

<Frame>
  <img alt="Shopify action configuration" />
</Frame>

### Name

A descriptive name for the action. Default: `get_shopify_orders` or `get_shopify_products`

### Description (required)

A description of the action and when it should be used.

**Example for orders:**

> Use this action when users want to check their order status, find order details, or track shipments from a Shopify store.

### Shop URL (required)

Your Shopify store URL in the format: `your-store.myshopify.com`

### Admin API Access Token (required)

Your Shopify Admin API access token. This requires creating a custom app in Shopify (see below).

***

## Creating a Shopify Custom App

To get your Admin API Access Token, you need to create a custom app in Shopify. This only takes a minute.

<Steps>
  <Step title="Open Shopify Settings">
    In your Shopify admin, click **Settings** in the sidebar.
  </Step>

  <Step title="Go to Apps and sales channels">
    Select **Apps and sales channels** from the sidebar.
  </Step>

  <Step title="Click Develop Apps">
    Click the **Develop Apps** button to go to the App development section.
  </Step>

  <Step title="Allow custom app development">
    If this is your first custom app, click **Allow custom app development**.
  </Step>

  <Step title="Create an app">
    Click **Create an app**. Enter an app name (e.g., "SiteSpeakAI Integration") and select yourself as the app developer.
  </Step>

  <Step title="Configure Admin API scopes">
    Click **Configure Admin API scopes** to assign permissions.
  </Step>

  <Step title="Select permissions">
    Enable the following 3 permissions:

    * `read_products`
    * `read_orders`
    * `read_customers`
  </Step>

  <Step title="Install the app">
    Click the **API credentials** tab, then click **Install app** to install it in your store.
  </Step>

  <Step title="Get your access token">
    Click **Reveal token once** to get your Admin API access token.

    <Note>
      You will not be able to see this token again. Copy it immediately and store it safely.
    </Note>

    The token will be in the format: `shpat_abc123...`
  </Step>
</Steps>

***

## Save the Action

Add your Shop URL and Admin API Access Token to SiteSpeakAI, then click **Add Action** to enable it.

Your agent will now be able to:

* **Get Orders**: Retrieve order information, status updates, and shipping details
* **Get Products**: Search products and retrieve pricing, availability, and descriptions

***

## What Your Agent Can Do

### With Get Orders

* Check order status
* Find order details
* Track shipments
* Look up order history

### With Get Products

* Search for products by name
* Get product pricing
* Check availability
* Retrieve product descriptions

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Chat to Your SQLite Database
Source: https://sitespeak.ai/docs/tools-and-actions/sqlite-database

Enable your AI agent to retrieve data from a SQLite database to answer your visitors' questions.

The SQLite Database action allows your AI agent to query a SQLite database to retrieve information and answer visitor questions. This is useful for providing real-time data from your application database, inventory systems, or any data stored in SQLite format.

## Adding the SQLite Database Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration → Tools & Actions**.
  </Step>

  <Step title="Select SQLite Database">
    Find the **Sqlite Database** card and click **Add**.
  </Step>
</Steps>

<Frame>
  <img alt="SQLite Database card" />
</Frame>

***

## Configuration

<Frame>
  <img alt="SQLite Database configuration" />
</Frame>

### Name (required)

A descriptive name of the action.

**Example:** `get_assessment_results`

### Description (required)

A description of the action and when it should be used.

**Example:** `Use this action when the user asks about assessment score results.`

<Note>
  Make sure the **Name** and **Description** are descriptive so that the agent will know exactly when to use this action.
</Note>

### Database (required)

Upload a SQLite database file (.db) to use.

Click **Choose file** and select your SQLite database file from your computer.

***

## Save the Action

Click the **Add Action** button to add and enable the action for your chatbot.

Your chatbot can now use this action to "chat to your database" and retrieve information to answer your visitors' questions.

***

## Example Use Case

Using the Chinook DB (a sample music store database), your chatbot can answer questions like:

* "What albums do you have by Led Zeppelin?"
* "How many tracks are in the Rock genre?"
* "What are the top selling artists?"

The AI agent will automatically generate the appropriate SQL queries to retrieve the information from your database.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Add Automatic Suggested Messages
Source: https://sitespeak.ai/docs/tools-and-actions/suggested-messages

Enable your AI agent to automatically suggest follow-up messages to visitors based on the conversation.

The Suggested Messages action allows your AI agent to generate automatic follow-up message suggestions for your visitors, making their interaction with your chatbot even better.

<Frame>
  <img alt="Suggested Messages action" />
</Frame>

## Adding the Suggested Messages Action

<Steps>
  <Step title="Go to Tools & Actions">
    In your chatbot dashboard, go to **Configuration → Tools & Actions**.
  </Step>

  <Step title="Select Suggested Messages">
    Find **Suggested Messages** and click **Add**.
  </Step>
</Steps>

***

## Configuration

<Frame>
  <img alt="Suggested Messages configuration" />
</Frame>

### Name (required)

A descriptive name for the action. Make this specific to help your AI agent know exactly when to use it.

**Example:** `login_issues` or `order_issues`

### Description (required)

A description of the action and when it should be used. Be specific about the context and how the agent should respond.

**Example:**

> Use this action when the user asks about issues with their order. Be helpful and friendly and suggest some follow up responses for them.

<Tip>
  Make the **Name** and **Description** as specific as possible to help your AI agent know exactly when to use this action and what kind of follow-up messages to suggest.
</Tip>

### Enable Auto Suggested Messages (required)

This option is **enabled by default** and allows the agent to automatically generate up to 4 suggested follow-up messages based on the conversation.

If you'd like to specify your own messages instead:

1. Disable this option
2. Add a comma-separated list of messages to use

***

## Save the Action

Click **Add Action** to enable the action for your AI agent.

When your visitors mention topics related to your suggested message action, your agent will display follow-up response options for them to click.

***

## How It Works

Once enabled, when a visitor asks about a topic matching your action's description, the chatbot will display clickable suggested messages. This helps guide the conversation and makes it easier for visitors to get the information they need.

**Example scenario:**

If a visitor asks "I'm having trouble logging in", and you have a `login_issues` action configured, your chatbot might suggest:

* "I forgot my password"
* "My account is locked"
* "I'm not receiving the verification email"
* "I need to update my email address"

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Connect App Integrations
Source: https://sitespeak.ai/docs/training-your-chatbot/app-integrations

Connect Notion, OneNote, Google Drive, SharePoint, OneDrive, Confluence, Discord, and other services to train your chatbot.

Connect your chatbot to third-party services like Notion, OneNote, Google Drive, SharePoint, OneDrive, Confluence, and Discord to use their content for training. This allows your chatbot to answer questions based on your existing documentation and knowledge bases.

## Available Integrations

From the **Apps** source type, you can connect:

* **Notion** - Connect your Notion workspace
* **Bookstack** - Connect your BookStack wiki ([detailed guide](/docs/training-your-chatbot/bookstack))
* **OneNote** - Connect your Microsoft OneNote notebooks
* **Google Drive** - Connect your Google Drive documents
* **SharePoint** - Connect your SharePoint document libraries and site pages
* **OneDrive** - Connect your OneDrive files and documents
* **Confluence** - Connect your Confluence spaces and pages
* **Discord** - Select Discord channels to train on

<Note>
  Intercom integration is coming soon.
</Note>

<Frame>
  <img alt="App Integrations showing available connections" />
</Frame>

***

## Connecting an App Integration

<Steps>
  <Step title="Go to Training & Content">
    In your chatbot dashboard, click **Training & Content** in the sidebar.
  </Step>

  <Step title="Select Sources">
    Click on **Sources**.
  </Step>

  <Step title="Click Add Sources">
    Click the **+ Add Sources** button.
  </Step>

  <Step title="Select Apps">
    Select **Apps** from the source type dropdown.
  </Step>

  <Step title="Choose your integration">
    Click on the integration you want to connect (e.g., Connect Notion, Connect OneNote).
  </Step>

  <Step title="Authorize access">
    Follow the OAuth prompts to authorize SiteSpeakAI to access your content.
  </Step>
</Steps>

***

## Notion

Click **Connect Notion** to link your Notion workspace. You'll be redirected to Notion to log in and authorize access. Once connected, SiteSpeakAI can access your Notion pages to use for training.

<Frame>
  <img alt="Notion login screen" />
</Frame>

***

## OneNote

Click **Connect OneNote** to link your Microsoft OneNote notebooks. You'll be prompted to sign in with your Microsoft account and grant permission.

SiteSpeakAI will be able to:

* View the titles of your OneNote notebooks and sections
* Read all pages in your notebooks

<Note>
  Password-protected sections cannot be accessed.
</Note>

<Frame>
  <img alt="OneNote permission request" />
</Frame>

***

## Google Drive

Click **Connect Google Drive** to link your Google account. You'll be redirected to Google to choose an account and authorize access to your Drive documents.

<Frame>
  <img alt="Google account chooser" />
</Frame>

***

## SharePoint

Click **Connect SharePoint** to train your chatbot on documents and pages stored in your SharePoint Online environment. You'll be prompted to sign in with your Microsoft account and grant permission to read your SharePoint sites and files.

### Getting started

<Steps>
  <Step title="Click Connect SharePoint">
    From the **Apps** source type, click **Connect SharePoint**. If you haven't connected your Microsoft account yet, you'll be prompted to sign in and authorize access.
  </Step>

  <Step title="Select a SharePoint site">
    Choose the SharePoint site that contains the content you want to use for training.
  </Step>

  <Step title="Choose a content type">
    Select either **Document Libraries** or **Site Pages** depending on the type of content you want to index.
  </Step>
</Steps>

### Document Libraries

Use this option to train on files stored in SharePoint document libraries.

**Supported file types:**

* Word documents (.docx, .doc)
* PDF files (.pdf)
* PowerPoint presentations (.pptx, .ppt)
* Excel spreadsheets (.xlsx, .xls)
* Text files (.txt, .csv, .md, .rtf)

<Steps>
  <Step title="Select a document library">
    Browse the available document libraries in the selected site.
  </Step>

  <Step title="Select individual documents or auto-sync the library">
    You can browse and select individual documents, or click **Auto-sync** to automatically discover and index all documents in the library.
  </Step>

  <Step title="Add selected">
    Click **Add Selected** to start training your chatbot on the selected documents.
  </Step>
</Steps>

**Auto-sync** creates a parent source that checks the library daily for new or updated documents and indexes them automatically. This works the same way as sitemap auto-sync.

<Note>
  Auto-sync for document libraries requires the **Pro** plan or higher.
</Note>

### Site Pages

Use this option to train on SharePoint wiki pages and modern pages.

<Steps>
  <Step title="Browse available pages">
    All wiki and modern pages from the selected site are listed.
  </Step>

  <Step title="Select pages or auto-sync all pages">
    You can select individual pages using the checkboxes, or click **Auto-sync All Pages** to automatically index every page on the site.
  </Step>

  <Step title="Add selected">
    Click **Add Selected** to start training your chatbot on the selected pages. Content is extracted from each page's canvas layout.
  </Step>
</Steps>

**Auto-sync** creates a parent source that checks the site daily for new, updated, or deleted pages and keeps your training data in sync automatically. New pages are added, and pages that have been removed from SharePoint are cleaned up on the next sync cycle.

<Note>
  Auto-sync for site pages requires the **Pro** plan or higher.
</Note>

<Note>
  SharePoint uses the same Microsoft account connection as OneNote. If you've already connected OneNote, you may need to reconnect to grant the additional SharePoint permissions.
</Note>

***

## OneDrive

Click **Connect OneDrive** to train your chatbot on files stored in your OneDrive account. You'll be prompted to sign in with your Microsoft account and grant permission to read your files.

### Getting started

<Steps>
  <Step title="Click Connect OneDrive">
    From the **Apps** source type, click **Connect OneDrive**. If you haven't connected your Microsoft account yet, you'll be prompted to sign in and authorize access.
  </Step>

  <Step title="Browse your files">
    Navigate through your OneDrive folders to find the files you want to use for training.
  </Step>

  <Step title="Select files">
    Check the boxes next to the files you want to train on.
  </Step>

  <Step title="Add selected">
    Click **Add Selected** to start training your chatbot on the selected files.
  </Step>
</Steps>

**Supported file types:**

* Word documents (.docx, .doc)
* PDF files (.pdf)
* PowerPoint presentations (.pptx, .ppt)
* Excel spreadsheets (.xlsx, .xls)
* Text files (.txt, .csv, .md, .rtf)

<Note>
  OneDrive uses the same Microsoft account connection as OneNote and SharePoint. If you've already connected one of these, you may need to reconnect to grant the additional OneDrive permissions.
</Note>

***

## Confluence

Click **Connect Confluence** to train your chatbot on pages from your Confluence workspace. You'll be redirected to Atlassian to log in and authorize access.

### Getting started

<Steps>
  <Step title="Click Connect Confluence">
    From the **Apps** source type, click **Connect Confluence**. You'll be redirected to Atlassian to authorize access.
  </Step>

  <Step title="Select a Confluence site">
    If you have multiple Confluence sites, choose the one that contains the content you want to use for training.
  </Step>

  <Step title="Select a space">
    Browse the available spaces and select the one you want to train on.
  </Step>

  <Step title="Select pages">
    Browse the pages in the selected space and check the ones you want to include.
  </Step>

  <Step title="Add selected">
    Click **Add Selected** to start training your chatbot on the selected pages.
  </Step>
</Steps>

<Note>
  Confluence integration requires your Confluence instance to be accessible via Atlassian Cloud.
</Note>

***

## Discord

To train your chatbot on Discord channel content, you first need to install the chatbot in your Discord server.

### Step 1: Install to Discord

<Steps>
  <Step title="Go to Install Agent">
    In your chatbot dashboard, click **Install Agent** in the sidebar.
  </Step>

  <Step title="Select the Discord tab">
    Click on the **Discord** tab.
  </Step>

  <Step title="Connect to Discord">
    Click the **Connect to Discord** button.
  </Step>

  <Step title="Authorize access">
    Log in to Discord and authorize SiteSpeakAI to access your server.
  </Step>
</Steps>

<Frame>
  <img alt="Deploy & Install Discord tab" />
</Frame>

### Step 2: Select Channels for Training

Once Discord is connected, you can select which channels to train on:

<Steps>
  <Step title="Go to Training & Content">
    Click **Training & Content → Sources**.
  </Step>

  <Step title="Click Add Sources">
    Click **+ Add Sources** and select **Apps**.
  </Step>

  <Step title="Click Connect Discord Channels">
    Click **Connect Discord Channels**.
  </Step>

  <Step title="Select channels">
    Check the boxes next to the channels you want to train on (e.g., general, support, feature-requests).
  </Step>

  <Step title="Save">
    Click **Save** to confirm your selection.
  </Step>
</Steps>

<Note>
  If you see "No channels found", make sure you have [installed the chatbot in your Discord server](#step-1-install-to-discord) first.
</Note>

***

## BookStack

For BookStack, you'll need to enter your Wiki URL and API credentials instead of using OAuth. See the [detailed BookStack guide](/docs/training-your-chatbot/bookstack) for step-by-step instructions.

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Train Your Chatbot on Audio Files
Source: https://sitespeak.ai/docs/training-your-chatbot/audio

Upload audio files to train your chatbot. SiteSpeakAI will transcribe the audio and use the content for training.

Upload audio files to train your chatbot on podcasts, recorded calls, voice memos, or any other audio content. SiteSpeakAI will automatically transcribe the audio and use the extracted text for training.

## Uploading Audio Files

<Steps>
  <Step title="Go to Training & Content">
    In your chatbot dashboard, click **Training & Content** in the sidebar.
  </Step>

  <Step title="Select Sources">
    Click on **Sources**.
  </Step>

  <Step title="Click Add Sources">
    Click the **+ Add Sources** button.
  </Step>

  <Step title="Select Audio">
    From the source type dropdown, select **Audio**.
  </Step>

  <Step title="Choose your files">
    Click **Choose files** to browse and select audio files from your computer. You can upload multiple files at once.
  </Step>

  <Step title="Upload Files">
    Click the **Upload Files** button to start the transcription and training process.
  </Step>
</Steps>

<Frame>
  <img alt="Audio upload interface" />
</Frame>

***

## How It Works

1. **Upload**: Select one or more audio files from your computer.
2. **Transcription**: SiteSpeakAI automatically transcribes the audio content.
3. **Training**: The transcribed text is used to train your chatbot.

***

## Best Practices

* **Clear audio**: Use audio files with clear speech and minimal background noise for better transcription accuracy.
* **Relevant content**: Upload audio that contains information your chatbot should know about.
* **Review sources**: After training, check the transcribed content in your sources list to ensure accuracy.

<Tip>
  Audio transcription works best with spoken content like interviews, webinars, tutorials, and customer calls.
</Tip>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Train Your Chatbot on BookStack Wiki Content
Source: https://sitespeak.ai/docs/training-your-chatbot/bookstack

Learn how to connect your BookStack wiki to SiteSpeakAI and train your chatbot to answer questions using your knowledge base content.

Connect your BookStack wiki to SiteSpeakAI to create an AI chatbot that can answer questions using your existing knowledge base. Your chatbot will automatically pull content from your BookStack pages, books, and shelves to provide accurate, contextual responses to your visitors.

## Why Use BookStack with SiteSpeakAI?

BookStack is a popular open-source wiki platform used by thousands of organizations for documentation and knowledge management. By connecting it to SiteSpeakAI, you can:

* **Instant answers**: Let visitors ask questions in natural language instead of searching
* **24/7 availability**: Provide support even when your team is offline
* **Reduced support load**: Automate responses to common questions
* **Always up-to-date**: SiteSpeakAI automatically checks for new and updated content every hour

***

## Prerequisites

Before connecting BookStack to SiteSpeakAI, you'll need:

1. A BookStack installation with API access enabled
2. A BookStack API token and secret
3. A SiteSpeakAI account ([sign up free](https://sitespeak.ai/register))

***

## How to Get Your BookStack API Credentials

<Steps>
  <Step title="Log in to BookStack">
    Access your BookStack installation as an administrator.
  </Step>

  <Step title="Go to your profile">
    Click on your profile icon and select **Edit Profile**.
  </Step>

  <Step title="Create an API token">
    Scroll down to the **API Tokens** section and click **Create Token**.
  </Step>

  <Step title="Copy your credentials">
    Copy both the **Token ID** and **Token Secret**. Store these securely as the secret won't be shown again.
  </Step>
</Steps>

<Note>
  Make sure your API token has read access to the content you want your chatbot to use. Check your BookStack role permissions if needed.
</Note>

***

## Connect BookStack to SiteSpeakAI

<Steps>
  <Step title="Open your chatbot dashboard">
    Log in to [SiteSpeakAI](https://sitespeak.ai/login) and select your chatbot.
  </Step>

  <Step title="Go to Training & Content">
    Click **Training & Content** in the sidebar, then select **Sources**.
  </Step>

  <Step title="Click Add Sources">
    Click the **+ Add Sources** button in the top right corner.
  </Step>

  <Step title="Select Apps">
    In the source type dropdown, select **Apps** to see available integrations.
  </Step>

  <Step title="Choose BookStack">
    Click on the **BookStack** integration option.
  </Step>
</Steps>

<Frame>
  <img alt="Add Sources page showing BookStack integration" />
</Frame>

### Enter Your BookStack Details

In the **Add Bookstack Integration** modal:

<Steps>
  <Step title="Enter your Wiki URL">
    Enter the base URL of your BookStack installation (e.g., `https://wiki.mywebsite.com`).
  </Step>

  <Step title="Add your Access Token">
    Paste the API Token ID you copied from BookStack.
  </Step>

  <Step title="Add your Token Secret">
    Paste the API Token Secret.
  </Step>

  <Step title="Save the integration">
    Click **Save** to connect your BookStack wiki.
  </Step>
</Steps>

<Frame>
  <img alt="BookStack integration modal with Wiki URL, Access Token, and Token Secret fields" />
</Frame>

***

## What Gets Imported

Once connected, SiteSpeakAI imports every BookStack page your API token's user can view. Each page appears as its own source:

1. **Automatic import**: All pages visible to the token's user are fetched and processed
2. **Monitor status**: Watch the training progress in the Sources list
3. **Control what's included**: Use BookStack's role and content permissions to limit which pages the token's user (and so your chatbot) can see

Your sources will show a **Trained** status with a green checkmark when ready.

***

## How Your Chatbot Uses BookStack Content

After training, your chatbot will:

* Search your BookStack content when visitors ask questions
* Provide answers based on relevant wiki pages
* Cite sources so visitors know where the information comes from
* Handle follow-up questions with context awareness

### Example Interaction

**Visitor**: "How do I reset my password?"

**Chatbot**: "To reset your password, go to the login page and click 'Forgot Password'. Enter your email address and you'll receive a reset link within a few minutes. If you don't see the email, check your spam folder."

*Source: Password Reset Guide (BookStack)*

***

## Keeping Content Updated

Once connected, SiteSpeakAI automatically keeps your chatbot in sync with your BookStack wiki:

* **Automatic sync**: SiteSpeakAI checks BookStack for new and updated pages every hour
* **No manual action required**: Your chatbot automatically trains on any content changes

This means you can update your BookStack wiki and your chatbot will have the latest information within an hour.

***

## Troubleshooting

### Connection Failed

If you can't connect to BookStack:

* Verify your Wiki URL is correct and accessible
* Check that API access is enabled in BookStack settings
* Ensure your token hasn't expired or been revoked
* Confirm your token has read permissions

### Content Not Appearing

If your content isn't being fetched:

* Make sure the role of the user who created the API token has both the **Access system API** and **Export content** permissions enabled (BookStack **Settings → Roles**). Without them, BookStack rejects the API or page-export requests and no content is imported
* Check your BookStack role permissions
* Verify the pages aren't restricted to specific roles
* Try creating a new API token whose role has the **Access system API** and **Export content** permissions, plus view access to the books you want imported

### Chatbot Giving Wrong Answers

If responses aren't accurate:

* Review and update your BookStack content
* Add more detailed information to relevant pages
* Use [fine-tuning](/docs/training-your-chatbot/fine-tuning) to improve specific responses

***

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="Can I use multiple BookStack instances?">
    Yes, you can connect multiple BookStack installations to a single chatbot by adding each as a separate source.
  </Accordion>

  <Accordion title="How often does SiteSpeakAI sync with BookStack?">
    SiteSpeakAI automatically checks your BookStack wiki for new and updated content every hour. No manual action is required.
  </Accordion>

  <Accordion title="What do I need from BookStack to connect?">
    You need your BookStack Wiki URL, an API Access Token, and the Token Secret. You can create these in your BookStack profile under API Tokens.
  </Accordion>
</AccordionGroup>

***

## Next Steps

<CardGroup>
  <Card title="Fine-tune responses" icon="sliders-horizontal" href="/docs/training-your-chatbot/fine-tuning">
    Improve your chatbot's answers with custom training.
  </Card>

  <Card title="Install on your site" icon="code" href="/docs/managing-your-chatbot/deploy-and-install">
    Add your trained chatbot to your website.
  </Card>

  <Card title="Add more sources" icon="plus" href="/docs/training-your-chatbot/overview">
    Combine BookStack with other content sources.
  </Card>

  <Card title="Customize appearance" icon="paintbrush" href="/docs/managing-your-chatbot/appearance">
    Match your chatbot to your brand.
  </Card>
</CardGroup>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Fine-Tune Your Chatbot's Responses
Source: https://sitespeak.ai/docs/training-your-chatbot/fine-tuning

Learn how to improve and customize your chatbot's answers using updated answers and training adjustments.

Fine-tuning helps you improve your chatbot's responses over time. When your chatbot gives an incorrect or incomplete answer, you can provide corrections that it will learn from.

## Why Fine-Tune?

Even with good training data, your chatbot may:

* Miss nuances in certain questions
* Provide outdated information
* Use the wrong tone or format
* Lack context for specific scenarios

Fine-tuning addresses these issues by letting you teach the chatbot exactly how to respond.

***

## Using Updated Answers

The **Updated Answers** feature lets you correct specific responses:

<Steps>
  <Step title="Go to Training & Content">
    Click **Training & Content** in the sidebar.
  </Step>

  <Step title="Select Updated Answers">
    Click on **Updated Answers**.
  </Step>

  <Step title="Add a correction">
    Click **Add Updated Answer**.
  </Step>

  <Step title="Enter the question">
    Type the question or phrase that triggered the wrong response.
  </Step>

  <Step title="Provide the correct answer">
    Write the response you want your chatbot to give.
  </Step>

  <Step title="Save">
    Click **Save** to apply the correction.
  </Step>
</Steps>

<Frame>
  <img alt="Updated answers interface" />
</Frame>

***

## Best Practices

### Review Conversation Logs

Regularly check your chatbot's conversations in the **Inbox** to identify:

* Frequently asked questions with poor answers
* Topics where the chatbot seems confused
* Missed opportunities to provide helpful information

### Be Specific

When adding updated answers:

* Match the exact phrasing visitors use
* Include common variations of the question
* Provide complete, helpful responses

### Test Your Changes

After fine-tuning:

* Use **Test Agent** to verify the improvement
* Monitor real conversations to confirm it's working
* Iterate if needed

***

## Adjusting AI Instructions

For broader changes, update your AI instructions in [Settings](/docs/managing-your-chatbot/settings):

* **Tone**: Make responses more formal or casual
* **Length**: Set preferred response length
* **Behavior**: Define how to handle certain topics
* **Restrictions**: Limit what the chatbot will discuss

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Train Your Chatbot
Source: https://sitespeak.ai/docs/training-your-chatbot/overview

Learn how to train your AI chatbot using websites, documents, and app integrations.

Training your chatbot is how you teach it to answer questions about your business, products, and services. SiteSpeakAI supports multiple content sources so you can build a comprehensive knowledge base for your AI agent.

## How Training Works

<Steps>
  <Step title="Add sources">
    Connect your content sources like websites, documents, or app integrations.
  </Step>

  <Step title="Select content">
    Choose which pages, files, or data you want your chatbot to learn from.
  </Step>

  <Step title="Train">
    SiteSpeakAI processes your content and builds a searchable knowledge base.
  </Step>

  <Step title="Test & refine">
    Ask your chatbot questions and fine-tune responses as needed.
  </Step>
</Steps>

***

## Supported Source Types

When you click **+ Add Sources**, you can choose from the following source types:

### Website

Add a website URL and SiteSpeakAI will crawl it to extract text content. This may take a minute or two depending on the size of the website. [Learn more](/docs/training-your-chatbot/website-and-links)

### Links

Add individual page URLs to train on specific pages rather than an entire website. [Learn more](/docs/training-your-chatbot/website-and-links)

### Sitemap

Provide a sitemap URL to automatically discover and crawl all pages on your site.

### Text

Upload plain text files or paste text content directly.

### PDF

Upload PDF documents like product manuals, guides, and policies. [Learn more](/docs/training-your-chatbot/pdfs)

### Audio

Upload audio files to be transcribed and used for training. [Learn more](/docs/training-your-chatbot/audio)

### Video

Upload video files to extract and train on the audio content.

### Apps

Connect third-party platforms to train on their content. [Learn more](/docs/training-your-chatbot/app-integrations)

Available integrations:

* **Notion**: Connect your Notion workspace
* **[BookStack](/docs/training-your-chatbot/bookstack)**: Wiki and knowledge base content
* **OneNote**: Connect your Microsoft OneNote notebooks
* **Google Drive**: Connect your Google Drive documents
* **SharePoint**: Connect your SharePoint document libraries and site pages
* **Discord**: Select Discord channels to train on

Intercom and Google Docs integrations are coming soon.

***

## Accessing Training Sources

<Steps>
  <Step title="Go to Training & Content">
    In your chatbot dashboard, click **Training & Content** in the sidebar.
  </Step>

  <Step title="Select Sources">
    Click on **Sources** to view and manage your training content.
  </Step>

  <Step title="Add new sources">
    Click **+ Add Sources** to connect new content.
  </Step>
</Steps>

<Frame>
  <img alt="Training sources list" />
</Frame>

***

## Managing Your Sources

### Source Status

Each source shows its current status:

| Status | Meaning |
| - | - |
| **Trained** (green) | Content is processed and ready |
| **Training** | Currently being processed |
| **Pending** | Queued for training |
| **Error** | Something went wrong |

### Source Information

For each source you can see:

* **Name**: The page title or file name
* **URL**: Source location (if applicable)
* **Type**: The source type (link icon for URLs, etc.)
* **Size**: Amount of content (e.g., 3.6 KB, 7.2 KB)
* **Status**: Training status (Trained, Training, Pending, Error)
* **Auto**: Whether auto-sync is enabled
* **Last Trained**: When it was last processed (e.g., 18 hours ago, 4 months ago)

### Managing Sources

Select one or more sources using the checkboxes to reveal action buttons:

* **Delete**: Remove selected sources from training
* **Retrain**: Re-fetch content and retrain selected sources
* **Auto Sync**: Enable automatic syncing for selected sources

***

## Best Practices

### Quality Over Quantity

* Focus on accurate, well-written content
* Remove outdated or duplicate information
* Organize content clearly with headings

### Keep Content Updated

* Enable auto-sync for dynamic sources
* Regularly review and refresh static content
* Remove sources that are no longer relevant

### Test Thoroughly

* Ask your chatbot common customer questions
* Check that answers cite the correct sources
* Use [fine-tuning](/docs/training-your-chatbot/fine-tuning) to correct mistakes

***

## Source Guides

<CardGroup>
  <Card title="Website & Links" icon="globe" href="/docs/training-your-chatbot/website-and-links">
    Train on your website content and specific page URLs.
  </Card>

  <Card title="BookStack Wiki" icon="book-open" href="/docs/training-your-chatbot/bookstack">
    Connect your BookStack knowledge base.
  </Card>

  <Card title="PDFs & Files" icon="file-text" href="/docs/training-your-chatbot/pdfs">
    Upload PDFs, CSVs, and text files.
  </Card>

  <Card title="Audio" icon="audio-lines" href="/docs/training-your-chatbot/audio">
    Upload and transcribe audio files.
  </Card>

  <Card title="App Integrations" icon="plug" href="/docs/training-your-chatbot/app-integrations">
    Connect Notion, OneNote, Google Drive, and more.
  </Card>

  <Card title="Fine-Tuning" icon="sliders-horizontal" href="/docs/training-your-chatbot/fine-tuning">
    Improve your chatbot's responses.
  </Card>
</CardGroup>

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Train Your Chatbot on PDFs and Files
Source: https://sitespeak.ai/docs/training-your-chatbot/pdfs

Upload PDFs, CSVs, text files, and audio files to train your chatbot on documents, manuals, and other content.

Upload documents to train your chatbot on product manuals, user guides, policies, FAQs, and any other content you have in file format. SiteSpeakAI extracts the content from your files and uses it to answer visitor questions.

## Uploading Files

<Steps>
  <Step title="Go to Training & Content">
    In your chatbot dashboard, click **Training & Content** in the sidebar.
  </Step>

  <Step title="Select Sources">
    Click on **Sources**.
  </Step>

  <Step title="Click Add Sources">
    Click the **+ Add Sources** button.
  </Step>

  <Step title="Select PDF from the dropdown">
    Select **PDF** from the source type dropdown.
  </Step>

  <Step title="Choose your files">
    Click **Choose files** and select the files you want to upload. You can upload multiple files at once.
  </Step>

  <Step title="Upload Files">
    Click the **Upload Files** button to upload and start training on your documents.
  </Step>
</Steps>

<Frame>
  <img alt="PDF upload interface" />
</Frame>

***

## Supported File Types

From the PDF source type, you can upload:

* **PDF files** (.pdf)
* **CSV files** (.csv)
* **Text files** (.txt)

***

## Best Practices

### Ensure Text is Extractable

* PDFs should contain actual text, not just scanned images
* Check that you can copy and paste text from your PDF before uploading
* Scanned documents may not extract properly if they haven't been OCR processed

### Use Descriptive File Names

* Name your files clearly so you can identify them in your Sources list
* This makes it easier to manage and update content later

### Keep Content Current

* Re-upload files when the content changes
* Delete outdated versions from your Sources to avoid confusion

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>


# Train Your Chatbot on Website Content
Source: https://sitespeak.ai/docs/training-your-chatbot/website-and-links

Add your website URL or specific page links to train your chatbot on your existing web content.

Training your chatbot on your website content is the most common way to get started with SiteSpeakAI. You can either crawl an entire website or add specific page URLs.

***

## Website Source

Use the Website option to automatically crawl and discover pages from your website.

<Steps>
  <Step title="Go to Training & Content">
    In your chatbot dashboard, click **Training & Content** in the sidebar.
  </Step>

  <Step title="Select Sources">
    Click on **Sources**.
  </Step>

  <Step title="Click Add Sources">
    Click the **+ Add Sources** button.
  </Step>

  <Step title="Select Website">
    From the source type dropdown, select **Website**.
  </Step>

  <Step title="Enter your website URL">
    Enter your website URL in the **Website URL** field.
  </Step>

  <Step title="Crawl Website">
    Click the **Crawl Website** button. SiteSpeakAI will scan your website and discover available pages. This may take a minute or two depending on the size of your website.
  </Step>
</Steps>

<Frame>
  <img alt="Website source input" />
</Frame>

### Selecting Pages to Train

After crawling, you'll see a list of discovered pages with their URLs and content sizes.

<Steps>
  <Step title="Review discovered pages">
    Browse the list of pages found on your website.
  </Step>

  <Step title="Select pages">
    Use the checkboxes to select which pages you want to train your chatbot on. You can select all or choose specific pages.
  </Step>

  <Step title="Add Selected">
    Click the **Add Selected** button to add the chosen pages as training sources.
  </Step>
</Steps>

<Frame>
  <img alt="List of discovered website pages" />
</Frame>

<Tip>
  Focus on pages with valuable content like product pages, FAQs, help articles, and documentation. Skip pages with minimal content like login pages or utility pages.
</Tip>

### Auto-Sync Website

Instead of manually selecting pages, you can set up automatic syncing that crawls your website daily and keeps your training data up to date.

<Steps>
  <Step title="Enable auto-sync">
    Before crawling, check the **Auto-sync website pages daily** checkbox below the URL input field.
  </Step>

  <Step title="Set exclusion patterns (optional)">
    Open **Advanced Options** to add URL exclusion patterns. Any URLs matching these patterns will be skipped during crawling. For example, you can exclude `/admin/*` or `/login`.
  </Step>

  <Step title="Create auto-syncing website">
    Click the **Create Auto-Syncing Website** button. SiteSpeakAI will crawl your website, discover all pages, and set up daily automatic syncing.
  </Step>
</Steps>

Once set up, SiteSpeakAI checks your website daily for changes:

* **New pages** are automatically discovered and added as training sources
* **Removed pages** are cleaned up and removed from your training data
* **Exclusion patterns** are applied on every sync cycle

<Note>
  Auto-sync for websites requires the **Pro Plus** plan or higher.
</Note>

***

## Link Sources

Use the Links option to add specific page URLs directly, without crawling an entire website.

<Steps>
  <Step title="Go to Training & Content">
    In your chatbot dashboard, click **Training & Content** in the sidebar.
  </Step>

  <Step title="Select Sources">
    Click on **Sources**.
  </Step>

  <Step title="Click Add Sources">
    Click the **+ Add Sources** button.
  </Step>

  <Step title="Select Links">
    From the source type dropdown, select **Links**.
  </Step>

  <Step title="Enter your URLs">
    Enter the page URLs you want to train on in the **Link URLs** field. Separate each link by a new line.
  </Step>

  <Step title="Fetch Links">
    Click the **Fetch Links** button to retrieve the content from each URL.
  </Step>
</Steps>

<Frame>
  <img alt="Link source input" />
</Frame>

### Selecting Links to Train

After fetching, you'll see each URL with its content size.

<Steps>
  <Step title="Review fetched links">
    Check the list of URLs and their content sizes.
  </Step>

  <Step title="Select links">
    Use the checkboxes to select which links you want to train on.
  </Step>

  <Step title="Add Selected">
    Click the **Add Selected** button to add the chosen links as training sources.
  </Step>
</Steps>

<Frame>
  <img alt="List of fetched link pages" />
</Frame>

***

## Website vs Links: When to Use Each

| Use Case | Recommended Option |
| - | - |
| Train on your entire website | **Website** |
| Train on specific pages only | **Links** |
| Add pages from multiple different websites | **Links** |
| Discover pages you might have missed | **Website** |
| Add a single blog post or article | **Links** |

***

## Managing Your Trained Sources

After adding sources, they'll appear in your Sources list with their training status.

<Frame>
  <img alt="Trained sources list" />
</Frame>

Each source shows:

* **Name**: The page title
* **URL**: The source URL
* **Type**: Link icon for web sources
* **Size**: Content size (e.g., 5.8 KB)
* **Status**: Training status (Trained, Training, Pending, Error)
* **Auto**: Whether auto-sync is enabled
* **Last Trained**: When it was last processed

### Keeping Content Updated

To update your trained content when your website changes:

<Steps>
  <Step title="Select sources">
    Use the checkboxes to select the sources you want to update.
  </Step>

  <Step title="Click Retrain">
    Click the **Retrain** button to re-fetch and retrain on the latest content.
  </Step>
</Steps>

<Tip>
  Enable **Auto Sync** on important sources to automatically keep them updated.
</Tip>

***

## Best Practices

* **Start with key pages**: Train on your most important content first (FAQs, product pages, documentation)
* **Review content quality**: Ensure pages have meaningful text content, not just images or videos
* **Remove duplicates**: Avoid training on multiple pages with the same content
* **Update regularly**: Retrain sources when your website content changes significantly

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>