Email Sign-up Pop-ups: Offers, Fields and Placement That Work

What a sign-up pop-up has to do

A sign-up pop-up has one job: get people who are likely to buy later to give you a way to reach them. Most first-time visitors to a small store don’t buy on the first visit. An email address turns a visitor you’ll probably never see again into someone you can remind about the product they looked at, the next sale, or the restock they were waiting for.

To do that, the pop-up has to clear three hurdles in a few seconds:

1. It must be worth reading. The visitor should understand what they get before they reach for the close button.
2. It must be quick to fill in. Every extra field, every unclear label, is a reason to stop.
3. It must not damage the visit. If it covers the product people came to see, it costs more than it earns.

Everything below is about one of those three.

Step 1: Choose an offer worth an email address

“Subscribe to our newsletter” is not an offer. Nobody wakes up wanting more email. The pop-up needs to name a concrete benefit that matters to someone who is shopping with you right now.

Whatever you choose, make the offer something you can deliver immediately and keep delivering. If the pop-up promises 10% off, the code should arrive in the inbox within a minute. If it promises early access, the first early-access email needs to be on the calendar.

Also be honest about what the list is. If people sign up for a discount, they will also receive your marketing emails. Say that in the pop-up, in plain words, rather than surprising them with a weekly newsletter they didn’t know about.

Step 2: Ask only for the email address

The fewer fields, the easier the form. For a sign-up pop-up, the email address is the only field you truly need: it’s how you deliver the offer and everything after it. A first name is nice for greetings, but it adds typing on a phone keyboard and a reason to hesitate.

Google’s web.dev guide to sign-up forms makes the same point about duplicate fields: “Don’t double up your inputs just to make sure users get their contact details right.” It also warns against vague button wording such as “Get on board!” or “Join us.” (web.dev, Sign-up form best practices).

In marketingLABO, the email sign-up form element in a banner always includes the email field, and the first-name and last-name fields can each be shown or hidden. Note that when a name field is shown it is required, so if you want names to be optional, hide them and collect names later. The form checks that the email address is in a valid format before it submits.

Step 3: Write the pop-up copy

A sign-up pop-up needs four pieces of text, and not much else:

The supporting line is where honesty pays off. “Get the code by email, plus new arrivals and sale news” tells people exactly what they’re agreeing to receive. People who sign up knowing that are more likely to stay on the list and less likely to mark your emails as spam.

The button should describe what happens next: “Email me my code,” “Get early access,” “Send me the size guide.” Generic labels like “Submit” make the visitor work out the result themselves. In marketingLABO you can set the button text, color, text color and shape (square or rounded) in the form settings.

A close button is part of the copy, too. It should be visible and easy to tap. Avoid “confirmshaming” decline links such as “No thanks, I don’t like saving money” — they irritate the people you most want to win back later.

Step 4: Get consent wording right

What you need to say depends on where your subscribers are. Two common cases for a small online store:

US subscribers. The CAN-SPAM Act sets rules for commercial email itself — accurate headers and subject lines, identifying the message as an ad, a valid postal address, a working opt-out, and honoring opt-outs within 10 business days. The FTC’s compliance guide frames these as requirements on the messages you send and on handling opt-outs; it notes that each separate email in violation can carry penalties of up to $53,088 (FTC, CAN-SPAM Act: A Compliance Guide for Business). Even so, telling people at sign-up what they’ll receive, and that they can unsubscribe, sets the right expectations. For the full list, see CAN-SPAM Compliance Checklist for E-commerce Emails.

EU and UK subscribers. Marketing email generally needs consent that is freely given, specific, informed and unambiguous — no pre-ticked boxes, and a clear statement of what people are signing up for. Whether a sign-up discount is allowed as an incentive, how to word the form, and what records to keep are covered in GDPR and Email Marketing: Consent Basics for Small Online Shops. Read it before you run a sign-up pop-up for European visitors.

A sign-up line that works as a starting point in most cases:

Link “Privacy Policy” to your actual policy page. In the marketingLABO banner editor, any element — including a text element — can have a link, so you can add the policy link as small text under the form. The banner sign-up form doesn’t include a consent checkbox field, so if your legal advice says you need a separate tick box for consent, plan that with your adviser before using the pop-up for those visitors.

Step 5: Decide who should see it

A sign-up pop-up is for people who aren’t on your list yet. The simplest and most useful rule is to show it to first-time visitors and leave everyone else alone.

Visit frequency is recognized per browser, so a person who clears their browser data, browses privately or switches devices may be treated as new. That’s acceptable for a sign-up offer, but it’s one reason the offer itself should be something you’re happy to give more than once in a while. For more on separating first-time and returning visitors, see How to Target Returning Visitors with Different Messages Than First-Timers.

Traffic source targeting is worth a thought, too. Someone who arrived from your own newsletter is probably already subscribed. If your newsletter links carry a campaign parameter, you can use it to show those visitors something else, or nothing. See UTM Parameters Explained for naming them consistently.

Step 6: Decide when to show it

Showing the pop-up the instant the page loads asks for an email before the visitor knows whether they like your products. Giving them a moment to look around usually makes the ask more reasonable. marketingLABO’s triggers include showing the banner immediately, after a number of seconds on the page, or when the visitor scrolls to a percentage of the page.

There’s no universal best number. Use your own data: marketingLABO’s heatmaps show time on page and scroll depth for each page, so you can see how far most visitors actually scroll and how long they stay, and set the trigger where a meaningful share of people will still be on the page. See Website Heatmaps Explained for how to read those numbers.

Step 7: Choose the display type and design for phones

Phones deserve their own design. A modal that looks balanced on a laptop can cover the whole screen on a phone. Google’s Search Central guidance on intrusive interstitials advises “Don’t obscure the entire page with interstitials,” and recommends banners that take up a small fraction of the screen, noting that the same kind of container can be used for newsletter sign-ups (Google Search Central). Practical checks for mobile:

1. Keep the pop-up well short of full-screen, so the page behind it is still visible.
2. Make the close button large enough to tap and place it where people look for it, usually the top right.
3. Test the form with the phone keyboard open. The email field and the button must still be visible.
4. Use separate mobile and desktop images if one design doesn’t fit both.

Where sign-ups go in marketingLABO

When a visitor submits the sign-up form in a marketingLABO banner, several things happen at once. It’s worth knowing them, because they determine what you can do next:

1. The person is saved as a contact in your dashboard, with the email address (and name, if you asked for it).
2. The submission is recorded as a conversion and attached to that visitor’s action timeline. You can see which pages they viewed before and after signing up, with the banner recorded as the source of the sign-up.
3. An admin notification email can be sent to you or your team for each sign-up, if you set one up in the form’s email settings.
4. An auto-reply email can be sent to the person who signed up. This is the natural place to deliver the discount code or the content you promised.

From there, on the Light plan and above you can send email newsletters to people who signed up, and on the Standard plan journeys can send a series of emails timed to what each person does next — for example, a follow-up if they haven’t come back to the site. The sign-up form is part of the banner, so it’s available on every plan within the plan’s banner limit. See pricing for what each plan includes.

What marketingLABO doesn’t do: it doesn’t connect to your store platform, so it can’t create a unique discount code per person or check whether a code was used. Create the code in your store (Shopify, WooCommerce or similar) and put it in the auto-reply.

Step 8: Follow up — the pop-up is the start, not the goal

A sign-up is only worth something if the emails after it are good. Plan at least the first message before the pop-up goes live:

1. Immediately: deliver the offer. Subject line that matches the pop-up (“Your 10% code is inside”), the code, how to use it, its real expiry, and a link back to the store.
2. A few days later: introduce the store — best sellers, what makes you different, how shipping and returns work.
3. About a week later: a reminder of the offer for people who haven’t used it, if it’s still valid.

For a full plan with timings, branches on opens and return visits, and sample copy, see How to Build a Welcome Email Series for a Small E-commerce Store.

Measuring your sign-up pop-up

Three numbers tell you most of what you need to know:

Sign-ups divided by impressions gives you a rough sign-up rate to track over time. Then look past the pop-up: do new subscribers come back and buy, or do they unsubscribe after the code? A pop-up that collects many addresses from people who never open an email isn’t growing your business.

Pop-up banners in marketingLABO don’t have built-in A/B testing (A/B tests are available for forms). To compare two offers, run each for a comparable period and compare the results, keeping in mind that seasons and traffic sources change too. If you want to count lighter signs of interest along the way, see Micro-conversions.

Pre-launch checklist

1. The offer is concrete, and you can deliver it immediately.
2. The discount code exists in your store, with the conditions and expiry you state.
3. The form asks for the email address only (or email plus first name, if you really need it).
4. The copy says what people will receive and that they can unsubscribe.
5. A privacy policy link is on the pop-up; EU/UK consent requirements are handled if you have those visitors.
6. The button text describes the result (“Email me my code”).
7. The close button is visible and easy to tap.
8. Targeting: first visit only; checkout, account and policy pages excluded.
9. Trigger: a delay or scroll depth based on your heatmap data, not an instant modal.
10. Mobile design tested with the keyboard open.
11. The auto-reply email delivers the offer, and the admin notification goes to the right person.
12. A test sign-up in a private window: the contact appears, and the email arrives.

FAQ

Should a sign-up pop-up show on every page?

No. Product, collection and content pages are good places; checkout, cart, account and policy pages are not. Someone halfway through entering an address doesn’t need an interruption.

Is a discount the best offer?

It’s the most common, not automatically the best. If shipping cost is what stops your shoppers, free shipping on the first order may work better and cost less on large orders. If your products sell out, restock alerts can be more valuable to the visitor than a discount. Look at what your visitors do — for example, whether timelines show visits to your shipping policy right before people leave.

Can I ask for a phone number too?

It’s better not to. Text messaging has its own consent rules, and an extra required field lowers sign-ups. Start with email, and ask for other details later when people have a reason to share them.

What if someone signs up twice?

With first-visit targeting, most returning visitors won’t see the pop-up again. If someone does sign up twice — for example, from a new device — decide in advance whether you’ll honor a second code, and state the “one use per customer” rule in the small print.

Ready to build one? Create a free account, add the tag to your site, and start from one of the email sign-up templates. Then set the audience to first-time visitors and connect the auto-reply that delivers your offer.

Sources

1. Federal Trade Commission, “CAN-SPAM Act: A Compliance Guide for Business” (accessed October 12, 2026): https://www.ftc.gov/business-guidance/resources/can-spam-act-compliance-guide-business
2. web.dev, “Sign-up form best practices” (accessed October 12, 2026): https://web.dev/articles/sign-up-form-best-practices
3. Google Search Central, “Avoid intrusive interstitials and dialogs” (last updated December 10, 2025; accessed October 12, 2026): https://developers.google.com/search/docs/appearance/avoid-intrusive-interstitials