WhatsApp Button for Webflow

Step by step: add the button to Webflow

1. Make the button: enter your WhatsApp number with the country code and message, press Generate code and copy the snippet.
2. In your Webflow dashboard open the site’s Site settings and go to the Custom code tab.
3. Paste the snippet into Footer code (the box for code added before the closing </body> tag) and click Save changes.
4. Click Publish and publish to your domain — custom code runs only on the published site, not in the Designer.
5. For one page only: open the page’s Page settings in the Designer, paste the snippet into Before </body> tag, save and publish.

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 Webflow site, with the same button.

Questions

Why can't I see the button in the Designer?

Webflow runs custom code only on the published site. Publish and open your live address.

Does it slow the site down?

No. It is one small script with no files to download and no outside servers.

Other platforms

WhatsApp button for WordPress · WhatsApp button for Shopify · WhatsApp button for Wix · WhatsApp button for Squarespace · WhatsApp button HTML code

Free WhatsApp Chat Button Generator · WhatsApp Chat Button with Click Tracking · How to Track Clicks on a WhatsApp Button on Your Website (and See What They Tell You)