Pop-ups for Shopify Discounts and offers that catch shoppers at the right moment
Show a discount code, a free shipping threshold or a lead form on your Shopify store at the right moment: after a few seconds, on scroll or when the shopper is about to leave.Set up in 5 minutes, no developer needed.
Banner builder: try it yourself
Features
Offers that don't wait in the menu
A pop-up with a promo code or a sale announcement reaches shoppers on the product page, not hidden in a banner they scroll past.
When to show
After a set number of seconds, after scrolling a percentage of the page or on exit intent.
How often
On every visit, once per session or once every few days, so it never gets annoying.
Button or lead form
A button leads to your promo page; a form collects name, phone, email or a message. Leads arrive by email and in your dashboard.
Badge and photo
A Sale or New badge, and a photo on top, on the side or as the full background. Or use a ready-made image as the whole banner.
No Shopify app needed
One line of code instead of another popup plugin or app. Change offers in Swoopkit without touching your site.
Only where you want
Show the pop-up on every page or only on selected ones, on phones, desktops or both.
Guide
How to add a pop-up to Shopify
The code goes into your theme layout once and then works on every page of your store.
- 1
Create a pop-up in Swoopkit
Sign up, create a Banner widget, pick a layout, add text, a photo and a button or a lead form, and choose when it appears: after a delay, on scroll or on exit intent.
- 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
Four pop-up layouts for Shopify
- 1
Centered pop-up
The classic pop-up: noticed instantly, great for your main offer or lead capture.
- 2
Corner card
Doesn't cover the site: the offer slides in from the side without blocking the page.
- 3
Mini banner
A compact card with a photo and a button. A gentle reminder of your offer.
- 4
Bottom bar
A slim full-width bar: for announcements, shipping info or sale deadlines.
Examples
Who it's for
Welcome discount
A first-order code for new visitors.
Free shipping threshold
Remind shoppers how much is left to free shipping.
Exit intent
A last offer before the shopper leaves the cart.
Launches and sales
Countdown to a drop or a seasonal sale.
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 pop-up banner on Shopify
How do I add a pop-up 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.
When does the pop-up appear?
However you set it: after a number of seconds, after scrolling a percentage of the page or when the visitor is about to leave.
Won't the pop-up annoy visitors?
You control the frequency: every visit, once per session or once every few days. A corner card or a bottom bar doesn't cover the page at all.
Can I collect leads on my Shopify site?
Yes. Add a form with the fields you need: name, phone, email, message. Leads go straight to your inbox and your dashboard.
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.
- Pop-up bannerEverything about this widget
- Install on ShopifyStep-by-step Shopify setup for all widgets
- Stories for ShopifyInstagram-style stories that sell from your store pages
- Chat button for ShopifyWhatsApp, Messenger and Instagram in one tap
- Stories for websitePhoto and video circles, just like on Instagram
- Contact buttonWhatsApp, Messenger, Instagram and phone in one button