Creating a coupon popup on your WordPress site is an effective strategy to increase conversions and provide special offers to your visitors.
You need a simple and efficient solution to avoid wasting time on setup.
With over 16 years of experience supporting eCommerce site owners, we have determined that OptinMonster is the top tool for designing coupon popups that drive conversions.
Its user-friendly drag-and-drop features and pre-designed templates allow you to create popups easily, without any coding knowledge. We have witnessed how fast and straightforward the process can be.
In this article, we will guide you through the detailed steps to create a coupon popup on WordPress.
Why Should You Provide Coupons to Your Visitors?
Many new business owners worry that coupons will reduce their profits. However, seasoned business owners understand that offering discounts is an effective way to encourage visitors to make a purchase instead of hesitating.
Providing coupon codes enables you to:
- Recover lost sales from abandoned carts,
- Convert visitors into paying customers, and
- Increase overall sales.
Most eCommerce platforms, such as WooCommerce, make it easy to create 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 discuss how to create a coupon popup in WordPress or WooCommerce.
Creating Your 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.
At CanadaCreate, we utilize OptinMonster to design popups, slide-ins, inline popups, and header banners for our special offers and promotions. For more insights on our experience, check out our OptinMonster review.
To get started, visit the OptinMonster website and create an account by clicking the ‘Get OptinMonster Now’ button.
You will need at least the Growth plan, as it 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.
The plugin serves as a bridge between your OptinMonster account and your WordPress website.
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 to OptinMonster.
To continue, simply click the ‘Connect to WordPress’ button.
You can also link your WooCommerce store with OptinMonster, provided you have already set up an eCommerce store in WordPress.
First, navigate toOptinMonster » Settingsin 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 keys and connect to your OptinMonster account.
You are now ready to create your first coupon popup campaign. In the next section, we will guide you through the process. Here’s a quick overview of the steps involved:
- Creating Your Coupon Popup Campaign
- Designing Your Coupon Popup
- Choosing How to Deliver Your Coupon Code
- Adjusting Your Coupon Popup’s Display Rules
- Integrating OptinMonster With Your Email List
- Frequently Asked Questions
Are you ready? Let’s get started!
Step 1: Launching Your Coupon Popup Campaign
To initiate a campaign, navigate to OptinMonster » Campaigns from your WordPress dashboard and click on the ‘Create Your First Campaign’ button.
On the following screen, OptinMonster will display various campaign types and templates.
First, select a campaign type. We will be using ‘Popup,’ which is typically the default option.
Next, you will choose a template.
OptinMonster offers a wide selection of templates with diverse layouts and color schemes. The ‘Coupon’ template is ideal for creating this popup, but feel free to choose a different template if you wish.
You can either use the search box to locate the Coupon template or scroll down the page.
Then, hover over the template and click the ‘Use Template’ button.
Before you start building your coupon popup, you need to name the campaign. After entering a name, click the ‘Start Building’ button.
Step 2: Customizing Your Coupon Popup
Once you click ‘Start Building,’ you will access the drag-and-drop campaign builder.
You can use this builder to add various blocks to your template and modify the text, colors, and design of the coupon to suit your preferences.
You can click on any design element to make further adjustments. In this example, we modified the text and changed its color.
After making changes, you will see instant updates in the coupon popup template.
Feel free to try 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 modifying the text and elements within the popup, you can also alter the background color, add an image to your coupon, adjust the border color, change the border style, and more.
Once you have completed your changes, be sure to save your campaign by clicking the green ‘Save’ button located at the top of the screen.
Step 3: Choosing Your Coupon Code Delivery Method
With your coupon popup set up, it’s time to determine how you will deliver the coupon code to your visitors.
OptinMonster offers several methods for this, but the most effective way is to provide the coupon code immediately through OptinMonster’sSuccessview and send it via email newsletter.
This way, if the visitor isn’t 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’ immediately after 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 action for the button, you can modify it here. However, for your first coupon, we suggest keeping the default setting.
Next, you can customize your success view in the ‘Design’ tab located under the ‘Success’ option at the bottom of the screen.
The default appearance is shown here, but feel free to modify it in any way you like, just as you did with your coupon popup.
Step 4: Modifying the Display Rules for Your Coupon Popup
By default, your coupon popup will be shown to visitors after they have spent 5 seconds on any page of your website.
To adjust this timing, navigate to the ‘Display Rules’ tab.
You can establish any display rules you wish, 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 displays 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 can adjust the sensitivity settings for exit intent.
Next, scroll down to select the specific pages where you want your campaign to be displayed.
For instance, you can use the default setting of ‘current URL path’ and choose the ‘is any page’ option, allowing your campaign to show across your entire website.
Once you’ve set your display rules, click the ‘Next Step’ button.
OptinMonster also provides options to add sound effects and animations when the coupon popup appears.
Now, click the ‘Next Step’ button.
On the following screen, you will see a summary of your display rules. Remember to click the ‘Save’ button to save your settings.
Step 5: Connecting OptinMonster to Your Email List
To automatically send your coupon code via email and add visitors to your email list, you need to integrate OptinMonster with an email marketing service.
Constant Contact is an excellent choice for use with OptinMonster. We tested all its features, which you can explore in our detailed Constant Contact review.
Great news! CanadaCreate readers can enjoy a 20% discount on their first three months by using this coupon.
If you’re using a different email service provider, OptinMonster seamlessly integrates with nearly all major platforms.
Navigate to the ‘Integration’ tab and click on the ‘+ Add New Integration’ button to connect your email marketing service.
You can then configure an automated email to be sent out whenever someone subscribes to your email list via your coupon popup.
Once you’re satisfied with your coupon popup design, head over to the ‘Publish’ tab located at the top.
Ensure that the ‘Publish’ option 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 your coupon popup in action.
Bonus Tip: Create an Engaging Spin-to-Win Coupon Wheel
A spin-to-win coupon wheel adds an element of excitement and engagement for your website visitors, allowing them to play a mini-game for discounts or other rewards.
Your spin-to-win options can include discounts like 10% off, 20% off, free shipping, a free trial, or any other incentives you wish to provide.
OptinMonster features a ‘Gamified’ campaign type that enables you to design spin-the-wheel popups.
Next, scroll down and choose one of the Wheel templates.
The plugin offers a variety of spin-to-win templates. Simply hover over a template and click the ‘Use Template’ button to get started.
Next, feel free to modify any element of your coupon wheel.
To adjust the options on the coupon wheel itself, click the ‘Customize Wheel Sections’ button located on the left-hand side.
You can enter any text as the label for each option and include the coupon code for each winning selection.
Please note that the ‘Win Chance’ is automatically calculated. If you toggle one or more of the ‘Can Win’ options, OptinMonster will update the winning probabilities accordingly.
If you require further assistance in creating your coupon wheel and integrating it into your site, check out our detailed guide on adding spin-to-win opt-ins in WordPress and WooCommerce.
You can then visit your website to see the spin-to-win coupon popup in action.
Frequently Asked Questions
Here are some common questions our readers ask about creating a coupon popup in WordPress:
Can I configure my coupon popup to display only on specific pages?
Yes, most popup builder plugins allow you to target particular pages or product categories.
For instance, you may wish to display a 10% discount popup exclusively on your checkout or product pages, avoiding your homepage or blog.
Using tools like OptinMonster, you can apply various display rules such as:
- Page URL (for example, show on
/shopor/cart) - Referrer source (for instance, only show to visitors coming from Google)
- Device type (for example, display only on desktop or mobile devices)
This enables you to provide more tailored offers and prevents frustrating your loyal readers.
How can I share the coupon code with users after they view the popup?
You can either show the coupon code directly within the popup or send it via email after the visitor subscribes. Both options are effective, depending on your objective.
If your goal is to expand your email list, asking users to provide their email to access the code can be a successful strategy.
Conversely, if you aim for immediate sales, displaying the coupon code right away or automatically applying it to the cart might be more effective.
How can I prevent overwhelming users with excessive popups?
The secret to minimizing user annoyance is to utilize intelligent targeting and timing features in OptinMonster.
Instead of displaying the popup right away, consider using strategies like exit intent, scroll percentage, or a time delay. This approach helps maintain a positive visitor experience.
Additionally, implement frequency limits to prevent users from encountering the same popup during each visit. Most tools allow you to manage how often a popup appears per session, day, or visitor.
Are coupon popups optimized for mobile devices?
Yes, the majority of contemporary popup plugins are designed to be fully responsive and mobile-friendly right out of the box.
Nonetheless, it’s essential to test your popup across various screen sizes to ensure it remains readable and does not obstruct key content.
If you’re using a plugin like OptinMonster, you can create distinct versions of your popup tailored for desktop and mobile users, providing a seamless experience for all visitors.
We hope this article has guided you in creating a coupon popup in WordPress. You may also want to explore our recommendations for the best WooCommerce plugins or our tutorial on adding push notifications to your WordPress site.
If you enjoyed this article, please subscribe to our YouTube Channel for WordPress video tutorials. You can also connect with us on Twitter and Facebook.
