Mobile popups can significantly enhance your conversion rates, but many websites implement them incorrectly. We’ve observed numerous sites facing penalties from Google or losing visitors due to intrusive popups that disrupt the mobile user experience.
Conversely, some business owners miss out on valuable leads because they hesitate to use popups altogether.
At CanadaCreate, we utilize OptinMonster to showcase popups, slide-ins, inline popups, and header banners for our special offers. We have found these popups to be highly effective in motivating visitors to make purchases or decisions, although it required extensive testing to perfect our approach.
In this guide, we will teach you how to design mobile popups that enhance your conversion rates while keeping you in good standing with Google. You will discover the specific strategies we employ to capture more leads and sales without irritating your mobile visitors or damaging your search engine rankings.
Why Should You Provide Coupons to Your Visitors?
Many new business owners worry that offering coupons will cut into their profits. However, experienced business owners understand that providing discounts is a powerful strategy to encourage visitors to make decisions rather than hesitate.
Providing coupon codes can help you recover lost sales from abandoned carts, turn visitors into paying customers, and increase overall revenue.
Most eCommerce platforms, such as WooCommerce, make it easy to generate coupon codes. However, effectively sharing these codes with your customers is crucial.
In this article, we will explore two effective methods for sharing coupons with your visitors: a coupon exit popup and a coupon spin-the-wheel opt-in.
Let’s explore how to set up a coupon popup in WordPress or WooCommerce.
Steps to Create a Coupon Popup in WordPress
The most effective way to create a coupon popup is by using OptinMonster, the leading WordPress popup plugin and lead generation tool available.
For further details, check out our comprehensive review of OptinMonster.
Begin by visiting the OptinMonster website to create your account. Click on the ‘Get OptinMonster Now’ button to start the process.
You will need at least the Growth plan, which includes Coupon Wheel Campaigns and advanced targeting options for your popups.
Next, install and activate the OptinMonster plugin on your WordPress site. For detailed instructions, refer to our step-by-step guide on installing a WordPress plugin.
This plugin serves as a bridge between your OptinMonster account and your WordPress site.
Once you activate the plugin, the OptinMonster setup wizard will appear. Click on the ‘Connect Your Existing Account’ button to proceed.
A new window will open where you can link your WordPress site with OptinMonster.
Simply click the ‘Connect to WordPress’ button to move forward.
You can also integrate your WooCommerce store with OptinMonster. Ensure that your eCommerce store is set up in WordPress first.
Begin by navigating to OptinMonster » Settings in your WordPress admin dashboard.
Next, go to the ‘General’ tab and click on the ‘Auto-Generate Keys + Connect WooCommerce’ button.
WooCommerce will automatically generate the necessary keys and connect to your OptinMonster account.
You are now ready to create your first coupon popup campaign.
Creating Your Coupon Popup Campaign
To start a campaign, go to OptinMonster » Campaigns in your WordPress dashboard and click the ‘Create Your First Campaign’ button.
On the following screen, OptinMonster will display various campaign types and templates.
Begin by selecting a campaign type. We’ll go with ‘Popup,’ which is usually the default option.
Next, you’ll need to choose a template.
OptinMonster offers a wide variety of templates with numerous layouts and color options. The ‘Coupon’ template is ideal for this popup, but feel free to select another template if you wish.
You can either use the search box to locate the Coupon template or scroll through the available options on the page.
After finding the template, hover over it and click the ‘Use Template’ button.
Before you start building your coupon popup, you’ll need to name your campaign. Once you’ve entered a name, click the ‘Start Building’ button.
Designing Your Coupon Popup
Upon clicking ‘Start Building,’ you’ll access the drag-and-drop campaign builder.
This tool allows you to add various elements to your template and customize the text, colors, and overall design of your coupon as you see fit.
You can click on any design element to make further adjustments. For example, we have changed the text and its color.
As you make changes, the coupon popup template will update in real-time.
Consider trying out various fonts and colors to enhance the visibility of your text in the popup or to align it with your brand identity.
In addition to adjusting the text and elements within the popup, you can modify the background color, incorporate an image into your coupon, customize the border color, change the border style, and more.
After making your adjustments, don’t forget to save your campaign by clicking the green ‘Save’ button located at the top of the screen.
Determine the Best Method to Deliver Your Coupon Code
Now that your coupon popup is ready, you need to decide how you will deliver the coupon code to your visitors.
OptinMonster offers several options for this, but the most effective method is to deliver the coupon code immediately through OptinMonster’sSuccessview and send it via email newsletter.
This way, if the visitor is not ready to make a purchase right away, they can easily find the coupon code in their email inbox later.
By default, your coupon popup is set to display ‘the Success view’ as soon as the button is clicked. You can verify this by clicking the button and checking the ‘Go to View’ option on the left side of your screen.
If you prefer a different button action, you can modify it here. For your initial coupon, we suggest using the default option.
Connecting OptinMonster to Your Email List
To automatically send your coupon code via email and add visitors to your email list, you need to connect OptinMonster with an email marketing service.
Constant Contact is an excellent choice to pair with OptinMonster, and CanadaCreate readers can enjoy a 20% discount on their first three months by using this coupon.
If you use a different email service, don’t worry—OptinMonster works with nearly all major providers.
Simply navigate to the ‘Integration’ tab and click the ‘+ Add New Integration’ button to connect your email marketing service.
After that, you can set up an automated email to be sent out whenever someone subscribes to your email list through your coupon popup.
Pro Tip: Customize the Success View Template
You can view and modify the ‘Success View’ template by returning to the Design tab of your campaign and selecting the ‘Success’ option at the bottom of the screen.
The default template appears like this, but feel free to edit it however you like, just as you did with your coupon popup.
Adjust Your Coupon Popup’s Display Rules
By default, your coupon popup will be displayed to visitors after they have spent 5 seconds on any page of your website.
To modify this setting, navigate to the ‘Display Rules’ tab.
You can establish any display rules you prefer, but a highly effective option to consider is Exit-Intent®.
This innovative OptinMonster technology detects when a visitor is about to leave your site and presents your coupon popup at the perfect moment.
To enable exit intent, select ‘exit detected’ from the dropdown menu and specify which devices will display the campaign. By default, it will be set to show on all devices.
You also have the option to adjust the sensitivity of the exit intent feature.
Next, scroll down to select the specific pages where you want your campaign to appear.
For instance, you can use the default setting of ‘current URL path’ and choose the ‘is any page’ option. This ensures your campaign is visible across your entire website.
Additionally, OptinMonster provides options to add sound effects and animations when the coupon popup is displayed.
There are also various other settings available.
OptinMonster allows you to configure cookies for your campaign and determine the number of days after which the campaign will be shown to different users.
Once you’re satisfied with your coupon popup, navigate to the ‘Publish’ tab located at the top.
Next, ensure that ‘Publish’ is selected under the ‘Publish Status’ section.
Remember to click the ‘Save’ button at the top and exit the campaign builder.
You can now visit your website to see the coupon popup in action.
Creating an Engaging Spin-to-Win Coupon Wheel
A spin-to-win coupon wheel adds excitement and fun for your website visitors, allowing them to play a mini-game to win discounts or bonuses.
Your spin-to-win options can include discounts like 10% off, 20% off, free shipping, a free trial, or any other offers you choose.
OptinMonster provides a ‘Gamified’ campaign type that allows you to create spin-the-wheel popups.
After that, scroll down and choose one of the available Wheel templates.
The plugin features various spin-to-win templates. Simply hover over a template and click the ‘Use Template’ button.
Next, feel free to modify any aspect of your coupon wheel.
To adjust the options on the coupon wheel itself, click the ‘Customize Wheel Sections’ button on the left-hand side.
You can enter any text as the label for each option and include the coupon code for each winning choice.
Please note that the ‘Win Chance’ is automatically calculated. If you adjust the toggle on any of the ‘Can Win’ options, OpinMonster will update the winning probabilities accordingly.
If you need further assistance with creating your coupon wheel and integrating it into your site, refer to our guide on adding spin-to-win opt-ins in WordPress and WooCommerce, which provides a detailed walkthrough.
You can then visit your website to see the spin-to-win coupon popup in action.
Frequently Asked Questions About Mobile Popups
Mobile popups can be tricky, especially when trying to optimize conversions while adhering to SEO best practices. Here are the most frequently asked questions regarding the creation of mobile popups that drive conversions without negatively affecting your search rankings.
1. Will mobile popups negatively impact my SEO rankings?
Mobile popups will not harm your SEO rankings if they comply with Google’s mobile-friendly guidelines. Google penalizes intrusive interstitials that obscure the main content right after a user arrives at a page from search results. However, popups that appear after a delay, exit-intent popups, or banners that do not cover significant content are acceptable and will not affect your rankings.
2. What is the ideal time delay for mobile popups?
We suggest a time delay of at least 5-10 seconds for mobile popups. This allows visitors sufficient time to engage with your content before the popup appears. Exit-intent popups are particularly effective on mobile, as they activate only when a user is about to leave your site. Avoid displaying popups immediately upon page entry, as this can lead to a negative user experience.
3. How can I create mobile popups that users appreciate?
The secret to effective mobile popups is ensuring they are easy to dismiss and provide real value. Always include a clear and visible close button (X) in the top-right corner. Ensure your popup delivers something genuinely beneficial, such as a discount, free resource, or exclusive content. Keep the popup compact enough for users to still view some of your main content, and refrain from showing the same popup repeatedly to the same visitor.
4. What dimensions should mobile popups have?
To avoid being intrusive, mobile popups should occupy no more than 50-60% of the screen. We suggest using responsive popups that adapt to various screen sizes. Slide-in and banner-style popups are particularly effective on mobile devices as they do not completely obscure the content. Always test your popups across different mobile devices to ensure they are displayed correctly.
Do mobile popups really boost conversions?
Absolutely! When executed properly, mobile popups can greatly enhance conversion rates. We’ve observed email signup rates soar by 600% with well-designed mobile popups. The secret lies in providing real value, timing them correctly, and ensuring they are easy to close. Mobile users are more inclined to convert when popups are relevant to their interests and do not disrupt their browsing experience.
Additional Resources for Creating High-Converting Popups
Explore our collection of helpful guides on how to create popups that enhance conversions on your website:
- How to Create a Yes/No Opt-in for Your WordPress Site
- How to Create a Welcome Mat for Your WordPress Site (with Examples)
- How to Leverage Popup Psychology to Increase Signups by 250%
- How to Create a Welcome Gate in WordPress
- Are Popups Still Effective? Exploring the Future of Popup Marketing
We trust this article has guided you in creating a coupon popup in WordPress. You may also want to check out our selection of the top WooCommerce plugins or our comprehensive guide on adding push notifications to your WordPress site.
If you enjoyed this article, please subscribe to our YouTube Channel for insightful WordPress video tutorials. You can also connect with us on Twitter and Facebook.
