Skip to content

Add a WhatsApp Button to Squarespace

Squarespace has no built-in floating WhatsApp button, but its Code Injection lets you add one to every page. Make the button below and paste it into the Footer box. Code Injection is available on Squarespace plans that include custom code (not on the most basic plan).

Loading the generator…

Step by step: add the button to Squarespace

  1. Make the button: enter your WhatsApp number with the country code, choose the color and corner, press Generate code and copy the snippet.
  2. In Squarespace open Pages, scroll down to Website Tools and click Code Injection. (On older dashboards: Settings → Advanced → Code Injection.)
  3. Paste the snippet into the Footer box — not the Header box, so the page loads first.
  4. Click Save. The button now appears on every page of the site.
  5. Open the site in a private window to check it. If you only want it on one page, paste the snippet into that page’s Settings → Advanced → Page Header Code Injection instead.

See who clicks it

The free button does not count clicks. WhatsApp Chat Button with Click Tracking ($9/month) shows how many visitors open a chat — per page, per device and per day — on your Squarespace site, with the same button.

Questions

I don't see Code Injection — why?

Code Injection is part of the higher Squarespace plans. If your plan doesn’t include it, you can add a normal button that links to your wa.me chat link.

Will it cover my cookie banner or cart icon?

Pick the bottom-left corner in the generator if something already sits in the bottom-right corner.

Enterprise Solution Center

Choose the perfect solution for your business

Most Popular
📦

AffiliatePro SaaS

Enterprise solution

$49
📦

WooCommerce Amazon

Enterprise solution

$49
📦

AffiliatePro Mobile

Enterprise solution

$79
🤝 Recommended Partner

Optimized Infrastructure for Your Enterprise Solution