How do I connect my Squarespace site to my chatbot?

Add a Squarespace chatbot by generating your chatbot’s embed script, then pasting it into Code Injection for a site-wide widget or a Code Block for specific pages. Use Zapier to send Squarespace form submissions into the bot for automated replies and lead follow-up.

Scope:
Last updated – November 2025. Applies globally; ensure Squarespace chatbot embeds and any Zapier-connected form data comply with local privacy laws such as GDPR in the EU and CCPA/CPRA in California.

Prepare your chatbot and Squarespace site

Before touching any code, make sure both sides are ready:

1. From your chatbot platform, confirm you can generate an embed or widget snippet (usually a small HTML/JavaScript script tag). CustomGPT.ai and similar tools expose this in a “Deploy” or “Embed” area.
2. Check your Squarespace plan. Site-wide Code Injection and advanced Code Blocks are premium features available only on paid plans.
3. Confirm permissions. You need access to Settings → Advanced → Code Injection and the ability to edit page content.
4. Note your Squarespace version (7.0 vs 7.1). Code Injection and Code Blocks exist in both, but the UI can look slightly different.
5. Decide if you want the chatbot everywhere (global chat bubble) or only on specific pages (e.g., pricing, contact, checkout). This choice determines whether you use Code Injection or Code Blocks.

Add your chatbot to all Squarespace pages with code injection

Use Code Injection when you want a floating chat bubble on every page.

1. In Squarespace, go to Settings → Advanced → Code Injection.
2. Locate the Footer field. Footer injection is recommended for most third-party JavaScript widgets so they load after the main content.
3. Paste your chatbot’s embed script exactly as provided by your chatbot platform. Do not modify the script unless the vendor explicitly instructs you.
4. Click Save. Squarespace will now inject this script on every page, including new pages you add later.
5. Visit the live site (not just the editor) and check a few pages to confirm the chat widget shows consistently. Use different devices if possible.
6. If you use a cookie banner or consent tools, verify that your chatbot still loads correctly and isn’t blocked by consent settings.

Add your chatbot only on specific Squarespace pages with a Code Block

Use this approach for inline assistants or page-specific widgets (for example, just on the Contact page).

1. Open Pages, then select the page where you want the chatbot (e.g., “Contact” or “Pricing”).
2. Click Edit to open the page editor.
3. In the content area, click the “+” to add a block and choose Code.
4. Paste your chatbot HTML/JavaScript snippet into the Code Block. Code Blocks are designed specifically for advanced custom code and third-party widgets.
5. Apply any styling (width/height wrappers, container divs) recommended by your chatbot provider.
6. Save the page and preview it live. The chatbot should only appear where you placed that Code Block, not across the entire site.

You can repeat these steps to show different chatbots or variants on different pages (e.g., a sales bot vs. a support bot).

Connect Squarespace forms and your chatbot via automation tools

You don’t have to rely only on an on-page widget. You can also send form submissions into your chatbot or AI workflows using Zapier.

1. Add a Form Block or Newsletter Block to your Squarespace page.
2. In the block’s settings, go to Storage, then choose Zapier as a storage option.
3. Follow the Squarespace prompts to connect your Zapier account. This lets form submissions become triggers in Zapier.
4. In Zapier, create a Zap with trigger “New form submission in Squarespace” (or equivalent).
5. As the Zap action, choose your chatbot’s Zapier app (or CustomGPT.ai) and use actions like “Send Message,” “Create Conversation,” or similar to route the form data into your bot.
6. Optionally, add extra Zap steps to log the lead in your CRM, send internal notifications, or create tasks for sales/support.

This pattern lets you treat your chatbot like a smart processor for form data: it can summarize leads, auto-respond, or route conversations based on content

How to do it with CustomGPT.ai

This section shows how to complete the same job—connecting your Squarespace site to a chatbot—specifically with CustomGPT.ai, using only documented capabilities.

Create an agent from your Squarespace website

1. In CustomGPT.ai, click New Agent.
2. Choose Website (or the Squarespace option, if shown) and enter your Squarespace URL or sitemap.
3. CustomGPT.ai will crawl and index your public pages, then build an AI agent using that content.
4. Use the Personalize / Customize settings to adjust tone, language, brand style, and guardrails.

Generate the embed or live chat script

1. Open your agent, then go to the Deploy / Embed area.
2. Choose how you want to deploy:
   • Embed AI agent into any website (inline widget/window), or
   • Add live chat to any website / Website Copilot button, depending on your preferred UX.
3. Copy the HTML embed script generated for the agent. This script is designed to be pasted directly into your site’s code.

Add CustomGPT.ai to Squarespace site-wide

1. In Squarespace, open Settings → Advanced → Code Injection.
2. Paste the CustomGPT.ai embed or live-chat script into the Footer field.
3. Save, then visit several pages on your site to confirm that the CustomGPT.ai chat bubble or copilot button appears everywhere.

Add CustomGPT.ai only to specific Squarespace pages

1. Edit the target page in Squarespace (for example, a “Help Center” or “Pricing” page).
2. Insert a Code Block where you want the embedded agent or large copilot experience to appear.
3. Paste the CustomGPT.ai embed script into the Code Block and save.

This is useful for large “Website Copilot” experiences that should appear inline rather than as a small floating bubble.

Automate Squarespace → CustomGPT.ai flows with Zapier

1. In Squarespace, connect your forms to Zapier as storage.
2. In Zapier, choose a Squarespace form trigger (for example, “new form submission”).
3. Add a CustomGPT.ai action such as Create Conversation or Send Message to send the form details into your agent for processing, scoring, or auto-responses.

All steps in this section are based on documented features in docs.customgpt.ai and do not assume any undocumented capabilities.

Test and troubleshoot your Squarespace–chatbot connection

If the chatbot doesn’t appear or behaves oddly:

1. Check the plan and feature access. Ensure your site has access to Code Injection and Code Blocks (premium features).
2. Verify script placement.
   • Site-wide widget → Footer Code Injection.
   • Page-specific widget → Code Block on that page.
3. Use an incognito window to rule out caching or editor-only previews.
4. Temporarily remove other custom code (analytics, custom scripts) to see if something is conflicting with the chatbot script.
5. Check browser console errors (F12 → Console). Script errors such as mismatched tags or blocked resources can prevent the widget from loading.
6. If you’re embedding CustomGPT.ai, confirm the agent is public and the embed/live-chat script is copied exactly as shown in the docs.

Example — Service business booking more consultations with a chatbot

Imagine a solo consultant using Squarespace for their main website:

• They create a CustomGPT.ai agent trained on their services page, blog posts, and FAQs, using the website connector.
• They embed a site-wide live chat bubble via Footer Code Injection so visitors can ask questions on any page.
• On the “Work With Me” page, they add a Code Block with an inline embedded agent that surfaces tailored FAQs and packages.
• The contact form is connected to Zapier, which forwards submissions into CustomGPT.ai using Send Message and logs leads in a CRM.

Over time, the consultant sees more qualified inquiries and spends less time answering repeated questions, because the chatbot handles first-line queries and warm-up conversations.

Conclusion

Great design gets visitors to the door, but immediate answers are what invite them inside. CustomGPT.ai allows you to leverage your existing Squarespace content—from service pages to blog archives—to fuel an intelligent assistant that engages users the moment they arrive. Whether you choose a global footer injection or a strategic inline block, you ensure that no inquiry goes unanswered while you focus on your craft. Embed your custom agent now to turn your website into a responsive, 24/7 client concierge.

FAQs

How do I add a chatbot to all pages of my Squarespace site?

To add a chatbot across your Squarespace site, generate the embed script from your chatbot platform, then paste it into Settings → Advanced → Code Injection, usually in the Footer field. After saving and publishing, the script loads on every page, showing a floating chat bubble or widget wherever the provider’s code is configured to display it.

How can I show a Squarespace chatbot only on specific pages using CustomGPT.ai?

To keep your chatbot page-specific, create an agent in CustomGPT.ai from your Squarespace URL, then copy its embed script from the Deploy/Embed area. On your chosen Squarespace page, add a Code Block, paste the script there, and save—this confines the embedded CustomGPT.ai assistant to that page while other pages remain unchanged.