How to Add a WhatsApp Button to Squarespace (Free — No Extension Needed)
You have designed your Squarespace site to look great and convert — a clean template, sharp copy, a clear path to enquiry. The one thing it is missing is the channel your customers actually answer on. Forms are fine for slow decisions; for fast ones ("Do you have this in stock?", "Can you do 20 units by Friday?") most people reach for WhatsApp.
A floating WhatsApp button turns that reflex into a click on your site. It opens a chat with your own number, so you reply from the WhatsApp app you already use — no extra inbox, no subscription. Here is how to add one to any Squarespace site in about two minutes.
The fast way: open our free WhatsApp button generator for Squarespace, enter your number, pick a style, copy the code and paste it into Code Injection → Footer. That is the whole setup.
Why put a WhatsApp button on your Squarespace site
- Your visitors already live in WhatsApp. It is the default messaging app for billions of people — and for enquiries from a website, chat beats email every time.
- Enquiries happen before forms. A hesitant visitor clicks the button and asks while intent is hot. The alternative is a form they may never finish.
- Replies land on your phone. The button opens a WhatsApp chat with your number and an optional pre-filled message — answer in seconds from anywhere.
- It works alongside your setup. Chats come to you personally first; when you are ready, connect the same number to The Tech Pad for AI replies and a shared team inbox.
What you get with the free generator
The Squarespace WhatsApp button generator gives you a real floating button:
- 8 WhatsApp-only styles — the official WhatsApp logo and bubble marks in brand colour shells (green, dark green, white, teal). No generic chat glyphs.
- Your number + pre-filled message — set the first message visitors see
- Shape, size and position — round or square, left or right, any size
- Live preview — see the exact button before you copy anything
- No account, no API key, no cost — free forever
| Capability | Free button | The Tech Pad upgrade |
|---|---|---|
| Visitors start a WhatsApp chat with your number | ✅ | ✅ |
| WhatsApp-only styles + live preview | ✅ | ✅ |
| AI answers 24/7 in the customer's language | — | ✅ |
| One team inbox for WhatsApp + website chat | — | ✅ |
| Official WhatsApp Business (Meta) API | — | ✅ |
| Price | Free forever | Free to start |
Add the button to Squarespace in 3 steps
- Generate your code. Open the free generator, enter your WhatsApp number with country code (digits only, e.g.
919876543210), pick a style and click Copy code. - Open Code Injection. In Squarespace go to Settings → Developer Tools → Code Injection (on older versions: Settings → Advanced).
- Paste into the FOOTER box and save. Paste the code into the FOOTER text area and click Save — the button appears site-wide, with no separate extension or block needed.
The code is one small script tag that loads asynchronously, so it will not slow your site down:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>On a Personal plan? Code Injection requires a Business or Commerce plan. If you are not ready to upgrade, the practical fallback is a button element on the page linking straight to wa.me/<your-number> — visitors still reach WhatsApp in one tap, minus the floating bubble.
Why code instead of a Squarespace extension?
Squarespace extensions can do a lot, but for one floating WhatsApp button they are overkill: install steps, permissions and often a monthly fee for what is a single script tag. The code route keeps things simple:
- Nothing to install or approve — no extension marketplace, permissions or subscription prompt
- Your number, your rules — chats go to the WhatsApp number you choose, not a third-party inbox
- The same code works elsewhere — running a Shopify, Webflow, Blogger, HubSpot or Wix site too? Each has its own generator page with paste steps.
Want the button to answer for you?
A button is the first step — the next is answering instantly, even when you are offline or your team is busy. The Tech Pad turns that same WhatsApp number into a 24/7 AI assistant:
- AI answers instantly from your site and product pages — in your customer's language
- One shared team inbox for WhatsApp chats, website chat and notifications
- The official WhatsApp Business API on your own Meta-verified number
- Free to start, no credit card — connect at thetechpad.com
Two minutes today gets you a live WhatsApp button on Squarespace. Adding The Tech Pad later makes it answer for you.