How to Create Coupon Popup in WordPress

Would you like to create coupon popup in WordPress? Coupon popups are an incredible method to convert your site guests into paying clients.

There are a few distinct approaches to make and show coupon popups. However, showing the coupon at precise timing has an immense effect on converting abandoning visitors into customers.

In this article, we’ll show you how to add and create coupon popup to your WordPress or WooCommerce site. We’ll additionally give both of you methods to deliver your coupon to make them increasingly effective and highly productive.

How to Create a Coupon Popup in WordPress (Step by Step)

For what reason Should You Offer Visitors a Coupon?

Regularly new entrepreneurs are worried that coupons will eat into their profits. In any case, set up entrepreneurs realize that offering a discount is an amazing method to get a visitor to decide, rather than moving back and forward.

How to Make a Volunteer Application Form in WordPress

Offering coupon codes helps you recover abandoned cart sales, convert guests into customers, and make more deals.

Most eCommerce platforms like WooCommerce allow you to effectively make coupon codes. Notwithstanding, sharing these coupon codes with your customers has a significant effect.

That is the reason in this article we will share two distinct approaches to share and create coupon popup with your guests: a coupon exit popup and a coupon spin a wheel option.

Let’s take a look at how to create coupon popup in WordPress or WooCommerce.

Instructions to Create Your Coupon Popup in WordPress

For this instructional exercise, we will use OptinMonster to make both the coupon popup and a coupon spin a wheel.

To start with, you have to visit the OptinMonster site to make a record. Now, you have to install and activate the OptinMonster plugin on your WordPress site. For more details, see how to install a WordPress plugin.

The plugin act as a connector between your OptinMonster account and your WordPress site.

After activating the plugin, you have to click on the OptinMonster menu in your WordPress administrator sidebar to connect with OptinMonster site.

Connecting OptinMonster to your site

Now you are good to go to make your first coupon popup campaign.

How to Add WooCommerce Wholesale Pricing in WordPress

Create Coupon Popup Campaign

Basically login to your OptinMonster dashboard and click the Create New Campaign button.

Create a new OptinMonster campaign so you can begin making your coupon popup

Next, you’ll have to pick a campaign type. We’re going to using Popup, which ought to be the default choice.

Pick a campaign type for your coupon popup

On the following screen, you will be directed to choose a layout.

OptinMonster has a gigantic scope of templates you can look over (all expertly structured), with loads of various designs and color options. The Coupon layout is ideal for making a coupon popup, however, you can pick an alternate template that you like.

You can use the search box to discover the Coupon layout, or you can look down the page.

Look down and choose the Coupon template for your popup

Next, click on the layout and choose Use Template.

Get Features on Self-Hosted WordPress Blogs

Select Use Template from the two choices given when tapped (the other is Preview)

The final step before you begin assembling your coupon popup is to name the campaign and choose the site you need to use it on.

If you’ve just connected OptinMonster to your WordPress webpage, at that point that website’s name and URL will appear under Which website(s) would you like to load this campaign on?

Name your coupon popup campaign and pick a site to run it on

Designing your Coupon Popup

When you’ve clicked Start Building, you’ll see the simplified campaign builder. You can use it to change the content, color, and design of the coupon in the manner in which you like.

Best WordPress Plugins on How to Run a Giveaway / Contest

The default popup coupon structure, with the title, Get 25% Off Product X

Just click on any element of the design to change it. Here, we’ve edited the content and made it an alternate color. When you roll out your changes on the left-hand side, you’ll see those changes on your coupon popup on the right.

Editing the content for the popup coupon: the title now reads Get 25% Off My Ebooks

You can change any of the text similarly. You might want to experiment with different fonts and colors.

Outside of the content and elements inside the popup, you can also change the background color and different settings.

First, close the element you’re on by tapping the X or the Home button.

Close the present component that you're editing on your popup coupon

From that point, go to Options Settings » Option View Styles.

Here, you can change the Background Overlay which is the color around your popup that covers your content when the popup shows up on a guest’s screen. On this settings tab, you can also change the Background Style (solid or gradient) and the Background Color.

We’ve used the color picker to change the background to a brilliant yellow.

Create or Show Compact Archives in WordPress Website

Changing the background color of your coupon

This is additionally where you can add a picture to your coupon in the event that you need to use one.

At last, you might need to change the dashed border that shows up near to the edge of your coupon. To edit this, click on it, at that point click the Settings cog that shows up on the left-hand side to edit the Column.

How to change your popup coupon's border settings

You can look down on the left to set the Border Color, Border Width or even the Border Style, however, we think dashed look good for a coupon!

Here’s our new form, with a narrow border.

Changing the popup coupon's dashed border

When you’re finished with the changes, it would be ideal if you ensure you save your campaign by tapping the green Save button.

Save your popup coupon campaign

Decide How to Deliver Your Coupon Code

Since you’ve set up your coupon popup, you have to choose how you’ll actually deliver the coupon code to your customers.

How to use WooCommerce plugin to make eCommerce site

There are a few different ways to do this in OptinMonster, yet the most ideal way is to deliver the coupon code straight away through OptinMonster’s Success view and to send it by an email newsletter as well.

That way, if the guest isn’t prepared to purchase straight away, they have the coupon code for simple reference later.

Naturally, your coupon popup is as of now intended to use the Success view when the button is clicked. You can check this by tapping on the button and afterward clicking Button and Action on the right-hand side of your screen.

View or change the button activity for your coupon popup

If you need an edit button activity, you can change that here. For your first coupon, however, we suggest staying with the default.

Coordinating OptinMonster With Your Email List

To send your coupon code out by email consequently and for the guest to be added to your email list, you’ll have to coordinate OptinMonster with your email marketing services.

WordPress Security Plugin “Wordfence vs Sucuri” (Compared)

OptinMonster coordinates with essentially every major email marketing service provider.

When you’ve done that, you can set up an automated email to go out whenever somebody purchases the list through your coupon popup.

Just use the Integrations tab of your campaign to connect OptinMonster to your email advertising marketing. Contingent upon which administration you use, you’ll likely have the choice to include a tag or other identifier with the goal that guests sign up through your popup can be identified.

Reward Tip: Edit the Success View Template

You can view and change the Success View temple by returning to the Design tab of your campaign and click the Success option.

The default resembles this, yet you can edit it in any way you need, much the same as you edited your coupon popup.

Review and Editing the Success view

Check or Change Your Coupon Popup’s Display Rules

By default, your coupon popup will appear to guests after they’ve been on any page of your site for 5 seconds. If you need to change this, go to Display Rules.

Best WordPress Donation and Fundraising Plugins

The display rules for your coupon popup

You can set whatever display rules you like, yet an extraordinary one to give a shot is Exit-Intent®. This extraordinary OptinMonster technology can inform when a guest is about to leave your site and show them your coupon popup at the right moment.

Setting the display rule to use Exit-Intent

Publish Your Coupon Popup

When you’re content with your coupon popup, save it and click Publish on the menu at the top point of the screen. You’ll have to make your campaign Live using the button at the top of the page so as to run it. You can come back and pause it at any time.

Look down to Platform and select WordPress. You’ll at that point see instructions on the most effective method to put your campaign live on your site.

Select WordPress as the Platform for your coupon popup

Making a Spin-to-Win Coupon Wheel

A spin to win coupon wheel is an incredible method to make your coupons additionally interesting and enjoyable to your site’s guests. It’s just like a mini-game that guests can play to win a prize or another reward.

Best WordPress image optimization plugin to speed up your site

OptinMonster has three distinctive spins to win layout to worked in. Making it a helpful alternative, convenient option, especially if you already have an account.

Your spin to win options could include things like 10% off, 20% off, free dispatching, a free trial, or anything you desire to offer.

To make a spin-to-win coupon wheel. You’ll have to return to your Campaign Dashboard in OptinMonster in case you’re not as of now there.

Next, click to Create a New Campaign.

On the following page, you have to choose Fullscreen for your Campaign Type.

Select Fullscreen for your new Campaign

After that look down and choose one of the Wheel layouts. You can change the color later.

Select your coupon wheel temple: there are three options, blue, green, or red

You’ll at that point need to give your campaign a name and pick which site to use it on.

Next, feel free to edit any part of your coupon wheel. To edit the choices on the coupon wheel itself. You’ll have to click on it at that point click Edit Wheel Sections button on the left-hand side

eBay and Amazon Sellers Should use WooCommerce store

Edit Wheel Sections button

You would then be able to type in any content as the Label for every alternative, and you can include the Coupon Code for each winning option.

Table demonstrating the spin to win wheel choices and rate possibilities

Note that the Win Chance is naturally decided. If you change the switch on at least one of the Can win? choices, you’ll see the rate possibility of winning change.

By default, all the options that don’t offer a prize are switched off. So the user will always land on a prize. You can change this if you want to.

Top best WordPress plugins for fast and secure website

When you’re satisfied with your coupon wheel, you can set the Display Rules and Publish it. If you don’t know what to do here. Then take a look at the steps earlier in this post for coupon popups.

We hope this article helped you learn about Top best WordPress plugins for fast and secure website to use on your project. You may also want to see our list of other articles too. If you liked this article, then please subscribe to our YouTube Channel for video tutorials.

Image Source

Editorial Staff

Editorial Staff at BeFirstly is a team of content writer, Editors and SEO experts. Our staff helps you to make your website rank better in search engines like Google and Bing. Follow us for more 🎉