HTML Diff
2 added 2 removed
Original 2026-01-01
Modified 2026-03-10
1 <p>Is your business getting web traffic every month?</p>
1 <p>Is your business getting web traffic every month?</p>
2 <p>If so, conversions from pop-up forms can make up a big chunk of your list building, communication, and revenue opportunities.</p>
2 <p>If so, conversions from pop-up forms can make up a big chunk of your list building, communication, and revenue opportunities.</p>
3 <p>The data proves it: if you don’t incorporate pop-up forms into your web strategy, you’re doing your ecommerce store a massive disservice.</p>
3 <p>The data proves it: if you don’t incorporate pop-up forms into your web strategy, you’re doing your ecommerce store a massive disservice.</p>
4 <p>When Backlinko’s Brian Dean, for example, trialed an email pop-up on his website, he ended up<a>increasing his subscription numbers</a>from 35 to 75 per day, with a 3.42% conversion rate.</p>
4 <p>When Backlinko’s Brian Dean, for example, trialed an email pop-up on his website, he ended up<a>increasing his subscription numbers</a>from 35 to 75 per day, with a 3.42% conversion rate.</p>
5 <p>Here, we go over the basics of email pop-ups so you can start to understand the important role they play in your online presence-and your business as a whole.</p>
5 <p>Here, we go over the basics of email pop-ups so you can start to understand the important role they play in your online presence-and your business as a whole.</p>
6 <p>An email pop-up, also known as a sign-up form or pop-up form, is an on-screen window with an email address form field that appears on a website.</p>
6 <p>An email pop-up, also known as a sign-up form or pop-up form, is an on-screen window with an email address form field that appears on a website.</p>
7 <p>More broadly, brands use on-site pop-up forms in many ways-to offer someone a discount right before they abandon their cart, for example, or to collect their phone number for SMS marketing.</p>
7 <p>More broadly, brands use on-site pop-up forms in many ways-to offer someone a discount right before they abandon their cart, for example, or to collect their phone number for SMS marketing.</p>
8 <p>But an email pop-up, specifically, prompts visitors to enter their email address, usually in exchange for something, so your brand can get permission to communicate with them in the future.</p>
8 <p>But an email pop-up, specifically, prompts visitors to enter their email address, usually in exchange for something, so your brand can get permission to communicate with them in the future.</p>
9 <p>Email pop-ups are one of the most common and effective<a>email list building strategies</a>. The larger your email list, the bigger the audience you have to spread the word about your brand-and the more chances you have to nurture subscribers toward making their first purchase or turning customers into brand champions.</p>
9 <p>Email pop-ups are one of the most common and effective<a>email list building strategies</a>. The larger your email list, the bigger the audience you have to spread the word about your brand-and the more chances you have to nurture subscribers toward making their first purchase or turning customers into brand champions.</p>
10 <h2><strong>Why email pop-ups matter</strong></h2>
10 <h2><strong>Why email pop-ups matter</strong></h2>
11 <p>Here are just a few of the key benefits you can expect when you implement and optimize email pop-ups on your website:</p>
11 <p>Here are just a few of the key benefits you can expect when you implement and optimize email pop-ups on your website:</p>
12 <h3><strong>1. Email pop-ups grow your email list-and your customer base</strong></h3>
12 <h3><strong>1. Email pop-ups grow your email list-and your customer base</strong></h3>
13 <p>At their most basic level, your email pop-up form is your primary vehicle for<a>growing your subscriber list</a>. Even if it’s only a stepping stone to future revenue, it’s a vital one-because what pop-ups actually do is grow your list of potential customers.</p>
13 <p>At their most basic level, your email pop-up form is your primary vehicle for<a>growing your subscriber list</a>. Even if it’s only a stepping stone to future revenue, it’s a vital one-because what pop-ups actually do is grow your list of potential customers.</p>
14 <h3><strong>2. Pop-ups can communicate a seasonal or special promotional offer</strong></h3>
14 <h3><strong>2. Pop-ups can communicate a seasonal or special promotional offer</strong></h3>
15 <p>If you’re running multiple offers, a pop-up can be a great way to consolidate them so they’re easier to find. Customers will appreciate the discount code transparency and have more of an incentive to purchase-but if they’re not ready to buy, you can slip in an ask for an email address, too.</p>
15 <p>If you’re running multiple offers, a pop-up can be a great way to consolidate them so they’re easier to find. Customers will appreciate the discount code transparency and have more of an incentive to purchase-but if they’re not ready to buy, you can slip in an ask for an email address, too.</p>
16 <h3><strong>3. Pop-ups can make the browsing experience feel more relevant</strong></h3>
16 <h3><strong>3. Pop-ups can make the browsing experience feel more relevant</strong></h3>
17 <p>We all know how effective Amazon’s product recommendations have been. Email pop-ups can offer a similar experience for your customers.</p>
17 <p>We all know how effective Amazon’s product recommendations have been. Email pop-ups can offer a similar experience for your customers.</p>
18 <p>Nothing increases the success of any communication quite like relevance. It’s also what makes a pop-up go from annoying to acceptable-perhaps even welcome.</p>
18 <p>Nothing increases the success of any communication quite like relevance. It’s also what makes a pop-up go from annoying to acceptable-perhaps even welcome.</p>
19 <p>Email pop-ups can make the shopping experience feel more relevant when you personalize them based on shoppers’ on-site behavior, such as:</p>
19 <p>Email pop-ups can make the shopping experience feel more relevant when you personalize them based on shoppers’ on-site behavior, such as:</p>
20 <ul><li>Creating a unique email pop-up form based on the source of traffic (e.g., how someone found your website)</li>
20 <ul><li>Creating a unique email pop-up form based on the source of traffic (e.g., how someone found your website)</li>
21 <li>Only showing an email pop-up form to browsers who show exit intent, so you can keep in touch with them once they leave your website</li>
21 <li>Only showing an email pop-up form to browsers who show exit intent, so you can keep in touch with them once they leave your website</li>
22 <li>Filtering out existing email subscribers from seeing your email pop-up</li>
22 <li>Filtering out existing email subscribers from seeing your email pop-up</li>
23 </ul><h2><strong>Components of an effective email pop-up</strong></h2>
23 </ul><h2><strong>Components of an effective email pop-up</strong></h2>
24 <h3><strong>Incentive</strong></h3>
24 <h3><strong>Incentive</strong></h3>
25 <p>Think of the information you’re asking for on your email pop-up as a form of currency. Your visitor wants to get something of equal or greater value in return for giving you their email address.</p>
25 <p>Think of the information you’re asking for on your email pop-up as a form of currency. Your visitor wants to get something of equal or greater value in return for giving you their email address.</p>
26 <p>Here are a few common incentives to consider using on your email pop-up:</p>
26 <p>Here are a few common incentives to consider using on your email pop-up:</p>
27 <ul><li>Percentage off</li>
27 <ul><li>Percentage off</li>
28 <li>Dollar amount off</li>
28 <li>Dollar amount off</li>
29 <li>Free gift with purchase</li>
29 <li>Free gift with purchase</li>
30 <li>Chance to win a contest or giveaway</li>
30 <li>Chance to win a contest or giveaway</li>
31 <li>Free shipping</li>
31 <li>Free shipping</li>
32 <li>PDF downloads and guidebooks</li>
32 <li>PDF downloads and guidebooks</li>
33 </ul><p><strong>Note:</strong>You don’t<em>need</em>to offer a discount to grow your email list. Always A/B test whether a discount is the right move for your brand.</p>
33 </ul><p><strong>Note:</strong>You don’t<em>need</em>to offer a discount to grow your email list. Always A/B test whether a discount is the right move for your brand.</p>
34 <p><a>Brava Fabrics</a>, for example, used to offer a 10% discount for new subscribers. But when they<a>A/B tested a different incentive</a>-the opportunity to enter a contest to win €300 in free products-they discovered the two offers performed identically.</p>
34 <p><a>Brava Fabrics</a>, for example, used to offer a 10% discount for new subscribers. But when they<a>A/B tested a different incentive</a>-the opportunity to enter a contest to win €300 in free products-they discovered the two offers performed identically.</p>
35 <h3><strong>Headline</strong></h3>
35 <h3><strong>Headline</strong></h3>
36 <p>Your headline is meant to grab attention, so make it bold. Experiment with calling out the offer in the headline, rather than the description text.</p>
36 <p>Your headline is meant to grab attention, so make it bold. Experiment with calling out the offer in the headline, rather than the description text.</p>
37 <p>If you don’t have an offer for your pop-up, lean in to your brand voice to craft a<em>unique</em>headline-one that resonates with your audience.</p>
37 <p>If you don’t have an offer for your pop-up, lean in to your brand voice to craft a<em>unique</em>headline-one that resonates with your audience.</p>
38 <h3><strong>Description text</strong></h3>
38 <h3><strong>Description text</strong></h3>
39 <p>Your description text elaborates on your headline. Whether that means adding context to an offer or not, this text should explain what someone will gain by entering their email address into your form.</p>
39 <p>Your description text elaborates on your headline. Whether that means adding context to an offer or not, this text should explain what someone will gain by entering their email address into your form.</p>
40 <p>Some pop-up text uses bullet points for clarity, but you may want to use a short paragraph. Keep it concise yet persuasive.</p>
40 <p>Some pop-up text uses bullet points for clarity, but you may want to use a short paragraph. Keep it concise yet persuasive.</p>
41 <h3><strong>Form fields</strong></h3>
41 <h3><strong>Form fields</strong></h3>
42 <p>Form fields are where people enter their information, typically an email address. Sometimes brands will ask for more information, like a phone number for<a>SMS marketing</a>or a<a>birthday</a>for a more personalized brand experience.</p>
42 <p>Form fields are where people enter their information, typically an email address. Sometimes brands will ask for more information, like a phone number for<a>SMS marketing</a>or a<a>birthday</a>for a more personalized brand experience.</p>
43 <p>While data from Wisepop suggests one field converts better (4.30%) than multiple fields (2.61%-3.45%), it’s more productive to think of form fields as a trade-off. For example, while you may yield fewer conversions when asking for two pieces of information, it’s worth it if you can drive revenue<em>because</em>you’ve gathered that extra information.</p>
43 <p>While data from Wisepop suggests one field converts better (4.30%) than multiple fields (2.61%-3.45%), it’s more productive to think of form fields as a trade-off. For example, while you may yield fewer conversions when asking for two pieces of information, it’s worth it if you can drive revenue<em>because</em>you’ve gathered that extra information.</p>
44 <p>On this note,<a>multi-step forms</a>are a good avenue for testing how your site visitors prefer to pass along their information.</p>
44 <p>On this note,<a>multi-step forms</a>are a good avenue for testing how your site visitors prefer to pass along their information.</p>
45 <p>A multi-step form allows you to collect more data points than just someone’s email-such as their phone number, if you’re also working on growing your SMS list. But because you’re gathering this information in separate steps rather than all at once, you decrease the likelihood of a potential subscriber getting overwhelmed and forgoing the form all together.</p>
45 <p>A multi-step form allows you to collect more data points than just someone’s email-such as their phone number, if you’re also working on growing your SMS list. But because you’re gathering this information in separate steps rather than all at once, you decrease the likelihood of a potential subscriber getting overwhelmed and forgoing the form all together.</p>
46 <h3><strong>CTA button</strong></h3>
46 <h3><strong>CTA button</strong></h3>
47 <p>The CTA button is what people click or tap to submit their information. The text on the button should use action-oriented language to create a sense of urgency. Basic examples include “Subscribe,” “Sign Up,” or “Get Your Discount,” but you can be as creative as your brand voice will allow.</p>
47 <p>The CTA button is what people click or tap to submit their information. The text on the button should use action-oriented language to create a sense of urgency. Basic examples include “Subscribe,” “Sign Up,” or “Get Your Discount,” but you can be as creative as your brand voice will allow.</p>
48 <p>When you’re setting up your email pop-up, consider A/B testing:</p>
48 <p>When you’re setting up your email pop-up, consider A/B testing:</p>
49 <ul><li>CTA button color</li>
49 <ul><li>CTA button color</li>
50 <li>CTA button size</li>
50 <li>CTA button size</li>
51 <li>CTA language</li>
51 <li>CTA language</li>
52 </ul><h3><strong>Exit button</strong></h3>
52 </ul><h3><strong>Exit button</strong></h3>
53 <p>An exit button is what allows people to easily dismiss the pop-up if they’re not interested in subscribing. The option to dismiss is a crucial part of creating a positive user experience for your website visitors.</p>
53 <p>An exit button is what allows people to easily dismiss the pop-up if they’re not interested in subscribing. The option to dismiss is a crucial part of creating a positive user experience for your website visitors.</p>
54 <p>Your exit button can be a simple “X” in the corner, or a text link that says “Dismiss.” Note that using text link language like “I don’t like discounts” may come across as manipulative or passive-aggressive.</p>
54 <p>Your exit button can be a simple “X” in the corner, or a text link that says “Dismiss.” Note that using text link language like “I don’t like discounts” may come across as manipulative or passive-aggressive.</p>
55 <h3><strong>Compliance text</strong></h3>
55 <h3><strong>Compliance text</strong></h3>
56 <p>For brands with a European presence that are required to<a>follow GDPR</a>, you must include compliance text that communicates:</p>
56 <p>For brands with a European presence that are required to<a>follow GDPR</a>, you must include compliance text that communicates:</p>
57 <ul><li>What kind of emails the subscriber will receive (marketing emails)</li>
57 <ul><li>What kind of emails the subscriber will receive (marketing emails)</li>
58 <li>Where people can read your privacy policy</li>
58 <li>Where people can read your privacy policy</li>
59 <li>A way to agree to your privacy policy, in the form of a checkbox</li>
59 <li>A way to agree to your privacy policy, in the form of a checkbox</li>
60 </ul><h2><strong>3 common types of pop-ups to use on your website</strong></h2>
60 </ul><h2><strong>3 common types of pop-ups to use on your website</strong></h2>
61 <p>Not all pop-ups are created equal. Some interfere with site interactions until they’re dismissed-which may be what you want, depending on your goal-while others sit on the sidelines, waiting for an interaction.</p>
61 <p>Not all pop-ups are created equal. Some interfere with site interactions until they’re dismissed-which may be what you want, depending on your goal-while others sit on the sidelines, waiting for an interaction.</p>
62 <p>Here are the 3 most common types of pop-ups to consider:</p>
62 <p>Here are the 3 most common types of pop-ups to consider:</p>
63 <h3><strong>1. Standard window pop-up</strong></h3>
63 <h3><strong>1. Standard window pop-up</strong></h3>
64 <p>A standard window pop-up appears as a standalone window on top of a website’s content. As opposed to pop-up modals, which fully obscure website content, standard pop-ups obscure only a portion of the website and are usually easy to dismiss.</p>
64 <p>A standard window pop-up appears as a standalone window on top of a website’s content. As opposed to pop-up modals, which fully obscure website content, standard pop-ups obscure only a portion of the website and are usually easy to dismiss.</p>
65 <p>Your standard window pop-up design will depend on how prominent you’d like your pop-up to be, so make sure to define your goal before making any design decisions.</p>
65 <p>Your standard window pop-up design will depend on how prominent you’d like your pop-up to be, so make sure to define your goal before making any design decisions.</p>
66 <h3><strong>2. Overlay pop-up (a.k.a. full-screen pop-up)</strong></h3>
66 <h3><strong>2. Overlay pop-up (a.k.a. full-screen pop-up)</strong></h3>
67 <p>Overlay pop-ups are considered the most intrusive form of pop-up because they obscure the entirety of the website’s content.</p>
67 <p>Overlay pop-ups are considered the most intrusive form of pop-up because they obscure the entirety of the website’s content.</p>
68 <p>While it’s difficult to find an overlay pop-up in the wild as most brands tend to shy away from them, you may encounter one that serves a larger website goal.</p>
68 <p>While it’s difficult to find an overlay pop-up in the wild as most brands tend to shy away from them, you may encounter one that serves a larger website goal.</p>
69 <h3><strong>3. Fly-out pop-up (a.k.a. slide-in pop-up)</strong></h3>
69 <h3><strong>3. Fly-out pop-up (a.k.a. slide-in pop-up)</strong></h3>
70 <p>A fly-out email pop-up appears from the side of a website. It’s typically smaller than a standard window pop-up and doesn’t cover much of the page.</p>
70 <p>A fly-out email pop-up appears from the side of a website. It’s typically smaller than a standard window pop-up and doesn’t cover much of the page.</p>
71 <p>Fly-out pop-ups are often used as a less intrusive alternative to standard pop-ups, with the goal of capturing an email address after someone has had a chance to browse the website at their leisure.</p>
71 <p>Fly-out pop-ups are often used as a less intrusive alternative to standard pop-ups, with the goal of capturing an email address after someone has had a chance to browse the website at their leisure.</p>
72 - <p>11 email pop-up best practices, with real-life examples for inspiration</p>
 
73 <p>Run through 11 best practices for using email pop-ups to capture website traffic, with a few real-life examples to get you started.</p>
72 <p>Run through 11 best practices for using email pop-ups to capture website traffic, with a few real-life examples to get you started.</p>
 
73 + <p><a>Get the tips</a></p>
74 <h2><strong>Set up your email pop-ups with Klaviyo</strong></h2>
74 <h2><strong>Set up your email pop-ups with Klaviyo</strong></h2>
75 <p><a>Email pop-ups</a>turn website visitors into email subscribers-and they’re how you build a foundation for communicating in a style and tone that’s completely your own.</p>
75 <p><a>Email pop-ups</a>turn website visitors into email subscribers-and they’re how you build a foundation for communicating in a style and tone that’s completely your own.</p>
76 <p>Klaviyo not only makes it easy to build your email pop-ups with a drag-and-drop builder and over 50 ready-to-customize templates. It also handles email, SMS, and web forms under the same roof as all your customer data-which simplifies and streamlines every stage of the email pop-up process, including:</p>
76 <p>Klaviyo not only makes it easy to build your email pop-ups with a drag-and-drop builder and over 50 ready-to-customize templates. It also handles email, SMS, and web forms under the same roof as all your customer data-which simplifies and streamlines every stage of the email pop-up process, including:</p>
77 <ul><li>Specifying who should see your pop-ups and who shouldn’t</li>
77 <ul><li>Specifying who should see your pop-ups and who shouldn’t</li>
78 <li>Launching pop-ups with different triggers-scroll depth, exit intent, etc.</li>
78 <li>Launching pop-ups with different triggers-scroll depth, exit intent, etc.</li>
79 <li>Collecting more than just email addresses, including phone numbers for SMS or customer preferences and information for future personalization efforts (remember to set up a separate<a>welcome flow for email</a>vs. SMS)</li>
79 <li>Collecting more than just email addresses, including phone numbers for SMS or customer preferences and information for future personalization efforts (remember to set up a separate<a>welcome flow for email</a>vs. SMS)</li>
80 <li>Using multi-step forms to collect information in stages, as a less overwhelming option for website visitors</li>
80 <li>Using multi-step forms to collect information in stages, as a less overwhelming option for website visitors</li>
81 <li>Testing and optimizing forms for maximum performance</li>
81 <li>Testing and optimizing forms for maximum performance</li>
82 </ul><h3><strong>Related content</strong></h3>
82 </ul><h3><strong>Related content</strong></h3>
83 <ul><li><a>13 best practices to create sign up forms that convert</a></li>
83 <ul><li><a>13 best practices to create sign up forms that convert</a></li>
84 <li><a>Getting started with sign-up forms in Klaviyo</a></li>
84 <li><a>Getting started with sign-up forms in Klaviyo</a></li>
85 <li><a>14 tips for growing your SMS list and getting more opt-ins-without breaking compliance laws</a></li>
85 <li><a>14 tips for growing your SMS list and getting more opt-ins-without breaking compliance laws</a></li>
86 - </ul><p>Power smarter digital relationships with Klaviyo.</p>
86 + </ul><p>Power smarter digital relationships with Klaviyo SMS.</p>
87 <p><a>Get started</a></p>
87 <p><a>Get started</a></p>
88  
88