Create a signup popup: collect emails and phone numbers on your Shopify store
Build an email signup, discount or exit-intent popup in Zalify from a ready-made template: edit the content, attach a Shopify discount, choose the list subscribers join, then publish and switch it on.
To put an email signup popup on your store with Zalify, pick a template under Forms, change the words and pictures, choose the list new subscribers join, then Publish changes and switch the popup on. Templates pick up your brand colours and fonts automatically, and every email and phone number visitors leave goes straight into your Zalify customer lists, ready for follow-up emails.
Before you start
- Shopify stores: turn on the Zalify app embed in your theme editor — popups can't appear without it. If it's off, the All forms page shows a notice with an Open theme editor button. See Install the Zalify Pixel on Shopify.
- Other sites: add the Zalify Pixel first.
- Discount codes (optional): to give away an offer, create the discount in Shopify first.
Step 1: Pick a template
In the left navigation, open Forms → All forms and click Build with Zalify.
Under Start from a template, choose a template and click Use template — or click Start from scratch. Switch between Desktop and Phone to see how it looks on each.
You can also start from Forms → Templates; each card notes what to change before you publish. The templates cover the most common jobs:
| Goal | Templates |
|---|---|
| Welcome offer for new visitors | Page-turn welcome, Pick your gift, Mystery number |
| Collect email and phone together | Email, then text |
| Learn about visitors with one question | One-question quiz |
| Win back visitors who are leaving or abandoning a cart | Cart rescue |
| Waitlists and launch sign-ups | First in line |
| Spend-more-save-more announcements | Spend-tier ladder |
Step 2: Edit the popup
Click any text, image or button to change it. The things you'll do most:
- Add content: from Blocks, add text, images, buttons, dividers, form Fields, a Spin to win wheel, or a Teaser tab — a small tab that stays on the edge of the page after the popup closes, so visitors can reopen it.
- Collect details: add a Field and set Asks for to email, phone, first name, last name, a dropdown or radio choice, or a Consent checkbox.
- Use several steps: split the popup into steps — for example, email on the first step and the discount code as a thank-you on the second. Add and switch steps in Layers, and choose where After submit goes in the step settings.
- Give away a code: under Offers, pick a discount you created in Shopify. Turn on A unique code for each subscriber if you want one per person.
- Tune for phones: set Card width on phones and Position on phones in the card settings.
- Edit with AI: open the AI editor and describe the change — "make the headline more urgent and use our brand colour for the button".
Your edits save as a draft automatically (⌘S saves too). Shoppers keep seeing the last published version until you publish.
Step 3: Choose the list subscribers join
In the editor's left rail, open the Templates tab, click this popup to open Details, choose a List and click Save. Or, on All forms, open the menu on the form's row → Attach to list.
With no list chosen, new subscribers join the default Email subscribers list. See Connecting a form to a list.
Step 4: Check and preview
- Click Check at the top. Zalify points out anything that would break or miss sign-ups once live — such as collecting phone numbers without SMS consent wording.
- Open Tools → Preview to see the popup on your store. The draft preview is visible only to you.
Step 5: Publish and switch it on
Click Publish changes, then Publish.
New popups start switched off. On All forms, open the menu on the form's row → Enable form — or open the form and turn on the Status switch on its Setup tab.
Once it's on, shoppers see the popup on your store within a few minutes.
When the popup appears
By default, a popup that's on shows on every page of your store, once per visit.
To show it when a visitor is about to leave, after a few seconds, after they scroll, or only on certain pages, add a trigger for it under Pixel → Triggers. See Triggers.
Only one popup appears automatically at a time. If you switch on several, use triggers to give each its own pages and timing.
See how it's doing
- Performance: on All forms, click the form's name and open the Performance tab for opens, submissions and submission rate over time.
- What people entered: under Forms → Submissions, pick the form to read each submission or Export CSV. See Viewing and exporting submissions.
Frequently asked questions
I published my popup. Why can't I see it on my store?
Usually one of four things: the popup isn't switched on (publishing and switching on are separate); the Zalify app embed is off in your Shopify theme; another popup is showing automatically; or you've already seen it during this visit. Try opening your store in a private browser window.
How do I show a popup when a visitor is about to leave?
Under Pixel → Triggers, add a trigger, choose Leave page, and pick the popup to show. Triggers can also wait a set time, wait for a scroll depth, fire after add-to-cart, and limit how often the popup appears.
Can a popup give out discount codes automatically?
Yes. Create the discount in Shopify, then choose it under Offers in the popup. With A unique code for each subscriber on, everyone who signs up gets their own code.
Does signing up through a popup subscribe visitors to marketing emails?
If the popup has an email marketing Consent checkbox, the checkbox decides. If it has none, submitting the form counts as agreeing to marketing emails. For text messages, add a consent checkbox set to Text messages.
Can I adjust the popup for phones separately?
Yes. Set Card width on phones and Position on phones in the card settings, and switch to the Phone preview while choosing a template.
Do edits to a live popup reach shoppers straight away?
No. Edits are saved as a draft, and shoppers only see them after you click Publish changes.