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 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:

<script src="https://assisters.io/sdk/assisters.js"
        data-assistant-id="your-id">
</script>

1. 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

<script src="https://assisters.io/sdk/assisters.js"
        data-assistant-id="your-id"
        data-primary-color="#2b2b2b"
        data-text-color="#ffffff">
</script>

Position the Widget

Choose left or right placement:

data-position="left"

Custom Welcome Message

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 →