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
- Go to Assisters and sign up
- Create a new assistant
- Upload your content (FAQs, policies, product info)
- Train and test
Step 2: Get Your Embed Code
In your assistant dashboard:
- Click Settings → Embed
- Copy the JavaScript snippet
Step 3: Add to Squarespace
- Log into Squarespace
- Navigate to Settings → Advanced → Code Injection
- Scroll to the Footer section
- Paste your embed code:
<script src="https://assisters.io/sdk/assisters.js"
data-assistant-id="your-id">
</script>
- 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.