How to Add a Chatbot to Squarespace (2026 Guide)

Squarespace makes beautiful websites easy. Adding AI makes them smart. Here's how to add a chatbot to Squarespace in under 10 minutes.

Why Squarespace Sites Need AI

Your Squarespace site looks professional. But it's static. Visitors have questions you're not around to answer:

• "Do you ship internationally?"
• "What's your cancellation policy?"
• "Can I customize this product?"

An AI chatbot trained on YOUR content answers these 24/7.

Prerequisites

• Squarespace Business plan or higher (for code injection)
• An Assisters account (free to start)

Step-by-Step Setup

Step 1: Create Your Assistant

1. Go to [Assisters](/signup) and sign up

2. Create a new assistant

3. Upload your content (FAQs, policies, product info)

4. Train and test

Step 2: Get Your Embed Code

In your assistant dashboard:

1. Click **Settings** → **Embed**

2. Copy the JavaScript snippet

Step 3: Add to Squarespace

1. Log into Squarespace

2. Navigate to **Settings** → **Advanced** → **Code Injection**

3. Scroll to the **Footer** section

4. Paste your embed code:

```html

<script src="https://widget.assisters.io/embed.js"

data-assistant-id="your-id">

</script>

```

5. Click **Save**

Step 4: Verify

Visit your live site. The chat widget should appear in the bottom corner.

Customization Options

Match Your Squarespace Template Colors

```html

<script src="https://widget.assisters.io/embed.js"

data-assistant-id="your-id"

data-primary-color="#2b2b2b"

data-text-color="#ffffff">

</script>

```

Position the Widget

Choose left or right placement:

```html

data-position="left"

```

Custom Welcome Message

```html

data-welcome-message="Hi! How can I help you today?"

```

Squarespace-Specific Considerations

Commerce Sites

Train your assistant on:

• Product descriptions
• Shipping policies
• Return procedures
• Size guides

Service Businesses

Include:

• Service descriptions
• Pricing information
• Booking procedures
• Location/hours

Portfolio Sites

Add:

• Project descriptions
• Process explanations
• Contact information
• Availability

Troubleshooting

**Widget not appearing?**

• Clear your browser cache
• Verify code is in the Footer section
• Check for JavaScript errors in browser console

**On wrong pages?**

• Code injection applies site-wide
• Use page-specific header injection for selective placement

Your beautiful Squarespace site deserves smart conversations.

[Add Your AI Assistant →](/signup)