Create your newsletter popup
Choose a signup template, shape the offer, and connect the first email.
A visitor can like your products and still have no reason to join your newsletter. “Stay in the loop” asks them to imagine the value. A useful popup shows it: help choosing a rafting trip, a first look at a collection, or one practical idea they can use this week.
See how Urbankissed more than doubled its signup rate, how Kern River Outfitters connected a form to bookings, and what brand examples teach about the offer. Then use the editable templates to apply the ideas.
The interesting question is what happens after the address arrives. Does the subscriber use the guide, choose a product, or book the trip? We will work backward from those outcomes, using editable Getsitecontrol templates to build the invitation.
If you are still choosing between an inline form, bar, and popup, compare these newsletter signup form formats. Here, we focus on planning and improving a popup campaign.
“Get updates” leaves the visitor to guess what the updates are worth. Name the benefit and set an expectation: a weekly product edit, first access to a collection, practical tutorials, or a welcome offer. Pick a promise you can deliver consistently.
A discount makes sense when the economics support it. A content-led business may have a better offer in its expertise. An upcoming product can invite people to a launch list without promising that joining reserves stock.
| Audience need | Popup promise | First email |
|---|---|---|
| Help choosing | Get our weekly buying guide | A useful guide and the next-send expectation |
| A reason to try the store | Join for a welcome discount | The code, eligible products, and terms |
| News about a launch | Hear when the collection arrives | Confirmation of what the launch list covers |
| More relevant updates | Choose the collections you follow | Content matched to the stated interest |
Content-led businesses can offer checklists, buying guides, or webinar recordings. Choose a resource that helps with a problem the visitor already has. If the resource is a PDF, compress PDF files before delivery so they remain easy to download and read.
Separate the benefit from the condition. If a visitor is joining a marketing list to receive a code, say so next to the form. “Get a coupon” alone does not explain the ongoing emails. For copy you can adapt, use the email opt-in popup guide.
These are working template previews. Sample discounts and wording are starting points; replace them with your actual offer and connect the promised follow-up before publishing.
This template explains that the discount arrives by email, then uses “Send my code” for the action. The image gives the campaign a visual identity without requiring a long introduction.
Keep the email field. Keep the name field only if you will use it. Put important eligibility details near the offer, and make the confirmation tell subscribers where to look next. If you are running a Shopify store, the Shopify email popup walkthrough covers the store-specific setup.
The first screen asks whether the visitor wants the offer. “Yes, I want to save” opens a second screen asking for the name and email; “Send my code” submits the signup. These are different actions and should have different labels.
Use this approach when the invitation is easier to understand before the form appears. It adds a step, so compare completed signups against the original number of popup views, not just people who clicked Yes. See the yes/no popup examples for the complete interaction.
For a brand example, Michelle Vella pairs a two-step invitation with artwork from the store. Use the two-step template above to build a similar invitation around your own imagery.
Replace the template’s urgency lines if your offer has no real deadline. A welcome discount does not need artificial scarcity to be useful.
This design asks which collections interest the subscriber: women’s clothing, men’s clothing, or accessories. That answer is useful only when it changes the emails you send.
Sixth June’s earlier campaign combined an email field with a collection choice. The principle translates well to the editable template above: ask one question that will genuinely change the first email.
For a bookstore, the question might be fiction versus nonfiction. A skincare store might ask which part of a routine someone wants help with. A furniture business could offer small-space ideas versus full-room inspiration. Each answer gives you an editorial direction, not just another contact field.
The preview also includes name fields. Remove any you do not need, and consider making the preference optional. Someone who wants the whole newsletter should not have to choose an arbitrary category. Replace the generic “Send” button with a clearer action such as “Choose my updates.” The Shopify newsletter popup use case connects preferences with follow-up planning.
This slide-in promises occasional tips about sustainability and caring for clothes. The content itself is the incentive. Make the subject tangible: a weekly edit, a practical lesson, or a new collection digest. Show the kind of imagery subscribers can expect rather than adding a discount simply because a popup has room for one.
A useful adapted message is: “One considered edit, every Friday. New pieces, styling notes, and the stories behind them.” Pair it with “Send me the weekly edit.” This is sample copy, not a claim about the template’s default content.
The template offers news about launches and seasonal events. That is a useful starting point for a brand whose audience returns for new collections. Make the advantage concrete in your own copy: a preview before the public launch, an invitation to a small event, or a first look at limited colors.
For example: “Meet the next collection before launch day. Join our email list for the preview, styling notes, and the opening announcement.” If subscribers can shop first, name that access window. If they only hear first, explain that instead.
The confirmation and first email should have something to offer even when the launch is weeks away. Send the current lookbook, explain the design process, or introduce the collection’s central idea. Otherwise, you ask for attention today and give nothing back until later.
This text-first design invites readers into a world of website ideas and inspiration. It also gives you room to make a much more specific promise. A consultant could adapt it to “Before you redesign: five decisions to make first,” then offer a short planning checklist by email.
The strongest resource is often smaller than an ebook. A sizing worksheet, a packing checklist, or a two-page buying guide may solve the immediate problem more quickly. Show the problem in the headline, name the resource below it, and explain how the newsletter will continue helping after delivery.
Here is illustrative copy for a homeware store: “Will it fit your room? Get our measuring checklist, plus occasional room-planning ideas.” The next email can show how to measure, then link to a relevant collection. The product recommendation follows from the help, so it has a reason to be there.
Urbankissed moved from inline forms converting 0.9% of visitors to a branded popup with a 2% signup rate. That is about 2.2 times the original rate. The campaign appeared after 15 seconds and kept the marketplace’s visual identity. Its mailing list also grew by approximately 250% within a year — a separate measure from the signup-rate change.
The lesson is the combination of visibility, timing, and brand fit. The case does not isolate one of those changes as the sole cause. For your own store, the useful test is whether the form feels like another part of the shopping experience: the same visual language, the same level of detail, and a benefit that belongs to that range. Read the Urbankissed customer story for the setup and reported outcomes.
A rafting booking needs more thought than claiming a retail coupon. Kern River Outfitters offered help choosing a trip based on the customer’s group and plans. The slide-in appeared after five seconds or 60% page scroll, whichever came first.
The company reported a 2.26% signup rate, with 71 subscribers becoming paying customers who booked more than one space. This is a useful example of an incentive based on expertise rather than a discount. The Kern River Outfitters case study explains the journey from visitor to booking.
For a business selling a considered purchase, borrow the question behind the offer: what can you help the visitor decide? A bike store can help someone choose a frame type. A specialist travel company can help narrow down the itinerary. The follow-up should contain that help before it asks for a purchase. These are adaptations of the approach, not additional reported customer cases.
Paradisefold invited first-time shoppers to receive a small gift with their first purchase. Nearly 18% of people who saw the popup clicked “YES, PLEASE!”; more than half of those visitors then subscribed.
The two figures describe separate steps. The first measures interest in the offer, while the second describes completion among those who continued. Use both when evaluating a two-step form, as the Paradisefold customer story demonstrates.
They are asking for an address at different points in a decision. Urbankissed brings the signup invitation into the shopping experience. Kern River Outfitters offers guidance before a booking. Paradisefold turns a gift into an approachable first step.
That is a better creative starting point than “Which popup converts highest?” Choose a moment and a useful next action. The visual treatment should support that decision: a confident product image for a welcome offer, concise copy for a guide, or a preference question when the next email can be more relevant.
Someone who just arrived from a product search may not know what you sell beyond that one item. Let the page establish the brand before asking for a relationship. An invitation tied to the page — a fit guide for clothing, a routine guide for skincare — gives the person a reason to continue even if they are not ready to order.
An illustrative headline is “Still finding your fit?” with “Get our size guide and occasional fit notes by email.” The promised resource now does a job in the purchase decision. Your welcome email should open with the guide, not a generic brand introduction that buries it.
Someone who has already explored your collection may value what is next: restocks, new colors, or the next drop. A launch-led invitation can work better here than explaining the store from the beginning.
Keep the promise narrow enough to deliver. “Hear about new ceramics and studio releases” gives the reader a recognizable subject. “Exclusive access to everything” is harder to fulfill. When you can identify people who already subscribed, use campaign controls to avoid repeatedly asking them to do the same thing.
A reader midway through a useful guide is evaluating your expertise. Offer the next useful piece: a printable checklist, a worked example, or a short email series. This is where a slide-in can feel natural because the article remains visible beside the invitation.
A gardening business might offer a seasonal planting checklist; a software consultant might offer a project handover template. The content should be close enough to the page that the reader can predict its value. “More great content” makes them do that work themselves.
The Mosaic Journal campaign featured in this guide used a 25-second delay or 55% scroll depth, whichever happened first. That illustrates how a trigger can give visitors time to engage before the invitation appears.
A timer is a starting hypothesis, not a universal best practice. A visitor reading a long guide behaves differently from someone checking a product size or contacting support. Give each campaign a relevant context.
| Situation | Starting approach | What to check |
|---|---|---|
| Reading an article | A delay or scroll trigger after useful content | Can the visitor understand the topic before the invitation? |
| Browsing a collection | An offer relevant to that collection | Does the destination contain eligible items? |
| Actively seeking updates | A clicked teaser or signup link | Can they reopen the form without waiting? |
| Leaving on desktop | An exit-intent invitation | Is the offer useful at this point in the visit? |
For desktop exit intent, use the exit popup setup guide. On mobile, choose a trigger suitable for touch browsing and verify it on a phone; cursor-based desktop behavior is not a mobile test.
In Getsitecontrol, review page rules, start conditions, and stop conditions together. Avoid stacking multiple invitations on the same page. Configure what happens after closing or submitting, then test a return visit. The targeting guide explains how those controls fit together.
Comet Skateboards uses action photography to connect its signup invitation with the experience of riding. Lululemon carries its red, white, and black identity into the form. Both examples show how imagery and color can make a popup feel like part of the store.
Userlist takes a copy-led approach: the value of the email content does much of the work. Its guide-led campaign offered a resource about atomic emails with a delivery-focused CTA. The specific resource gives the visitor something concrete to evaluate.
Roadskin’s earlier campaign used a quiet bottom bar. A brand-led invitation can take a different direction: this Design ideas template turns a jewelry photograph into a segmented editorial composition, paired with spacious typography and a restrained coral accent.
This is a general newsletter invitation. If the visitor wants an alert about one sold-out size, use a product-specific restock signup instead of treating that request as permission for every newsletter. The back-in-stock email guide explains that separate journey.
Keep the visual language, then make “access” specific: collection previews, styling notes, or invitations to studio events. Replace the sample social handle and privacy link before publishing. These email opt-in form placements show how to choose between a bar, popup, and inline form.
On a phone, the form must still work with the keyboard open. Check that labels remain visible, error messages explain the fix, and the close control is easy to reach. An image is optional if it pushes the fields or button out of view.
Google recommends avoiding intrusive interstitials that obscure page content, particularly on arrival from search. Use a restrained invitation and keep the page accessible; see Google’s guidance on dialogs and interstitials.
The Reverie Hats example includes consent information in the signup experience. Treat that as a reminder to design the explanation alongside the offer, rather than adding it as an afterthought.
State who will send emails, what they contain, and how to unsubscribe. Link to your privacy information near the form. A design alone cannot establish compliance for every audience and jurisdiction.
For UK consent-based email marketing, the ICO says consent must be freely given, specific, informed, and unambiguous. Pre-ticked consent boxes do not establish a positive choice. Keep evidence of consent and make withdrawal easy. Review the ICO’s electronic mail marketing guidance for your use case rather than treating a checkbox as a universal solution.
The success message should answer “What happens now?” If a code or resource arrives by email, say that. If confirmation is required first, explain the confirmation step. Avoid showing a success message that promises immediate access when the next action is still pending.
Build the first message alongside the popup. These welcome email templates cover delivering the incentive and introducing the brand. For different subscriber interests, use the personalized welcome sequence guide.
Submit a test address through the published flow. Verify the saved fields, the subscription state, and the received email. A correct preview does not prove that the follow-up has been connected.
A popup campaign becomes much easier to write when you know what the subscriber receives next. For a guide-led newsletter, a practical sequence could look like this:
For a welcome discount, the order is different. Put the usable code and terms in the first message, show a small relevant product selection next, and use a reminder only if there is a real expiry or a useful new reason to revisit. A content subscriber and a coupon subscriber have not asked for the same experience.
High signup volume can hide a weak promise. If the first email goes unread, look at the words on the form before redesigning the button. Did the visitor expect one download and receive a sales sequence? Was the incentive a one-off prize with no connection to the products? Was the sender name recognizable from the site?
A useful diagnosis follows the point where people disengage:
Keep the original signup promise beside the first email during review. If they read like two unrelated campaigns, fix that handoff first. This is often a more useful improvement than adding another incentive to the popup.
Track completed signups divided by popup views, then look at confirmed or usable contacts and first-email engagement. If a campaign collects many addresses but few people read the promised email, revisit the audience and offer.
Split results by device and placement. Compare variants over the same period, and change one meaningful variable at a time: the benefit, number of fields, trigger, or CTA. Use popup conversion benchmarks as context, not as a promised result.
State the benefit, explain that the visitor is subscribing to emails, and use a button that describes the next action. Add any important offer conditions near the form.
Start with the page context and visitor behavior. Test a delay, scroll condition, or visitor-initiated opening. There is no single delay that is best for every website.
Only when it suits your business and margin. Useful content, collection updates, or launch announcements can also be a reason to subscribe. Compare subscriber quality as well as signup volume.
It can help explain the offer before asking for details, but it also adds a step. Compare final signups per initial popup view to evaluate the full flow.
Start with email and add fields only when you will use the information. A preference can improve relevance, but an unnecessary required field adds work for the visitor.
Yes, but test the small-screen layout, keyboard, errors, and close button. Use a mobile-appropriate trigger and avoid blocking the page before the visitor can use it.
No. Consent wording, how the choice is obtained and recorded, the purpose of the emails, and withdrawal all matter. Requirements depend on the audience and applicable rules.
Show a clear confirmation and deliver the promised email or explain any confirmation step first. Test the entire flow, including the saved contact and received message.
Jack Hayes covers onsite marketing, email campaigns, and ecommerce growth at Getsitecontrol. His guides connect popups, personalization, and automated emails into practical strategies for turning visitors into subscribers and customers into repeat buyers.
You’re reading Getsitecontrol blog where marketing experts share proven tactics to grow your online business. This article is a part of Popups section.
Create popups for free
Email forms, promos, coupons, surveys, bounce-stoppers.
Get started, it’s free →Subscribe to get updates
Get beginner-friendly tips for growing your online business.