Free · no app install · no account

A WhatsApp button for your Webflow site, live in two minutes.

Pick a style, add your number, copy one line of code and paste it into Site settings → Custom code → Footer code. Visitors tap and chat lands on your own WhatsApp — free forever, no Webflow app needed.

Built on another platform? See all WhatsApp button generators →

1 · Design your button

Your WhatsApp number plus the look — changes update the code and preview live.

Full number with country code, digits only — no +, spaces or dashes.

2 · Copy your code

The preview shows your button with a sample number — the code below is exactly what you paste.

Your button, shown here — a sample number previews until you type yours
Enter your WhatsApp number to generate the code.
Reset

3 · Paste it into Webflow

1Open Site settings

In the Webflow designer press W (or click the W logo top-left) and open Custom code.

2Paste into Footer code

Paste the code from above into the Footer code box (it loads on every page, right before the closing body tag).

3Save & publish

Click Save changes, then Publish — the button is live on your published site.

Want the button to answer for you?

The free button sends chats to your phone. Upgrade to The Tech Pad and the AI answers 24/7 from your site and products — every chat in one team inbox, with the official WhatsApp Business API when you connect your number. Free to start, no credit card.

Chat with us