Free tool· Generators & builders
Add a WhatsApp chat widget to your Squarespace website
Squarespace's code injection puts the widget on every page. Design it below, paste it into the footer and you're done.
- Runs in your browser
- Free, no signup
- Updated
Configure WhatsApp chat button
The floating button every visitor sees.
😊 Emoji welcome. You can use {{page_url}} & {{page_title}} — filled with the page the visitor is on.
Chat widget
The card that opens above the button — brand it like your own.
😊 Emoji welcome — {{page_url}} & {{page_title}} work here too.
After a visitor closes it, when may it auto-open again?
URL personalization
Personalize the messages based on your website's URL — a rule matches when its source URL appears in the visitor's address. Parameters: {{page_url}}, {{page_title}}.
Applies to the substituted {{page_title}} value — "red-shoes – your store" becomes "Red shoes – your store". URLs stay untouched.
Live preview
Gradient header with the greeting on a floating card. Click the button in the preview to close and reopen it.
{{page_title}} previews as "Red shoes – Your Store". On your site the real page title and URL are used — pick a rule above to preview its personalization.
Your embed script
<!-- Enter your WhatsApp number to generate the script -->
Paste it just before </body>. The widget loads async from infiq.in, runs no inline code and draws itself in its own sealed layer, so your theme's CSS can't break it. Works on any site: Shopify, WordPress, Wix, custom. Keep the "Powered by InfiQ" link inside — it's the small credit in the chat card's footer.
Quick answer
How do I add a WhatsApp widget to Squarespace?
To add a WhatsApp widget to Squarespace, build it above and copy the embed code. Go to Settings → Developer tools → Code injection (Settings → Advanced → Code Injection on older sites), paste the code into Footer and save. Code injection isn't on every Squarespace plan.
- Price
- Free
- Plugin or app
- None
- Setup time
- About 5 minutes
- You need
- A plan that includes code injection
Step by step · 5 steps
Step by step: the WhatsApp widget on Squarespace
Step 1: Build and copy your widget
In the generator on this page, enter your WhatsApp number with the country code, pick one of the five designs, set your colours and greeting, then click Copy script.
Step 2: Open code injection
Go to Settings → Developer tools → Code injection. On older sites it's under Settings → Advanced → Code Injection.
Step 3: Paste it into Footer
Paste the embed code into the Footer field and save.
Step 4: Check the live site
Open your site in a private window: injected code may not run while you're logged in and editing.
Step 5: Test it on your phone
Tap the button on your phone and check that Start Chat opens WhatsApp with your message.
Squarespace tips
Get more from the WhatsApp widget on Squarespace
Shop pages
Add a URL rule with your shop page's path, such as /shop/, and use {{page_title}} so chats name the product.
Cookie banners
If your cookie banner or another popup sits at the bottom, move the widget to the left or raise its bottom margin.
Your brand, not a template's
Set your Squarespace accent colour as the header and button colour, and pick Bubble for a minimal site or Aurora for most others.
Not sure which look to pick? Compare the five widget designs.
FAQ
WhatsApp widget for Squarespace: questions and answers
Where is code injection in Squarespace?
Under Settings → Developer tools → Code injection on current sites, or Settings → Advanced → Code Injection on older ones. If you can't find it, your plan may not include it.
Does it work on Squarespace 7.0 and 7.1?
Yes. Both versions support footer code injection on plans that include it.
Why don't I see the widget while editing?
Squarespace may not run injected code in the editor. Check the live site in a private window.
Will my template's styles change the widget?
No. The widget draws in its own shadow DOM, so template fonts and colours can't reach it.
Still have questions?
Book a demoOther platforms
Add the WhatsApp widget to another site
Put a team behind the widget.
InfiQ turns every widget conversation into a managed lead — shared team inbox, chatbots, broadcasts and analytics on the official WhatsApp Business API. 7-day free trial, no card required.