Easy Tech TutsHow to Add WhatsApp Button to Wix Sites Easily 2026
By Impran M NLast checked against official docs
Wix's app market has dedicated WhatsApp chat widget apps that give you a full floating chat interface, welcome message, agent profile, and all, with a proper settings panel instead of a single link field. Wix also has a simpler built-in option: if Wix Chat is already installed, its Channels tab has a WhatsApp toggle that routes messages to a phone number with no separate app to install. This guide covers the fuller app-based route: finding it, choosing how it behaves, and customizing the header and footer text visitors see when they open it.
Before you start
- A WhatsApp or WhatsApp Business number to receive chats
01Browse Wix's app market for a chat widget
From your site's dashboard, open the apps section where Wix surfaces professional solutions to power your website, complete with a search bar for finding specific tools. WhatsApp chat widgets live alongside other communication apps here; searching directly is faster than browsing categories once you know you want a full chat interface instead of a plain click-to-chat link. If a full app is more than the task needs, Wix Chat's own Channels tab can route messages straight to a WhatsApp number without installing anything extra, though it skips the agent cards and behavior modes covered below.
02Install the app and choose how the widget behaves
Once installed, open the widget's General settings and look at Widget Behavior. There are three options: Simple Link, which sends visitors straight into a WhatsApp chat with no popup shown at all; Single Chat, for chatting with one specific agent; and Multi Chat, which lets visitors choose between multiple agents. Multi Chat is the richer option and shows a live preview of the floating chat bubble as it's configured, with a sample greeting and an agent card.
03Write the header and footer, then personalize the greeting
Move to Content settings under the Chat tab. Set the Header title and Header subtitle that appear at the top of the chat window when a visitor opens it, something like "Hey, Welcome" paired with a subtitle explaining who will respond and a fallback email for visitors who'd rather not chat.
A separate Footer text field sits beneath it, and each field shows a live character count. Replace the generic placeholder with something naming the business, like "Hey, Welcome to [Your Site]," so the first thing a visitor sees confirms they're in the right place. Badge and Welcome tabs sit next to Chat in the same panel, for the small badge shown before the chat opens and a separate first-contact message.
04Add agents and configure attention settings
Under Agents, add whoever will actually answer chats. This is what powers the agent card in the preview: a name, role, and photo instead of an anonymous chat box. Back in General settings, User Attention has a Show new message indicator toggle and an Indicator behavior setting, choosing between Smart and Always, which controls how aggressively the widget nudges visitors to notice it.
05Set position and visibility, then check mobile
The Position and Visibility tabs in the left rail control where the widget sits on the page and whether it shows sitewide or only on specific pages. Toggle between desktop and mobile preview with the device icons at the top of the editor. A floating chat widget can crowd other fixed elements, like a cookie banner or a back-to-top button, so it's worth confirming there's no overlap on a small screen before publishing.
06Preview, publish, and send a real test message
Before publishing, the editor's status still shows Unpublished at the top. Use Preview to interact with the widget as a visitor would, opening the chat and confirming the header and footer text render as configured. Once it's live, send an actual test message through it so replies are confirmed to land wherever the agents are watching, whether that's WhatsApp directly or a connected inbox.
When it doesn't work
The chat bubble doesn't appear on the published site
Why: Visibility is scoped to specific pages, or the change was only previewed and never published.
Fix: Check the Visibility tab for a page restriction, then confirm the site shows Published, not just saved in the editor.
Messages sent through the widget never reach WhatsApp
Why: The connected phone number isn't in full international format, or isn't the number actually linked to a WhatsApp account.
Fix: Re-enter the number with its country code and confirm it matches the phone tied to the WhatsApp (or WhatsApp Business) account meant to receive chats.
The widget overlaps a cookie banner or another fixed element on mobile
Why: Position settings were only checked in desktop preview.
Fix: Switch to mobile preview with the device icon and adjust Position there separately from desktop.
Frequently asked questions
Do I need the WhatsApp Business app for this to work?
It depends on the mode. Simple Link sends visitors into a normal WhatsApp chat on whatever number is configured; Single Chat and Multi Chat are built around the widget's own agent and routing setup and don't require the Business app specifically.
Is there a simpler way that doesn't need installing an app?
Yes. If Wix Chat is already on the site, its Channels tab has a WhatsApp toggle that routes messages to a phone number directly, without the agent cards or behavior modes described here.
Can more than one person respond to chats?
Yes, with Multi Chat under Widget Behavior, visitors can choose between multiple agents added under the Agents tab.
Will the widget show on every page of my site?
That's controlled from the Visibility tab, where sitewide display or specific pages can be chosen.
How do I know if visitors are noticing the widget?
The Show new message indicator toggle and Indicator behavior setting, under General settings > User Attention, control how visibly the widget draws attention. Always maximizes visibility; Smart shows it more selectively.
Sources and last check
Click path and screens for the app's Widget Behavior, Content, Agents, and Attention settings come from a walkthrough recorded before this pass; the app itself isn't named in the recording, so its settings weren't independently re-checked against a vendor doc. What was checked against Wix's own Help Center in September 2026 is the existence of a separate, simpler native path, Wix Chat's built-in WhatsApp channel toggle, now added as an alternative, along with the phone-number-format requirement reflected in troubleshooting.
About the author
Impran M N
I've been hooked on technology for as long as I can remember — especially the new tools and AI apps that seem to land every other week. Easy Tech Tuts is where I write up whatever I've just worked out: I do the task in the real product, record the screen, and turn it into the guide I wish I'd found first.
