How do I add a WhatsApp button to Squarespace?

The easiest way to add WhatsApp to Squarespace is to add a Code Block in your Squarespace editor and paste Toran's embed snippet. The widget loads asynchronously and works with all Squarespace templates. Alternatively, you can add the snippet to your site's header via Settings → Advanced → Code Injection. Setup takes under 5 minutes.

What is the best WhatsApp widget for Squarespace?

Toran is the best WhatsApp widget for Squarespace sites with a team — it adds round-robin routing, AI lead scoring, and visitor identification that goes beyond a simple click-to-chat button. For solo site owners who need a simple button, GetButton is a free alternative that works on any platform including Squarespace.

Does a WhatsApp widget slow down Squarespace?

Toran has a small footprint (under 120KB gzipped) and is served asynchronously from Cloudflare's edge network, so it does not affect your Squarespace Core Web Vitals scores. It loads after your page content, not before, ensuring your site's performance metrics are unaffected.

Can I use WhatsApp on Squarespace without coding?

Yes. Add a Code Block anywhere in your Squarespace editor and paste Toran's two-line embed snippet. No Squarespace developer account or custom domain is required. The widget appears as a floating button in your chosen position (bottom-right or bottom-left) across all pages of your site.

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

Squarespace is beloved for its rigid, beautiful design systems. It's widely used by creative agencies, boutique e-commerce brands, and local hospitality businesses.

But out of the box, Squarespace relies heavily on traditional email contact forms. Adding a WhatsApp widget lets you offer instant support, address checkout objections in real-time, and capture leads while buyer intent is at its peak.

This is the practical guide to adding WhatsApp to Squarespace in 2026.

Why your Squarespace site benefits from WhatsApp

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

If they can tap a floating WhatsApp icon and get an instant reply — from a human or an automated greeting — you've saved the sale. Industry benchmarks suggest WhatsApp support on checkout pages can lift conversion by up to 15% (your mileage will vary based on your traffic mix and response time).

Method 1: Code Injection (recommended)

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

Squarespace doesn't have a massive plugin library like WordPress, so the cleanest way to add WhatsApp is via Code Injection.

For this, we recommend Toran. Toran is a smart WhatsApp widget that does significantly more than 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: If you have 5 staff members, incoming chats rotate automatically — nobody gets overwhelmed.

Installation (under 2 minutes)

*Note: You need a Squarespace Business plan (or Commerce plan). Personal plans don't allow custom code injection.*

Get your Toran code. Create a free account at toranhq.com and copy your unique widget JS snippet.
Go to Squarespace settings. Log into your Squarespace dashboard and select your active site.
Navigate to Code Injection. From the main menu: Website → Website Tools → Code Injection (or Settings → Advanced → Code Injection on older versions).
Paste the code. Scroll to the Footer section of the Code Injection page. Paste your Toran script there.
Save. Click Save at the top left.

That's it. The widget will appear across all your Squarespace pages, floating 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're on a Squarespace Personal plan, you're locked out of Code Injection. Your only option is to manually add a standard button block to your page layout:

Edit a page and click + Add Block.
Select Button.
Change the text to "Chat on WhatsApp".
Set the link to a wa.me URL: https://wa.me/1234567890
Check the box to "Open link in new tab".

The trade-off: this button won't float. It exists exactly where you placed it on the page. It lacks the omnipresence of a true widget — customers have to hunt for it. It also offers zero routing or analytics.

3 conversion-optimization tips for Squarespace

Pre-filled context. When a user clicks your widget, pre-fill the first WhatsApp message: *"Hi! I'm on your website and have a question about ..."* This reduces friction and gives your team context before they reply.
Set expectations. If you only answer messages Monday-Friday, use Toran to set up an after-hours greeting. Let the customer know you've received the message and will reply at 9 AM Monday — much better than silence.
Keep the WhatsApp green. Squarespace sites are notoriously monochrome and highly designed. Resist the temptation to recolor the WhatsApp widget to match your brand. Visitors are trained to click the iconic green circle for support — switching colors costs you clicks.

For most growth-stage Squarespace sites, upgrading to a Business plan and installing a smart routing widget is the highest-ROI move for inbound conversion.

Get your free Toran widget for Squarespace. Full pricing: /pricing.

Hospitality businesses on Squarespace should explore Toran's hospitality solution. Comparing tools? Read our Elfsight alternative comparison.

How to Add a WhatsApp Widget to Squarespace 2026