An opt-in does not have to look the same in every situation. A newsletter is asking someone to make room for future emails. A webinar needs enough information to make the event worth registering for. An ecommerce store may only need a visitor to see a discount at the right moment, while a gamified campaign can make the interaction itself part of the offer.
That is why the examples below are deliberately different. The useful question is not which design looks best, but why a particular format makes sense for the visitor, the offer and the moment in the journey. A dedicated page can give a complex offer room to make its case; a popup can make a simple offer visible without taking the visitor somewhere else; and a gamified format can give the visitor a reason to interact before the reward is revealed.
What Is an Opt-In Page?
An opt-in page asks a visitor for an email address, and sometimes a name or a work detail, in exchange for something specific: a newsletter, a report, a webinar, a discount. It can be a full page built around that single ask, or a popup that appears on a page the visitor is already reading. This article covers both: dedicated opt-in pages first, then the wider set of onsite popups and surfaces ecommerce stores use for related conversion goals, plus the gamified formats that turn the ask into something to play with.
Traditional Opt-In & Landing Pages
Seven pages, each built as its own destination rather than an overlay. The examples below differ most in how quickly a visitor can tell what they will receive and what it will cost them.
Newsletter Opt-In Page Examples
A newsletter asks for ongoing trust, because the visitor is agreeing to a stream of future emails. Each of the four pages below answers that in its own way.
1. Backlinko
Backlinko is selling an ongoing relationship rather than a single asset. Someone arriving from a free SEO article already has access to useful information, so the newsletter has to answer a different question: what will I get by giving this brand access to my inbox?
The dedicated page gives that question its own space. Instead of competing with an article, a product or another conversion goal, the entire page is focused on explaining the newsletter and making the exchange feel small. The single email field reinforces that: the visitor is not being asked to fill out a lead-generation form before they understand the offer.
That makes this a useful model for recurring content. When the thing being offered is future communication rather than a downloadable asset, the page has to sell the value of the relationship, not just the act of subscribing.
Backlinko starts with the relationship itself. Swipe Files takes a different route: instead of asking visitors to trust the promise, it gives them something concrete to inspect first.
2. Swipe Files
That approach becomes even more useful when the value of the newsletter is difficult to judge from a promise alone.
That matters because a newsletter is an intangible product. You cannot download the next twelve issues before signing up, but you can show what one issue actually looks like. The sample turns an abstract promise into something the visitor can judge for themselves.
The broader lesson is useful beyond newsletters: when the value of an opt-in is difficult to explain in a sentence, showing the thing itself can do more work than adding another paragraph of marketing copy.
Demand Curve removes another kind of uncertainty: not what the newsletter looks like, but what the commitment actually involves.
3. Demand Curve
Demand Curve treats the newsletter signup as a low-friction exchange. The visitor does not need a long explanation of a complex product; they mainly need enough information to decide whether receiving the newsletter is worth giving up an email address.
The page therefore answers the obvious objections close to the moment they arise: whether it costs anything, whether the visitor will receive spam, and how often emails arrive. That sequence matters more than the individual pieces of copy. Each piece removes one uncertainty before the visitor has to make the decision.
For a simple opt-in, this is a useful principle: do not make visitors search the page for the information that determines whether they will subscribe. Put the answer next to the question they are already asking.
4. James Clear: 3-2-1 Thursday
James Clear's 3-2-1 newsletter shows what happens when the offer itself is already easy to understand. The visitor does not need a long explanation of what they are signing up for because the format is part of the proposition: three ideas, two quotes and one question, delivered every Thursday.
That gives the page a different job from a more complicated lead-generation page. Instead of spending most of its space explaining the offer, it can use the available space to let visitors verify that the newsletter is real and worth following. The archive gives them that opportunity before they subscribe.
The lesson is important for opt-in pages in general: when the proposition is already clear, more copy is not automatically more persuasive. Sometimes the most useful thing you can give the visitor is evidence that the promised experience actually exists.
Lead Magnet Opt-In Page Examples
A lead magnet is easier to picture than a newsletter, because it is a finished object. Both pages below use that.
5. Customer.io: The State of Messaging Report
A report is a different kind of opt-in because the visitor is deciding whether a piece of content is worth giving up an email address for. The page therefore has to make the asset itself credible before asking for the form submission.
Customer.io does that by making the report the centre of the proposition and giving the visitor information about what is inside it and where the material comes from. That lets someone assess the potential value of the download before committing.
This is where a dedicated page earns its space. If the visitor needs to understand the subject, the scope or the credibility of a resource before deciding whether to download it, putting the form on a page built around that explanation gives the offer room to make its case.
6. Assent: The PFAS Handbook
Assent narrows the proposition further. This is not a general content subscription; it is a specific handbook about a specific regulatory issue for a specific professional audience.
That specificity changes the exchange. The visitor can immediately understand what they are getting and whether the subject is relevant to their work, which makes the dedicated page useful as a place to establish that relevance before asking for an email.
The page also makes a broader content-library proposition alongside the handbook. Because that is Assent's own claim, rather than something this article independently verified, it should be treated as part of the page's offer rather than as a proven outcome. The practical lesson is straightforward: if one signup gives access to more than the asset shown in the headline, make that additional value visible — but only when the claim is actually true.
Webinar Opt-In Page Example
A webinar can justify a longer form than a newsletter can, because the visitor wants one specific talk.
7. Figma: Redesigning Travel with British Airways
A webinar changes the information the visitor needs before registering. Someone considering a newsletter mainly needs to understand what will arrive later; someone considering a webinar needs to know what the event is about and whether it is relevant enough to spend time attending.
Figma gives the event that context before asking for the registration details. The topic and speakers establish what the visitor is signing up for, while the longer form asks for substantially more information than the newsletter examples above.
The page does not explain why Figma asks for job title and company size, so we should not invent that reason. What we can see is the trade-off: the visitor is being asked for more information, but the offer is also much more specific. That is the useful comparison with the newsletter examples — the more demanding the form becomes, the more important it is that the offer gives the visitor a clear reason to complete it.
Ecommerce Popup Examples
The examples above are mostly destinations: the visitor arrives because the newsletter, report or webinar is the thing they came to consider. Ecommerce changes that relationship. The visitor may already be browsing products, comparing options or preparing to buy, so the opt-in or offer has to fit into a journey that was already happening.
That means the important question changes from "How much information does this offer need?" to "What is the visitor doing right now, and what can this format add without getting in the way?"
The four examples below answer that question in four different ways.
8. Varley: First-Order Discount Banner
Varley represents the simplest ecommerce case: a new visitor has arrived, but the brand does not yet know whether that person will buy. A first-order incentive gives the visitor a concrete reason to establish a relationship before making that purchase decision.
The important part is not the wording of the banner itself. It is the role the offer plays in the journey. The discount is available before the shopper has committed to a product, so it can turn an anonymous visit into an identifiable opportunity without waiting for the visitor to reach checkout or show exit intent.
The trade-off is visibility versus interaction. A site-wide banner can be seen without interrupting the shopping experience, but it does not itself collect the email. That makes this a useful reference point for understanding when a simple promotional surface is enough — and when a popup or form needs to take the next step.
9. Le Creuset: Persistent Offers Tab
Le Creuset solves a different ecommerce problem. Instead of deciding that one particular moment is the right time to interrupt the shopper, the site keeps its offers available throughout the shopping journey and lets the visitor choose when to inspect them.
That makes sense for a store where several promotions can be relevant at once. A visitor comparing products may not want a discount message covering the page, but may still be interested in checking available offers before buying.
The useful distinction here is not "popup versus no popup." It is interruption versus availability. A persistent surface gives the visitor control over when the promotional message becomes part of the shopping experience. The downside is equally clear: the offer only matters if the visitor notices the surface and chooses to open it.
10. Ruroc: Giveaway Popup
Ruroc shows what changes when the incentive is not a discount at all. A visitor browsing helmets is presented with an opportunity to enter a giveaway, so the campaign does not require the brand to reduce the price of the product the visitor is already considering.
That creates a different exchange from the first-order discount. A discount gives the visitor a guaranteed economic benefit; a giveaway offers the possibility of a much larger reward. The distinction matters because the visitor is responding to a different proposition.
This is also why the popup can make sense early in the journey: the visitor does not need to have reached a purchase decision before the offer becomes relevant. The useful distinction is that the same popup format can support very different jobs. What matters is not that the campaign interrupts the visitor, but whether the reward gives that interruption a reason to exist.
11. OddBalls: Cart Upsell
OddBalls moves the conversation to a completely different stage of the journey. The visitor has already added a product to the cart, so there is no longer a need to persuade them to start shopping. The next opportunity is to increase the value of a purchase that is already underway.
That is why the upsell lives inside the cart rather than arriving as a generic acquisition popup. The visitor is already making a purchase decision, so the additional offer can be evaluated in relation to the item they have just chosen.
This is an important distinction for anyone designing ecommerce campaigns: not every conversion opportunity is a lead-generation opportunity. Sometimes the visitor has already crossed the more difficult threshold — deciding to buy — and the right intervention is simply to make the next relevant purchase easier to consider.
Gamified Popup Examples
The ecommerce examples show four different ways of working with the visitor's existing journey. The gamified examples change the proposition again: instead of relying only on the value of the reward, the campaign makes the interaction itself part of the experience.
That matters because a game can give the visitor something to do before the reward is revealed. The next examples use that idea in progressively different ways — a discount hidden behind an interaction, a prize hidden behind a choice, and a seasonal mechanic where the visual experience helps create the reason to participate.
12. Pop a Balloon
Pop a Balloon is useful when the offer itself is not enough to earn attention. The discount gives the visitor a concrete reason to care, while the interaction gives them a reason to stay engaged long enough to discover it.
That combination is particularly useful for first-visit offers. Instead of putting the discount and the form in front of the visitor as a static exchange, the campaign creates a small moment of participation between the visitor and the reward.
The important idea is not the balloon itself. It is the relationship between a known incentive and an interaction that makes the visitor work a little to receive it.
13. Pick a Gift
Pick a Gift uses a different way to create value: instead of telling the visitor how much they will save, it makes the reward itself the reason to continue.
That makes the mechanic especially useful when curiosity is more important than communicating a precise discount. The visitor is not comparing percentages or calculating savings; they are deciding whether the possibility of receiving something is interesting enough to engage with.
The trade-off is important. When the value of the reward is less explicit, the experience has to compensate by making the interaction feel worthwhile. Curiosity can replace a clearly stated incentive, but it cannot replace the need for a compelling offer.
14. Scratch Card: "Happy New Year!"
Scratch Card adds another variable: timing. The mechanic is familiar, but the New Year framing gives the campaign a reason to exist now rather than at any other point in the year.
That matters because promotional mechanics can become interchangeable when they are disconnected from context. A scratch card on its own is just an interaction; tied to a seasonal moment, it becomes part of the campaign's message.
The lesson is broader than New Year campaigns. When the mechanic is familiar, the surrounding context can provide the novelty and relevance that make the campaign worth noticing.
15. Spin the Wheel
Spin the Wheel takes the same principle one step further: the visitor does not simply claim a reward, but participates in discovering which reward they will receive.
That changes the role of the incentive. With a conventional discount popup, the visitor evaluates the offer and decides whether it is worth acting. With a wheel, the interaction becomes part of that decision. The visitor has a reason to engage before knowing the final outcome.
That makes the format particularly useful when attention is the problem. The business can still control the underlying rewards and economics of the campaign; what changes is how those rewards are presented to the visitor.
The broader lesson is that gamification does not replace the offer. It changes the path through which the visitor encounters it.
Opt-In & Popup Examples Checklist: 7 Things to Copy
Seen together, the examples point to a small set of decisions that matter more than the visual style of the campaign.
- Give the offer enough room to make its case. A webinar or report may need a page because the visitor has to understand the offer first. A simple ecommerce incentive may not.
- Make the exchange easy to understand. The visitor should know what they receive and what they are being asked to give up before making the decision.
- Match the incentive to the moment. A first-visit discount, a giveaway and a cart upsell can all increase conversion, but they belong to different stages of the journey.
- Do not interrupt when availability is enough. A persistent offer can give shoppers access to promotions without forcing the promotion into the middle of their browsing session.
- Let the interaction contribute to the value. In a gamified campaign, the action itself can create curiosity and attention instead of leaving all the work to the reward.
- Keep the form proportional to the offer. One email can be enough for a newsletter; a more detailed registration needs a stronger reason to ask for more.
- Make the next action obvious. Whether the visitor is subscribing, registering, playing or adding another product, the interface should make the next step immediately understandable.
Across all fifteen examples, the pattern holds: the format follows the job the campaign needs to do, not the other way around.
What Different Popup Types Are Good For
The examples are easier to compare when you start with the job each format needs to perform rather than with the visual format itself.
Not every pattern below is an opt-in format or a Popconvert template. They are included because they illustrate different conversion jobs that can sit around the same visitor journey.
| Format | Best for | What it asks the visitor to do |
|---|---|---|
| Dedicated opt-in page | Visitors who need enough information to understand the offer before acting | Read, evaluate, then decide |
| First-order discount popup or banner | New visitors who are browsing without a specific offer in mind | Exchange an email for a known, immediate incentive |
| Persistent offers tab | Visitors who may want to browse promotions without being interrupted | Choose when to inspect available offers |
| Giveaway popup | Visitors who may respond to a larger possible reward than a standard discount | Exchange an email for a chance at a larger reward |
| Cart upsell | Visitors who have already started a purchase | Consider adding a relevant product before checkout |
| Gamified popup | New or returning visitors, when the interaction itself is meant to be the draw | Play, then receive a reward |
How to Choose the Right Format
Start with the visitor's situation, then work backwards to the format.
Where is the visitor in the journey?
- If they arrived specifically to learn about a report, webinar or other resource, a dedicated page gives the offer enough room to make its case.
- If they are browsing a store without a specific objective, a banner, popup or persistent promotional surface can introduce an offer without changing where they are.
- If they are already showing signs of leaving, an exit-intent intervention can create one final opportunity to continue the relationship.
- If they already have a product in the cart, the campaign should work with that purchase decision rather than interrupt it with an unrelated acquisition message.
What does the visitor need to do next?
- Subscribe to ongoing content → keep the exchange simple.
- Claim a known incentive → make the reward immediately understandable.
- Enter a giveaway → explain the opportunity clearly because the reward is not guaranteed.
- Add something to an existing purchase → keep the offer inside the shopping flow.
- Interact with a game → make the mechanic understandable before asking for information.
The format should follow those decisions. Starting with a template and then trying to force every campaign into it reverses the process.
Popup or Dedicated Page?
The simplest distinction is how much explanation the visitor needs before the next action makes sense.
A dedicated page gives an offer room to explain itself. That is useful for a webinar, where the visitor may need to understand the topic and speakers before registering, or for a gated report, where the value of the asset needs to be established before asking for an email.
A popup works better when the visitor can understand the proposition quickly. A first-order discount does not need the same amount of explanation as a webinar. A giveaway can communicate its opportunity in a few lines. A gamified campaign can make the interaction itself part of the explanation.
The two formats can also coexist. A dedicated page can serve visitors who actively came looking for the offer, while an onsite popup can reach visitors who are browsing elsewhere on the site.
The question is therefore not whether popups or dedicated pages are better. It is whether the visitor needs more context before the next action — and whether that context deserves its own destination.
How to Build It With Popconvert
Building something like examples 12 to 15 follows the same order every time. Choose the experience the visitor sees, such as the Scratch Card or Spin the Wheel gamified popup, and decide which fields the form collects. Decide when it appears with a trigger, one or two per campaign is the recommended range, then set the reward in Rewards: Percentage, Fixed Value or Text. For a simple coupon, create the code in your store platform first and paste it into the Rewards tab. Installation runs through official apps for Shopify, VTEX, Tray and Nuvemshop, or a script and Google Tag Manager elsewhere; once it is live, the dashboard reports impressions, interactions and leads.
What These Examples Have in Common
Across the examples, the visual treatment changes constantly, but the decision behind the format follows a much simpler pattern.
When the visitor needs information, give the offer room to explain itself. When the offer is simple, make it easy to understand without taking the visitor away from the journey they are already on. When the visitor is already buying, work with that purchase instead of starting a new conversion goal. And when the interaction itself can create interest, let the mechanic become part of the offer.
That is the practical takeaway from these examples: do not choose the format first. Start with the visitor, the moment and the action you want next. Then choose the format that makes that action easiest to understand and take.
FAQ
What is an opt-in page?
An opt-in page is built around a clear exchange: the visitor provides contact information in return for something of value. That value can be a newsletter, report, webinar, discount, access or another relevant offer.
Is an opt-in page the same as a landing page?
Not exactly. A landing page can support many different conversion goals, including sales, registrations or downloads. An opt-in page has the narrower purpose of collecting contact information in exchange for something valuable.
Should I use a popup or a dedicated opt-in page?
Use a dedicated page when the visitor needs more context before deciding, such as for a report, webinar, waitlist or complex offer. A popup can make more sense when the offer is simple enough to understand within the visitor's existing journey. The right format depends on how much information the visitor needs before taking action.
What makes a good opt-in page?
A good opt-in page makes the exchange clear: what the visitor gets, what information they need to provide, and why the offer is worth it. The page should also remove unnecessary uncertainty about the commitment, such as what the visitor will receive and, when relevant, how often they will hear from the brand.
How many fields should an opt-in form have?
Only ask for information that serves a clear purpose. If an email address is enough to deliver the offer or start the relationship, additional fields create another decision for the visitor without necessarily adding equivalent value. More complex offers may justify additional information when it is genuinely needed.
What can I offer in exchange for an opt-in?
Common offers include newsletters, reports, guides, webinars, discounts, early access, giveaways and other useful content or benefits. The stronger the value is to the visitor, the easier it is to justify the request for contact information.