A WhatsApp chat button on a website is a click-to-chat link that opens a conversation with your business number. The simplest version is a wa.me URL on any button or image. On Wix you can use that free link, or install WhatsApp Button: Ichonic for a single floating WhatsApp widget, or Chatz when you need multiple channels in one launcher.
Wix-specific guides: Wix WhatsApp button and Chatz on Wix.
What a WhatsApp chat button does
Shoppers tap the button. WhatsApp opens with your number loaded. A pre-filled message can save them typing on mobile. That is the whole job. It does not host chat inside your site, route tickets, or guarantee a reply time.
| Approach | Cost | Best for |
|---|---|---|
| wa.me link on a static button | Free | Testing, low volume, any platform |
| Floating single-channel app (WhatsApp Button: Ichonic) | Paid on Wix | Staffed WhatsApp with schedule and styling |
| Multi-channel launcher (Chatz) | Paid on Wix | WhatsApp plus Messenger, SMS, Maps, and more |
| AI live chat bot | Different product | FAQ volume, not WhatsApp routing |
wa.me click-to-chat on any website
WhatsApp documents click-to-chat with URLs like https://wa.me/15551234567. Add ?text=Hello for a starter message. URL-encode spaces and special characters in the text parameter.
- Use your business number in international format without plus signs or dashes in the path.
- Pick one default pre-filled message that matches how you actually answer (size, stock, shipping window).
- Put the link on a visible button and repeat it in the footer or contact block if that is where people look first.
- Test on iPhone and Android. Desktop should open web.whatsapp.com when the app is not installed.
Important
A dead chat button is worse than no chat button. If nobody replies during buying hours, fix staffing before you add a floating widget.
Plain HTML and CMS buttons
On WordPress, Shopify themes, Webflow, or custom HTML, you do not need a marketplace app for basic click-to-chat. Add an anchor or button with href pointing to your wa.me URL. Style it like your other contact CTAs.
- Use rel="noopener" on target="_blank" if you open in a new tab.
- Keep one primary WhatsApp CTA per page. Two competing floaters confuse mobile taps.
- Do not hide the only contact path behind a multi-step modal.
Adding WhatsApp on Wix
Wix stores have three practical paths:
- Free: link a Wix button or image to wa.me, or use Quick Action Bar WhatsApp on mobile.
- Paid single channel: WhatsApp Button: Ichonic for a floating FAB, position rules, and online schedule.
- Paid multi channel: Chatz when Messenger, SMS, email, Maps, or a contact form also belong in the same launcher.
Full Wix setup and staffing notes live in Wix WhatsApp button. Multi-channel depth is in Chatz on Wix.
WhatsApp Button: Ichonic vs Chatz
These are different products. Do not conflate them.
| WhatsApp Button: Ichonic | Chatz | |
|---|---|---|
| Channels | WhatsApp only | Many (WhatsApp, Messenger, SMS, Maps, and more) |
| Job | One staffed WhatsApp path | One launcher for several contact paths |
| Complexity | Lower | Higher (every enabled channel needs a reply owner) |
| When to pick | WhatsApp is the only channel buyers use | Buyers split across channels you can staff |
If WhatsApp is the only channel, WhatsApp Button: Ichonic is the lighter install. If you need Messenger and SMS in the same bubble, Chatz fits. Installing both apps to show two WhatsApp floaters is a common mistake.
Placement and mobile
- Floating bottom-right is familiar. Confirm it does not cover checkout fields or cookie banners.
- On product pages, place static WhatsApp links near size or fit questions if that is what buyers ask.
- Reduce size or hide on cart and checkout if the FAB blocks the pay button.
- Match desktop and mobile visibility to when someone is actually online to reply.
Staffing rules
- Publish store hours in the pre-filled message or auto-reply inside WhatsApp Business.
- One owner per channel. WhatsApp messages should not sit unread while email gets answered.
- Measure response time during peak traffic weeks, not only on launch day.
Common mistakes
- Two WhatsApp floaters from different apps
- Enabling Chatz channels nobody monitors
- Using a personal number without WhatsApp Business labels and away messages
- Adding chat before product pages answer basic fit and shipping questions
When not to add a WhatsApp chat button
- Reply time is measured in days, not hours
- Your buyers are US-only and email support already clears the queue
- The page is already heavy with widgets and you have not fixed speed first
- You need on-site AI FAQ coverage instead of routed messaging
For app stack context on Wix, see best Wix apps.
FAQ
What is a WhatsApp chat button on a website?+
A click-to-chat control that opens WhatsApp with your business number, usually via a wa.me link. On mobile it opens the app. On desktop it opens WhatsApp Web or prompts install.
How do I add a WhatsApp button without an app?+
Link any button or image to https://wa.me/COUNTRYCODEPHONENUMBER with optional ?text= for a pre-filled message. Replace spaces and plus signs in the number per WhatsApp link rules.
Should I use WhatsApp Button: Ichonic or Chatz on Wix?+
Use WhatsApp Button: Ichonic when WhatsApp is the only channel you want in a floating widget. Use Chatz when you need multiple channels in one launcher. Do not install both for the same WhatsApp job.
Does a WhatsApp button replace live chat?+
No. It is click-to-open WhatsApp, not an on-site inbox. If you need AI answers from a knowledge base, that is a different app category.
Where should the button sit on the page?+
Bottom-right is the usual default for a floating button. Keep it off checkout if it blocks fields. Test on a real phone before you launch.
Is a WhatsApp button free on Wix?+
A plain wa.me link on a Wix button costs nothing. WhatsApp Button: Ichonic and Chatz are paid App Market apps with more placement and styling control.
Still deciding what fits your store?
Tell us what you are running today and we will tell you what to add, swap, or skip.
