Last updated Tue Oct 01 2024
15 Popup Best Practices for Conversions [2024]
Website popups are one of the best-converting opt-ins.
But, to get the best results, you need to build your popups according to the best practices. These practices separate intrusive popups from attention-grabbing and high-converting ones.
Start getting more sales with effective popups today
Engage your visitors with behavior-based popups that achieve conversion rates of up to 25%
Popup Best Practices
In this post, you’ll learn these best practices for popups:
1. Consider your audience’s needs
The best-performing website popups are those designed with visitors in mind. This means they are valuable, non-intrusive, engaging, and have a clear benefit to visitors.
Ecommerce research suggests these top motivators for shoppers completing a purchase: free shipping (51%), coupons and discounts (39.6%), and customer reviews (31.8%).
Use Shopify properties in your popup tool to create popups with personalized discounts only for those who have bought using a discount before or added an item to the cart:
Let’s assume that the same holds true for your visitors. In this case, you can assume that ecommerce popups containing discounts, free shipping, or social proof will be valuable.
Here’s an example of this popup best practice in action.
Why free shipping and not discounts, you ask? Because the website is having a sale (so it makes sense to use sales promotions) so many items are already heavily discounted.
The bottom line is: learn what your visitors might appreciate the most. Then, design your popup campaigns with that in mind.
Learn how Blume, a self-care brand, converts 5% of their store visitors with popups: Blume success story
2. Define clear goals
Our next step: coming up with a goal for your campaign. That goal will be based on the needs of your business and help you evaluate the campaign’s performance.
Common goals for popup campaigns include:
Increase sales
Drive traffic to specific website pages
Recover abandoned shopping carts
Spread awareness of flash sales and other special offers
Increase loyalty program participation
Convert returning visitors
Let’s consider some examples.
Say, your goal is to generate leads. While researching, you found that first-time visitors are likely to convert if given a discount. In this case, the popup campaign can offer a discount in exchange for emails.
The popup best practices here would be to:
Focus the copy on the main benefit
Add an email sign up to get the discount
This email popup campaign from Füm shows this best popup practice.
For lead generation campaigns, you can also come up with a target for the number of new leads (but be mindful of your website’s traffic). Setting clear goals is critical because they provide a benchmark to assess the success of your campaigns.
Another example—
Let’s say your goal is to drive traffic to a page with a sale. In this case, the popup best practice would be to:
Mention the essential sale details
Give a link to the sale
Display the campaign in a prominent place
This is exactly what Willow & Hall did with this excellent popup design.
As you can see, campaign goals determine popup design and copy. That’s why you should consider making an original design and text for every campaign.
Thinking of creating a lead generation campaign?
3. Choose the best popup format
The way you display your popup campaign is critical to generating results. This is because every popup format has its advantages and disadvantages, and influences the visitor’s experience in different ways.
Here are the common popup types:
Embeds
Slide-in popups
Full-screen popups
Spin-to-win (wheel popups)
You can build any of these with a good popup software.
For example, below is the view of some popup templates from Wisepops:
Tips to choose popups:
Website bars are great for sharing announcements
Mobile popups are best to display to mobile visitors
Spin-the-wheel popups are designed for contests and giveaways
Embeds are best if you want to add popups to your website’s content
Full-screen and middle-of-the-screen popups are great for getting the full attention of visitors
"A brilliant dashboard that helps you create any popup you want within an hour or even less, it took me 15 min once I knew the offer that I wanted to show."
Wisepops review from Capterra
Related:
4. Create user-friendly popups
This popup best practice dictates that you should be showing the right popups at the right time to the right people.
This is where the targeting options come into play again. Businesses use them to place popups on specific pages and display them to specific visitor groups.
Some display options you can experiment with:
Location. You can target or exclude visitors from a certain country, region or city, which is useful for local campaigns.
Cart value. If a visitor has less than $100 in cart value, you can create a popup with a free shipping offer to encourage them to reach the threshold.
First-time or returning visitors. Popups can “recognize” if a visitor is new or returning, and display a custom campaign to them, e.g. a discount for newcomers.
Visitor adds an item to the cart and is about to leave. This is a cart abandonment popup designed to remind about and/or incentivize customers to finish the purchase.
Visitor visits an out-of-stock item. You can offer that visitor to get a notification when the item becomes available again.
Here's how these options look like in Wisepops:
As you can see, there’s a popup for any marketing- or sales-related scenario. Learning to use these targeting options is easy, and their diversity ensures that all online businesses can create effective popups.
Exit popups are some of the most popular. If you’re interested, see exit popup examples.
5. Make the popup match your website design
A great popup feels like a natural extension of the website, which minimizes the feeling of the popup being an invasive ad. That’s why it’s important to follow the popup best practice guidelines.
These popup best practices include:
Use your website’s colors
Write popup text in your brand tone of voice
Employ fonts allowed by your branding guidelines
Together, these simple practices result in awesome popups that look and feel as if they’re a seamless part of your website.
Here’s an example—
Timberland’s email popup has been created with the three best practices in mind. They make it feel less of an interruption and more like part of the website.
Want to see more popup designs?
See these email popup examples and popup design examples from ecommerce, SaaS, and media companies.
6. Make popup CTAs stand out
The call-to-action (CTA) button is critical to conversions. A compelling and visible CTA gives you the best chance of achieving this goal, so getting it right is key.
Popups best practice for CTAs include:
Use a contrasting color
Write action-driven text
Use first-person language
Mention the benefit for customers
This CTA example is a great illustration of these pop up design best practices. The button stands out because of the contrasting color and highlights the benefit (trying a tool for free).
One more example—
The campaign below illustrates how to use first person language.
This technique makes viewers feel like they’re in control, which could be especially useful for email campaigns where you’re asking for personal info. Also, note the awesome original image.
A good reason to try first person language: one study found that it increased conversions by 90% after changing “Start your free trial” to “Start my free trial.”
7. Write short & sweet copy
Engaging copy can make a big difference for your popup campaigns. People will respond only when they recognize value, and ecommerce copywriting is a way to convey that. And the good news is that you don’t have to be a great copywriter to create engaging copy.
One way is to follow these popup best practices for copywriting:
Be concise and clear
Focus on the benefits for the customers
Write in simple, conversational language
Use your brand’s voice and personality where appropriate
Here’s how businesses apply these powerful tips.
This popup example follows the best practices. The copy is short, clear, and benefit-driven.
Many businesses are also doing an amazing job with brand personality-driven copywriting in popups.
This Honey Pot campaign, for example, is a beautiful example of popup copy inspired by the brand’s playful personality. Also, note how short and sweet it is!
Treat these copywriting popup best practices as a starting point. The tip about being concise, for example, doesn’t always mean you need to cut your texts until there’s one sentence left.
For example, this popup below employs storytelling, so the copy is a bit longer than many similar campaigns. But the text is so engaging that its length is justified. Take a look.
Bottom line—
The best popup copy is the one that converts. Start with the popup best practices, do some testing, and choose what works best.
Helpful copywriting resources:
8. Make popups valuable
If you want to improve your website conversion rate without having any negative impact on the user experience, your popup must add value for the visitors. The value can take the form of:
Discounts
Free shipping
Quality content
Loyalty program invitation
Quick access to pages with sales
The value is a must, but the way you present it to visitors is also important. Online shoppers are used to brands bombarding them with marketing popups, so the way you phrase the value can help to differentiate your campaigns.
Let’s see some examples.
This popup offers content about sleep health, which could be helpful for many visitors of the website selling mattresses.
This next website popup example from Aurate New York is also amazing.
Although the popup’s purpose is to get newsletter signups, it invites us to “share the gold,” which means getting a 15% discount for two people. The usage of “gold” here is super creative and appropriate since Aurate is a jewelry store.
So, the bottom line: use creative copywriting to present value for customers uniquely. It’s an awesome way to increase engagement and conversions with popups.
Feel like trying these popup best practices? These step-by-step guides will help add a popup to your website:
9. Use original visuals
A rule of thumb in ecommerce marketing says we need to use original imagery because stock photos undermine credibility. The same applies to popup campaigns: original visuals make your brand more authentic and unique.
This popup campaign from Soylent uses a cool image of the product. The image is professional, engaging and makes the product look delicious.
Next example of popup best practices—
Meow Meow Tweet’s popups take the use of visuals to another level. Their welcome popup is shaped like a sleeping cat!
So, bottom line: use original visual content. Don’t be afraid to get creative with them, too—your visitors might love it. Here are more signup form examples to your inspiration.
10. Make popups mobile-friendly
Your popup campaigns need to look great on mobile devices to help you convert this segment of visitors. Creating mobile-friendly popups is easy with popup software (see Wisepops instructions, for example).
A mobile-friendly popup campaign can look like this (a desktop campaign has been added to show the difference).
Designing mobile popups that generate conversions and follow Google’s guidelines means following some mobile popup best practices.
11. Gamify visitor experience
Gamification is a big thing in marketing. Customers like engaging in interactive experiences, so this technique can increase engagement and conversions.
And guess what—
Popups are a perfect—and proven—way to gamify website visitor experience.
Proof:
Faguo, a clothing brand, is running a giveaway campaign with this spin-the-wheel popup. The rules are simple: enter your details and spin the wheel to get a chance to win a pair of sneakers. Results: 5,000+ leads every month.
The conversion rate of this specific campaign is a whopping 17.5%, which translates into 48,146 new leads monthly. Gamification is one of the reasons for this success, along with a valuable prize.
Want to try a wheel popup on your website?
Our popup builder has a 4.8-star rating on Shopify and a proven record of generating leads and sales with popups (including from this happy owner below).
"Fantastic company, we've increased our signups by 10x, very easy to integrate with our website and email platform, too"
Wisepops review from Capterra
12. Add a countdown to encourage action
Using a counter increases the sense of urgency in your popup campaigns. Our own study suggests this popup best practice can get you a 41% increase in conversions.
With Wisepops you can add two types of countdowns (date-based and time-based) by inserting a single line of text in the campaign editor.
Example of a date-based popup campaign:
Get started:
13. Allow visitors to close popups easily
No one wants to have their screen blocked by a popup they can’t close. That’s why the closing button should always be clearly visible in your popup campaigns.
The popup best practices to make that possible include:
Place them on a contrasting background
Avoid making closing buttons extremely small
Consider different placements (left or right bottom corners) to ensure visibility
Like in this popup campaign below, a lot of white space in the background makes the button hard to miss.
In some cases, closing buttons can be located outside the popup’s window (like in the example below). Make sure to choose a contrasting color to make it stand out.
14. Employ campaign targeting
We’ve talked about this popup best practice above, but it deserves a separate section. Targeting allows displaying campaigns to specific visitor groups that are likely to convert. This way, you can make personalized popups designed to achieve specific goals.
You can use triggers for exit intent, on idle, on cart value, percentage of the screen visitors scroll down to, or even when they hover a certain element on a page. An exit-intent campaign, for example, can help reduce bounce rate and increase engagement.
In Wisepops, setting up targeting options is easy. Just make a choice among the available options or make a custom event in the campaign editor.
15. Test your campaigns
We mentioned A/B testing for popups a few times, but we really can’t overstate how important this pop up best practice is. The thing is, even a small change can make a difference, so testing popup design to find the best-performing versions is a must.
Here’s proof: Asphalte, a clothing brand, tested two popup campaigns and increased the CTR from 15% to 25%. That helped to generate over 4,000 new leads every month.
Would you like to know what campaign features Asphalte tested? Find out more details: Asphalte Case Study.
Popup best practices: summary
Popups are effective to help businesses achieve better marketing and sales results. They generate leads, raise awareness of promotions, drive traffic to landing pages, and do much more.
Following these popup best practices will help you get the best results. Try using the tips from this guide in your next campaign and see how you can improve the UX and achieve your goals.
And with a popup tool like Wisepops, building popups aligned with these best practices is a breeze.
Pawel Lawrowski
Pawel is the Head of Growth at Wisepops and an expert in lead generation, popups, ecommerce, and onsite marketing.
With over a decade of experience in digital marketing and ecommerce, he has both build marketing teams from scratch and led strategic business growth projects.
Pawel has worked with countless online businesses on marketing strategies and is now sharing his knowledge. Previously, he was an head of growth at Tidio, where his responsibilities ranged from creating marketing materials to building acquisition channels.
Education
West Pomeranian University of Technology
Certifications
Marketing Strategy (course)
Advanced Growth Strategy (course)
Retention & Engagement (course)