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.
2 · Copy your code
The preview shows your button with a sample number — the code below is exactly what you paste.
Enter your WhatsApp number to generate the code.
3 · Paste it into Webflow
In the Webflow designer press W (or click the W logo top-left) and open Custom code.
Paste the code from above into the Footer code box (it loads on every page, right before the closing body tag).
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.