How to Add a WhatsApp Widget to Squarespace(2026 Ultimate Guide)

Squarespace is beloved for its beautiful, rigid design systems.It is wildly popular with creative agencies, boutique e - commerce brands, and local hospitality businesses.

However, out of the box, Squarespace relies heavily on traditional email contact forms.By adding a WhatsApp widget to your Squarespace site, you can offer instant support, crush checkout objections in real - time, and capture leads while buyer intent is at its absolute peak.

Here is the definitive guide on how to integrate WhatsApp into Squarespace in 2026.

Why Your Squarespace Site Specifically Needs WhatsApp

Imagine an online shopper browsing your Squarespace commerce store.They have a quick question about sizing or returning an item.If they have to fill out a contact form and wait 24 hours, they will abandon their cart .

If they can tap a floating WhatsApp icon and get an instant reply—either from a human or an automated greeting—you have saved the sale.Benchmarks show that offering WhatsApp support on checkout pages increases conversion by up to 15 %.

Method 1: The Code Injection Route(Recommended)

Best for: Any Squarespace site on a Business plan or higher.

Because Squarespace doesn't have a massive plugin ecosystem like WordPress, the cleanest and most powerful way to add WhatsApp is via Code Injection.

For this, we highly recommend usingToran. Toran is a smart WhatsApp widget that does significantly more than just open a chat—it routes the conversation intelligently.

  • E - Commerce Routing: "If URL contains '/store', route to Sales."
  • Support Routing: "If URL contains '/faq', route to Customer Support."
  • Multi - Agent Round - Robin: Even if you have 5 staff members, they can all receive incoming chats in an automated rotation, ensuring nobody gets overwhelmed.

Installation Instructions(Under 2 Minutes)

* Note: You will need a Squarespace Business plan(or Commerce plan).Personal plans do not allow custom code injection.*

  1. Get your Toran Code: Create a free account attoranhq.com and copy your unique widget JS code.
  2. Go to Squarespace Settings: Log into your Squarespace dashboard and select your active site.
  3. Navigate to Code Injection: On the main menu, go to Website > Website Tools > Code Injection (Or Settings > Advanced > Code Injection on older versions).
  4. Paste the Code: Scroll down to the Footer section of the Code Injection page.Paste your Toran script here.
  5. Save: Click Save at the top left.

> 📸 Screenshot Needed: Squarespace Home Menu > Website Tools > Code Injection, showing the Footer text area populated with the Toran script.

That's it! Your widget will now appear cleanly across all your Squarespace pages, floating beautifully on both desktop and mobile.

Method 2: The "Link Block" Workaround(For Personal Plans)

Best for: Users stuck on the Squarespace Personal plan.

If you are on a Squarespace Personal plan, you are locked out of Code Injection.Your only option is to manually add a standard button block to your page layout.

How to do it:

  1. Edit a page and click + Add Block .
  2. Select a Button .
  3. Change the text to "Chat on WhatsApp".
  4. Set the link to a WhatsApp API URL: 'https://api.whatsapp.com/send?phone=1234567890'
  5. Check the box to "Open link in new tab".

The Problem: This button will not float.It only exists exactly where you placed it on the page.It lacks the omnipresence of a true widget, meaning customers have to hunt for it.It also offers zero routing or analytics capabilities.

3 Conversion Optimization Tips for Squarespace

  1. Pre - filled Context: When a user clicks your widget, pre - fill their WhatsApp text box.For example: * "Hi! I'm reaching out from your website and have a question about..." * This drastically reduces friction.
  2. Set Expectations: If you are an agency and only answer messages Monday - Friday, use Toran to set up Automated After - Hours Greetings .Let the customer know you received the message and will reply at 9 AM Monday.
  3. Use the "Green": Squarespace sites are notoriously monochrome and highly designed.Ensure your WhatsApp widget retains its iconic '#25D366' green color.Do not change it to match your brand; users are trained to click the green circle for support.

For real business growth, upgrading to a Business plan and installing a smart routing widget is the highest ROI move you can make for your Squarespace presence.

Get your free Toran widget for Squarespace here.