Add a WhatsApp button to Squarespace
Squarespace handles this cleanly: a Code Block puts a button anywhere in a page's content, and Code Injection puts the floating widget on every page. Both are available on Business plans and above — Code Blocks and Code Injection are not included on the Personal plan.
One small script tag. Renders a floating bubble with a mini chat panel.
Without the country code and without a leading zero.
The free hosted widget shows a small “by Galantis” badge.
Preview
Hi there! 👋 How can we help?
Chat on WhatsAppYour snippet
Enter your WhatsApp number to get your link.
Paste this anywhere your platform accepts custom HTML.
The steps below are for 7.1. On 7.0 the menu names differ slightly but the route is the same: Code Block for in-page, Settings → Advanced → Code Injection for sitewide.
Install it on Squarespace, step by step
- Build your snippet above. Pick the button for in-page placement or the widget for a floating bubble.
- For a button inside a page. Edit the page, click an insertion point, choose Code from the block menu, and paste your button HTML. Leave "Display Source" unchecked so it renders instead of showing the code. 📸 Screenshot placeholder — 1600×900, step number 2 burned into the top-left.
Must show: Squarespace page editor with a Code block open and the HTML pasted - For the floating widget sitewide. Go to Settings → Advanced → Code Injection and paste the widget script into the Footer box. Save. 📸 Screenshot placeholder — 1600×900, step number 3 burned into the top-left.
Must show: Squarespace Code Injection panel with the script in the Footer field - Save and view the live site. Code Injection does not render inside the editor. Save, then open the live site in a new tab — ideally on a phone — and tap the button.
What usually goes wrong
- If you see your raw code on the page instead of a button, "Display Source" is ticked on the Code Block. Untick it.
- Code Blocks and Code Injection need a Business plan or higher.
- Squarespace strips some markup in Code Blocks on save. If the button loses its styling, use the widget route instead.
Frequently asked questions
Which Squarespace plan do I need?
Business or higher. The Personal plan does not include Code Blocks or Code Injection, so neither route is available on it.
Why does the widget not show in the editor?
Squarespace deliberately does not execute injected code in the editor. Save and check the live site.