Squarespace makes it easy to build a beautiful website. But when it comes to adding a chatbot, most people hit a wall. The Squarespace App Marketplace has a handful of chat options, most of them expensive, limited, or designed for enterprise teams.
Here is the good news: you do not need an app from the marketplace. You can add a chatbot to your Squarespace site with one line of code in under five minutes.
Why most Squarespace chat apps fall short
The Squarespace App Marketplace has grown over the years, but chat options are still limited compared to what WordPress or Shopify offer. The apps that do exist tend to share a few problems.
They are expensive for what you get. Most third-party chat apps charge $30 to $200 per month and give you a scripted decision tree, not an actual conversation. For a yoga studio or a law firm that just wants to answer visitor questions and capture leads, that is a lot of money for a glorified FAQ bot.
They require configuration you will abandon. Decision trees, trigger rules, conversation flows, CRM integrations. You set up the basics during a free trial, realize you need to map out every possible question a visitor could ask, and quietly let the trial expire.
They look out of place. Squarespace sites tend to have clean, minimal design. Many third-party chat widgets clash with that aesthetic, adding clunky floating buttons and branded chat windows that break the feel of your site.
The one-line alternative
Instead of installing an app, you can add a chatbot to your Squarespace site by pasting a single script tag. It looks like this:
<script src="https://api.hiremika.com/v1/embed.js?v=3" data-key="pk_your_key_here" async></script>
That is the entire installation. No app to configure. No decision trees to build. No monthly app marketplace fees on top of your Squarespace subscription. The script loads asynchronously, so it does not slow down your site.
How to add it (step by step)
Squarespace has a built-in feature called Code Injection that makes this straightforward. You do not need to touch any template files or know how to code.
Step 1: Open Code Injection
- Log in to your Squarespace dashboard
- Go to Settings > Advanced > Code Injection
That is the page where you can add custom scripts to every page on your site.
Step 2: Paste the script
- In the Footer field, paste the script tag:
<script src="https://api.hiremika.com/v1/embed.js?v=3" data-key="pk_your_key_here" async></script>
-
Replace
pk_your_key_herewith your actual public key (you will find this in your Mika dashboard after signing up) -
Click Save
That is it. The chatbot now appears on every page of your Squarespace site.
Want it on specific pages only?
If you only want the chatbot on certain pages instead of your entire site, you can use a Code Block instead of Code Injection.
- Open the page you want the chatbot on in the Squarespace editor
- Add a new Code Block (click the insert point, search for "Code")
- Paste the script tag into the code block
- Make sure the "Display Source" toggle is off
- Save and publish
Repeat for any other pages where you want the chatbot. Most businesses want it site-wide though, so Code Injection in the footer is the way to go.
Which Squarespace plans support this?
Code Injection is available on Business and Commerce plans. If you are on the Personal plan, you will not see the Code Injection option in your settings.
Here is the breakdown:
- Personal plan: No Code Injection. You would need to upgrade to Business or use a workaround (like embedding via a Markdown block, though this is less reliable).
- Business plan: Full Code Injection support. This is what most small businesses use.
- Basic Commerce and Advanced Commerce: Full Code Injection support.
If you are on a Personal plan and considering upgrading, the Business plan unlocks a lot more than just code injection. It is usually worth it once your site is generating leads or revenue.
What happens after you save
The chatbot appears on your site immediately. If you have already signed up and Mika has learned your business during onboarding, it starts working right away. Visitors can ask questions about your services, hours, and pricing. When they are ready, they share their contact info and you get a lead notification in your inbox.
No training. No scripting conversations. Mika already knows your business from scanning your website during signup.
"Will it affect my Squarespace site speed?"
No. The script loads asynchronously, meaning your page content renders first and the chatbot loads in the background. The entire widget is under 50KB gzipped. For comparison, a typical embedded Instagram feed or video background adds far more weight to your page.
It also runs inside its own isolated iframe, so it cannot interfere with your Squarespace templates, animations, or any other functionality. Your carefully designed layout stays exactly as it is.
Common questions
Does it work with Squarespace 7.0 and 7.1? Yes. Code Injection works the same way on both versions.
Does it work with the Squarespace mobile app? The chatbot appears on your site when viewed from any device, desktop or mobile. You manage the Code Injection settings from the desktop Squarespace dashboard, but once added, it works everywhere.
Will it conflict with Squarespace's built-in chat features? Squarespace does not have a built-in chat feature, so there is nothing to conflict with.
Can I customize how it looks? On the Pro plan, you can match the chatbot's brand colors to your Squarespace site. On all plans, the chatbot adapts to feel natural alongside your content.
Does it work with Squarespace scheduling? Mika has its own appointment booking built in. Visitors can book directly through the chat without leaving your site, no extra scheduling tool needed.
The bottom line
Adding a chatbot to Squarespace does not require a marketplace app, a developer, or a complicated setup. One line of code in your footer, five minutes, and your site goes from a digital brochure to a 24/7 lead capture machine.
Your visitors are already browsing. Give them someone to talk to.