Chat button for Shopify WhatsApp, Messenger and Instagram in one tap
A floating button on every page of your Shopify store opens a chat in WhatsApp, Messenger, Instagram or any channel you add. Shoppers ask before they leave for a competitor.Set up in 5 minutes, no developer needed.
This is a real widget. Try it
Features
Questions answered before checkout
Sizes, stock, shipping times: shoppers who can ask in one tap buy more often. The button opens the chat in the messenger they already use.
Up to 10 channels
WhatsApp, Messenger, Instagram, Telegram, Viber, LINE, SMS, phone, email and any custom link in one button.
Straight to chat
With a single channel, the button skips the menu and opens the chat right away.
A friendly invitation
A short line next to the button, like Chat with us, helps visitors decide to write.
Your color and corner
Match the button to your Shopify design, bottom right or bottom left, so it doesn't cover your cart or live chat.
No Shopify app needed
One line of code instead of another plugin or app. Change channels in Swoopkit without touching your site.
Only where you want
On every page or only on selected ones, on phones, desktops or both.
Guide
How to add a contact button to Shopify
The code goes into your theme layout once and then works on every page of your store.
- 1
Create a contact button in Swoopkit
Sign up, create a Contact button widget and add your channels: WhatsApp, Messenger, Instagram, Telegram, phone, email or any link. Pick a color and a corner.
- 2
Copy your site code
In your Swoopkit dashboard, copy the line of code with your site key. It's the same line for all widgets.
<script src="https://swoopkit.app/loader.js" data-site="YOUR_SITE_KEY" async></script> - 3
Open the theme code
In Shopify admin, go to Online Store → Themes, click “…” next to your current theme and choose Edit code.
- 4
Paste before </body>
In the Layout folder open theme.liquid, find the closing </body> tag, paste the line right before it and click Save.
If you switch to a different theme later, add the code to its theme.liquid as well.
Full Shopify guide and other platforms →Placement
Where to place the contact button on Shopify
- 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
Fashion stores
Fit and size questions, outfit advice.
Electronics
Compatibility questions before purchase.
Custom products
Discuss engraving, colors or a custom order.
Local delivery
Delivery slots and order changes in a chat.
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 contact button on Shopify
How do I add a WhatsApp or chat button to Shopify?
Create the widget in Swoopkit, copy one line of code from your dashboard and add it to Shopify: open the theme code, then paste before </body>. You do it once.
Which messengers can I add?
WhatsApp, Facebook Messenger, Instagram, Telegram, Viber, LINE, SMS, phone, email and any custom link. Up to 10 channels in one button.
Will the button slow down my Shopify site?
No. The widget is tiny and loads after your page, asynchronously.
Can I change the number or channels later?
Yes, any time in Swoopkit. The code on your site stays the same.
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: stories, pop-up banner and contact button.
Related
All widgets are included: use them together, they don't get in each other's way.
- Contact buttonEverything about this widget
- Install on ShopifyStep-by-step Shopify setup for all widgets
- Stories for ShopifyInstagram-style stories that sell from your store pages
- Pop-ups for ShopifyDiscounts and offers that catch shoppers at the right moment
- Stories for websitePhoto and video circles, just like on Instagram
- Pop-up bannerA pop-up with an offer or a lead form