WhatsApp button for websiteCustomers start a chat with you in one tap
A floating button in the corner of the screen opens a WhatsApp chat with your business number. Add Messenger, Instagram or phone next to it, and customers pick what suits them.Set up in 5 minutes, no developer needed.
This is a real widget. Try it
Features
WhatsApp where customers look for it
Visitors don't have to copy your number and save it as a contact. They tap the button and WhatsApp opens on a chat with you: in the app on a phone, in WhatsApp Desktop or WhatsApp Web on a computer.
WhatsApp only, straight to chat
With a single channel, the button skips the menu and opens WhatsApp right away.
Just enter your number
Type your number with the country code and the button builds the wa.me link for you.
WhatsApp plus other channels
Messenger, Instagram, Telegram, Viber, LINE, SMS, phone, email and any custom link. Up to 10 channels in one button.
A friendly invitation
A short line next to the button, like “Chat with us on WhatsApp”, helps visitors decide to write.
Your color and corner
Match the button to your site, bottom right or bottom left, so it doesn't cover your cart or live chat.
Only where you want
On every page or only on selected ones, on phones, desktops or both.
Guide
How to add a WhatsApp button to your website
Four steps, no developer needed. You can change the number later in your dashboard without touching your site.
- 1
Have your WhatsApp number ready
Use the number of your WhatsApp or WhatsApp Business account, with the country code. Spaces, dashes and the plus sign are fine, the button keeps only the digits.
- 2
Create a contact button in Swoopkit
Sign up, create a Contact button widget, add WhatsApp as a channel and enter your number. Add Messenger, Instagram or phone if you like.
- 3
Pick a color, corner and invitation
The editor preview shows exactly how the button will look on your site.
- 4
Paste the code into your site once
Copy the line of code with your site key from the dashboard and paste it into your site: in the custom code settings of Shopify, WordPress, Wix, Squarespace, Webflow or before the closing </body> tag.
<script src="https://swoopkit.app/loader.js" data-site="YOUR_SITE_KEY" async></script>
One code for all Swoopkit widgets. If you add stories or a pop-up banner later, there's nothing more to paste.
Placement
Where to place the WhatsApp button
- 1
Bottom right corner
The usual spot for a chat button: visitors find it without thinking.
- 2
Bottom left corner
When the right side already has a cart, live chat or a “back to top” button.
Examples
Who it's for
Online stores
Questions about sizes, stock and shipping, before the shopper leaves for a competitor.
Salons and clinics
Booking by message instead of a phone call, convenient for clients anytime.
Restaurants and delivery
An order, a table reservation or a menu question in one tap.
Service businesses
Photos of the job and a quote in a chat, no phone tag.
Quick start
Live in 5 minutes, no developer needed
- 1
Build a widget
Pick a type, upload photos, write the text. The live preview shows exactly how it will look on your site.
- 2
Paste one line of code
Just once: every widget you add later appears on your site automatically. Works with Shopify, WordPress, Wix and any website.
- 3
Get leads
Leads arrive in your inbox and dashboard. Update offers and stories yourself, anytime.
Pricing
Free for 3 months, everything included
All widgets are free for 3 months with a small “Made with Swoopkit” badge, no credit card required. After that, the paid plan: widgets without the badge.
- All three widgets: stories, banners, contact button
- Unlimited views
- Leads by email and in your dashboard
- “Made with Swoopkit” badge
- All three widgets: stories, banners, contact button
- Unlimited views
- Leads by email and in your dashboard
- No “Made with Swoopkit” badge
- All three widgets: stories, banners, contact button
- Unlimited views
- Leads by email and in your dashboard
- No “Made with Swoopkit” badge
Start for free. Payment for the paid plan is coming soon to your dashboard.
FAQ
Questions about the WhatsApp button
How do I add a WhatsApp button to my website?
In Swoopkit, create a contact button, add WhatsApp as a channel and enter your number with the country code. Then paste one line of code from your dashboard into your site, once.
Does it work with WhatsApp Business?
Yes. The button opens a chat with any WhatsApp number, personal or WhatsApp Business. You reply from the app as usual.
Can I have a WhatsApp-only button?
Yes. With a single channel, the button opens the WhatsApp chat directly, without a menu.
What happens on a computer?
WhatsApp opens the chat in WhatsApp Desktop if it's installed, or offers WhatsApp Web in the browser.
Does it work with Shopify, WordPress and Wix?
Yes. The code goes into your site settings or a custom code block on Shopify, WordPress, Wix, Squarespace, Webflow and any website where you can add a snippet.
How much does it cost?
The first 3 months are free, no credit card required. After that, $7 a month or $15 for 3 months, and the plan includes all widgets: contact button, stories and pop-up banner.
Related
All widgets are included: use them together, they don't get in each other's way.