Skip to content
Home » Easy How To : Boost Conversions with Coupon Popups

Easy How To : Boost Conversions with Coupon Popups

coupon pop up
  * How to create a popup coupon with OptinMonster
  * Welcoming new visitors or retaining exiting customers with a coupon popup
 * Creating a coupon code popup for WooCommerce and Shopify online stores

By the top of this text, you’ll fully understand how giving just a touch discount can mean getting tons of revenue reciprocally.

Let’s jump in.

         Which Coupon Popups App do you have to Use?

There are tons of tools out there for creating generic coupon popups, but not all of them will get you the results you’re trying to find. Some of your website visitors will find intrusive popups annoying.

If you don’t want to harass potential customers, it’s important to supply discounts in the right way. A popup coupon at the proper time can make your clients desire they’re a part of an exclusive “in-group.” In other words, a well-targeted campaign makes users feel special.

With OptinMonster, you’ll offer coupons within the right way, at the proper time, to the proper people which is, after all, the grail of selling.

That’s because OptinMonster has advanced targeting features, allowing you to point out coupons on specific pages, to specific visitors, at specific times, and in specific locations.

You can target coupons by device and show certain popups that supported visitors’ activity or inactivity. Your popup coupons also can be used as powerful tools to scale back handcart abandonment when used with exit-intent® technology.

And you’ll combine our advanced targeting rules to be ultra-precise about who sees your popup coupon. for instanceyou’ll show your coupon only to shoppers during a specific location with geotargeting or to visitors who clicked on a selected ad.

Unlike a WordPress coupon plugin, OptinMonster works on any site, regardless of what content management system you’re usingthat has industry-leading eCommerce solutions like WooCommerce, Shopify, Magento, BigCommerce, etc.

But enough talk. Let’s get to the great stuff. Here’s how it works…

In today’s tutorial, we’ll be using OptinMonster. If you haven’t already done so, go check in for OptinMonster to follow along.

Let’s start.

How to Create Coupon Popups

Step 1: Create Your Campaign

In this tutorial, we’re getting to recreate a popup coupon almost like this one from BaubleBar. Use this as a start line for creating your own.

However, you ought to also know that there are plenty of ways to customize this coupon. as an example, we’re offering a reduction, but you’ll easily offer free shipping instead.

For more examples to inspire you, inspect all the coupon popups in our exit-intent® popup gallery.

It could be something like this:

coupon popups
Coupon Popups

To get started, log in to your OptinMonster dashboard and click on Create Campaign:
Choose a campaign type.

For this tutorial, we’re using the Lightbox Popup:
Choose a template for your popup. There are quite 30 professionally designed templates to settle on from, with different layouts and color schemes.

We’re getting to use the Coupon theme. Find it by scrolling through the available themes, or type “coupon” within the search box to seek out it fast:

All OptinMonster templates are flexible and fully customizable. If you favor styling your own form in HTML, you’ll use OptinMonster’s Canvas technology to implement it.

Give your campaign a reputation, choose the website you’ll use the popup on, and press the beginning Building button:

Step 2: Customize Your Coupon Popups

Whichever campaign type you’ve selected, the subsequent step is to customize the planning and therefore the copy so it meets your needs.

After you press Start Building, you’ll be taken into OptinMonster’s amazing drag and drop campaign builder. You’ll see a live preview of the default coupon popup on the proper and therefore the editing tools on the left.

Take special note of the Save button within the top right corner of the builder. Use it often. ?
Our BaubleBar example features a different headline and body text and maybe a different color. Here’s how you are doing that.

Click on the headline to mention the element editing tools on the left. Then, type your new text within the text box. you’ll format the text with the available tools.

Your headline is going to be the one big thing you would like people to understand about your offer, just like the “Take 15% Off” statement within the BaubleBar example.

Use an equivalent method to edit the body copy. you’ll add more details of the offer, and what visitors need to do to urge it, like enter their email address.

We’re not getting to use a picture in our popup, but adding a picture to your optin is basically easy.
Click on +Add Blocks, then drag and drop the image element to the live preview.
Now we’re getting to change the background color of our popup from yellow to white to decorate it up. That happens in Optin Settings » Optin View Styles. There are 2 ways to urge there quickly:
1. Click on the house icon within the builder
2. Click on the planning tab. That will get you on to the house menu where you’ll access the remainder of the editing tools easily. Again, we would like to travel to Optin Settings » Optin View Styles.Once there, we’re getting to change our background color to hex code #ffffff. you’ll do plenty of other things too, like add a picture, overlay color, or a border.
Click on the submit button within the live preview to mention the Editing Fields Element menu on the left. Here you’ll edit your options fields and button formatting and actions.
Change your button text by clicking on the Button tab and typing your text within the Button Text field (we’re using “Get Started Now”). this is often the decision to action, which is that the one thing you would like visitors to try to to to require a subsequent step.

If you struggle with writing copy (even for buttons), inspect our guide to writing the right call to action for more inspiration.

Step 3: Found out the Delivery of Your Coupon Code

Once you’ve finished the essential design, it’s time to believe how your customers will get their coupons after they hit the submit button. There are several ways to try to do this.

At OptinMonster, we recommend that you simply deliver it immediately via our Success view and also send it by email. You’ll get to enable your email service provider integration for this to happen automatically.

You can also use the Success View to:

Type within the coupon code on the success deem shown above. you’ll edit this in the same way because of the other parts of your campaign.

Alternatively, redirect visitors to a replacement page where they will redeem the coupon.
The Success view is already found out because of the default button action. this suggests that you simply don’t need to change a thing in your button action and your optin will show visitors whatever “Success message” you design in your “Success View”.

If you would like to vary your button action to try to do something else, like send visitors to a special page once they optin, you’ll get to change the button action.

Don’t worry, it’s very easy.

After you’ve edited your button text, click on the Action section.
Click the dropdown under Form Success Action to ascertain the actions available – there are quite a few of them!

Select Redirect to a URL and sort your URL within the Redirect URL field. this is often really handy for sending users back to a checkout page to use the coupon you’re giving them.

You can also use a coupon link because of the redirect URL, which can apply the coupon automatically when visitors reach the target site. Here’s how you create those via Shopify and WooCommerce coupon plugins. And make certain to see out our list of the simplest WordPress plugins and tools or best Shopify apps for more.

Step 4. Publish Your Popup Coupon

The final step is to save lots of your changes, then publish your campaign. to start out the publishing process, click on the Publish tab to ascertain publishing options, then toggle the status button to form it live.

You’ll get to install our WordPress plugin to urge your popup coupon on WordPress. Once you’ve done that, attend the OptinMonster section of the WordPress dashboard, and click on Refresh optins. You’ll see the name of your new campaign, and you’ll even be ready to see if it’s live.

You can also use the sitewide embed code, which you’ll grab by clicking on a button. Give this to your web developer to form your OptinMonster integration live, or roll in the hay yourself by following this guide.

And you’ll use the campaign-specific embed code to embed your popup coupon only.

This is an excellent start. But let’s kick things up a notch by targeting certain customer behaviors.

Choose Display Rules to Welcome New Visitors or Say Goodbye to Leaving Visitors

Now you’ve got a printed coupon popup on your site. However, it’s currently on the default Display settings.

While those work great for many people, other business owners wish to go the additional mile for their customers. they like to either greet new customers with a welcome offer or attempt to retain customers who are leaving. Let’s quickly take a glance at how you’ll do either (or both!).

When you’re proud of the design of your popup coupon, it’s time to settle on when and where visitors will see it.

To do this, attend your campaign’s dashboard and click on the Display Rules tab:

Display Rules within the top menu

You have several options for displaying your popup coupon. First, we’ll make the coupon welcome your guests:

How to Welcome Guests with Coupon Popups

You can see your popup campaign’s default is After X Seconds rule, which ensures that visitors always see your campaign after they’ve been on your site for a short time or you may want to be more aggressive and deliver your promotion immediately.

Luckily, the default settings only need a couple of changes.

In the first field, you’ll want to stay the condition time-on-page. within the next field box where it says is a minimum of, you’ll want to click the choice immediately:
Then, underneath, you’ll want to vary your OnSite Retargeting rules to make sure you’re only welcoming new customers together with your coupon:

Visitors will immediately get your coupon popup promotion once they reach your site
Only new visitors will see this popup
This is an exquisite way of converting new, cold leads into lifelong customers who return to your site on a daily basis. Oh, and one last thing: don’t forget to hit save.
But maybe you would like to require a special approach. instead of welcoming new guests with a coupon to stay them on your site longer, perhaps you would like to use your discount to stop people from leaving your site.
How to Capture Customers Who Are Leaving Your Site with a Popup Coupon
One of our highest-converting options may be a popup with exit-intent®. This ensures that your popup coupon appears when visitors are close to leaving your site.

This strategy is proven to scale back abandonment, which suggests more revenue for you. And the best part? It’s super easy. Like… it’s almost ridiculous how easy it’s. Check this out:

Go back to your Display Rules dashboard and alter the primary setting to exit detected:
You’ll notice on your right, you’ll change the quantity of sensitivity your exit-intent® campaign uses.

Most campaigns are successful with Medium, but you’ll want to fiddle thereupon feature until it’s good for you.

That’s it. You’re done!

As we said, it’s ridiculously simple.

But don’t desire you ought to limit yourself to only that. You’ll get creative and add multiple display rules for your visitors.

You could:

  • Promote the coupon exclusively for visitors from mobile
  • Have the popup appear when your guests have scrolled through a particular percentage of your page
  • Only show the coupon popup on a selected date or time
  • Put the popup offer on certain pages of your site and exclude it from others

Share your coupon popup with your email list using shareable MonsterLinks™
And so far more.

When it involves targeting your audience with a coupon popup promotion, the sky really is that the limit.

All it takes may be a jiffy and a touch of creativity to ascertain more revenue start rolling through.

How to Create a Coupon Code with WooCommerce and Shopify

As we already mentioned, there are plenty of eCommerce platforms you’ll work with.

But during this tutorial, we would like to point out ways to make a coupon code with the 2 biggest players within the market: WooCommerce and Shopify.

Creating a Coupon Code URL with WooCommerce

First, you’ll want to sign-up for WooCommerce together with your WordPress account. this may make getting started much easier.

You’ll also get to confirm you’ve installed and activated your WooCommerce plugin. And from that time, you’ll want to travel to WooCommerce in your WordPress dashboard and click on Extensions

Once you buy this extension, you’ll be ready to create a singular coupon URL. attend WooCommerce in your WordPress dashboard and click on Coupons

Now click Add New Coupon

This is the URL that you’ll want to place in your coupon popup. to try that, return to your campaign’s dashboard in OptinMonster and insert your coupon URL within the Redirect URL for your call to action (which we covered earlier during this tutorial).

And that’s it! So let’s say you were offering first-time visitors 30% off a marketing course, your campaign may appear as if this:
When your users click your call to action (Start Now), they’ll be redirected to the checkout with the coupon code automatically applied.

Now that we’ve covered the way to do that with WooCommerce, let’s repeat the method for our Shopify users.

Creating a Coupon Code URL with Shopify

Shopify makes sharing your coupon URL codes incredibly simple. In fact, you don’t get to do anything together with your WordPress site for this. Simply head over to your Shopify store dashboard:
You’ll be prompted to settle between creating a reduction code or an Automatic discount. For this tutorial, click the Discount code:
Then you’ll modify the conditions of your discount code:
When you’re finished, scroll down and click on the Save discount code:
Scroll the copy to ascertain your confirmation message. therein message, you’ll see a choice to Get a shareable link:
Click thereon to look at your new coupon popup code URL:
Now you’ll insert that link in your popup campaign in your OptinMonster dashboard a bit as we did earlier with WooCommerce:
And a bit like before, your call to action will now redirect your users to their handcart and automatically apply the discount. ?

A Few Closing Words
That’s it! Hopefully, you gained some insight into the way to make your coupon popup campaigns work for your business.

And if you’re running a WooCommerce store, you’ll find this post very helpful: How to Add Google Analytics to your WooCommerce Store.

Those cover some related topics which will assist you to engage with current and potential customers.

Not using OptinMonster yet? start today and begin converting more visitors into customers today!