Add a WhatsApp button to your Wix site
Wix keeps custom code in two separate places, and picking the wrong one is the usual reason a WhatsApp button does not show up. An Embed HTML element places a button inside a specific page. Settings → Custom Code injects the floating widget into every page of the site.
One small script tag. Renders a floating bubble with a mini chat panel.
Without the country code and without a leading zero.
The free hosted widget shows a small “by Galantis” badge.
Preview
Hi there! 👋 How can we help?
Chat on WhatsAppYour snippet
Enter your WhatsApp number to get your link.
Paste this anywhere your platform accepts custom HTML.
Both routes are available on any Wix site with a connected domain on a premium plan. On a free Wix site, Custom Code is not available, so use the Embed HTML element route.
Install it on Wix, step by step
- Build your snippet above. Choose the button for a fixed spot on a page, or the widget for a floating bubble across the site.
- For a button inside a page. In the Wix Editor, click Add Elements → Embed Code → Embed HTML. Place the box where the button should sit, click Enter Code and paste your button HTML. 📸 Screenshot placeholder — 1600×900, step number 2 burned into the top-left.
Must show: Wix Editor with Add Elements → Embed Code → Embed HTML open - Resize the embed box. Wix renders embeds inside an iframe with a fixed size, so drag the box down to roughly the height of your button. Anything outside the box gets clipped. 📸 Screenshot placeholder — 1600×900, step number 3 burned into the top-left.
Must show: Wix Editor showing the embed box resized tightly around a WhatsApp button - For the floating widget sitewide. Go to your dashboard → Settings → Custom Code → Add Custom Code. Paste the widget script, set "Add Code to Pages" to All pages, and place it in the Body – end. Apply. 📸 Screenshot placeholder — 1600×900, step number 4 burned into the top-left.
Must show: Wix dashboard Custom Code panel with the script pasted and Body – end selected - Publish and test. Custom code does not run in the editor preview. Publish the site, then open the live URL on a phone and tap the button.
What usually goes wrong
- The Embed HTML element is an iframe: your button cannot overflow it, and it will not float over other content. Use the widget route for anything floating.
- Custom Code only runs on the published site, never in the editor preview. Always test the live URL.
- Custom Code requires a premium plan with a connected domain.
Frequently asked questions
Why does my Wix button look cut off?
The Embed HTML element clips anything larger than its box. Drag the box to match the button size, or switch to the floating widget which is injected into the page rather than an iframe.
Can I use this instead of the built-in Wix Chat?
Yes, and many small businesses prefer it: the conversation lands in the WhatsApp app they already check, instead of a separate inbox they have to remember to open.