How To Create A Coupon Popup For Your Ecommerce Website

Do you want to create a coupon popup for your e-commerce website? Coupon popups are the fastest way to convert your visitors into paying customers.

All types of companies, either big or small, are using coupon popups on their website. Not only that, but they also increase their conversion rate.

Offering a coupon code can help you to get back your users to your website. It also helps to recover your abandoned cart sales.

So, in this tutorial, I will show you how you can create a coupon popup for your e-commerce store. Let’s start.

How to create a coupon popup for your e-commerce store?

In the market, you can find lots of tools that can help you to create popups for your website. But not all of them will get you the results you’re looking for.

That’s why we are going to use OptinMonster, the best lead generation tool for any type of website.

OptinMonster has advanced targeting features, allowing you to show coupons on specific pages, to specific visitors, at specific times, and in specific locations.

You can also create an exit-intent popup, which helps to track and monitor your website visitors when they want to leave your site without making a purchase and shows them a popup when they want to leave your website.

Not only this, OptinMonster comes with more features like spin to win campaignsmulti-step popupcountdown timer popup, etc.

And the cool thing about OptinMonster is it can work with any type of content management system, it could be on WordPress, Shopify, BizCommerce, etc.

Let’s talk about their pricing. OptinMonster comes with four types of pricing plans: Basic, Plus, Pro, and Growth.

Their ‘Basic’ plan is the lowest and it starts from $9/month. They don’t offer any free versions, but they offer 30 days money-back guarantee.

OptinMonster also offers OptinMonster University ($1,997 value) and One Free Campaign Setup ($297 value) with all of their plans.

OptinMonster University lets you access their library of expert courses, guides, video training, and ebooks.

And with free campaign setup, their conversion experts will design one free campaign for you to get maximum results as possible.

So, click the link below to buy OptinMonster and get the maximum discount possible:

Exit-Intent, Campaign Scheduling
Drag & Drop, Lightbox Popups
Multi-Step, Seamless Integrations
ManyChat, Cookie Retargeting
Timed Display Control, A/B Testing

Step- 1. Create your popup

After purchasing OptinMonster, sign in to your dashboard. Once you’re in your OptinMonster dashboard, click Create New Campaign in the top right corner.

optinmonster create a new campaign

Next, you need to select the campaign type. Here we’re going to create a popup, so select ‘Popup’.

optinmonster select campaign type

After, you need to choose a template for your popup. OptinMonster has lots of pre-built templates, you can use one of them or use the ‘Canvas’ template to start creating your popups from scratch.

You can also use their filter option to filter your templates according to needs. You can filter by device, goals, categories.

optinmonster templates

Here I will be going to select their ‘Coupon’ template.

coupon popup template in OptinMonster

After that, enter the name of your template and choose the website where you want to show it, and click Start Building.

enter the name of your popup campaign box

So, we have created our coupon popup, now it’s time to customize it.

Step- 2. Customize your coupon popup

After you press Start Building, you will be redirected to this campaign builder page. Here you can customize your popup.

coupon popup default view in popup builder

Just click that element you want to change on your popup and change whatever you want to change. If you want, you can also add some more fields by clicking on +Add Blocks and then drag and drop the field you want to add from left to right.

Once you’re done with the changes, please make sure you save your campaign by clicking the green Save button at the top of the screen.

Step- 3. Set up how you show your coupon code

Now it’s time to decide how you give the coupon code to the users. You can deliver it immediately via the Success view or send it by the newsletter or do both.

The Success view is already set up as the default button action. That means you don’t have to change a thing in your button action and your optin will show visitors whatever Success message you design in your Success View.

You can check this by clicking on the button and then clicking Button and Action on the right-hand side of your screen.

check success popup button view action in optinmonster

Your success something looks like this:

optinmonster coupon popup success view

If you want to send a coupon email, then you need to integrate your popup with email service providers like Constant Contact.

To connect Constant Contact, Click on the Integrations tab. And click Add New Integration and choose Constant Contact from the dropdown.

integrations tab optinmonster

A new window will open where you’ll need to login into your Constant Contact account.

Constant Contact Account login

Next, click the Allow button to allow access to OptinMonster on your Constant Content account for sending emails on your email marketing list.

allow constant contact access

After allowing OptinMonster, the window will be closed and you’ll be back on your OptinMonster account where you’ll need to enter a unique label for your Constant Contact account and click the Connect with Constant Contact button.

Constant Contact account name lebel in OptinMonster

Then choose an email list where you want to store your users’ email addresses.

OptinMonster Constant Contact list select

Now you have successfully connected Constant Contact with your OptinMonster account.

Step- 4. Set display rules

By default, your coupon popup will appear to visitors after they’ve been on any page of your site for 5 seconds. You can use it or change it.

Click on the Display Rules tab to change it. You have several options for displaying your popup coupon.

If you want to show your popup only on a specific page like the shop page, you can also do that, by setting the condition to content URL path exactly matches > shop.

OptinMonster display rule url

You can also run multiple display rules at once. After setting up your display rules, don’t forget to save all the changes.

Step -5. Publish your coupon popup

It is the last step to follow and also the easiest step. To publish your popup, simply save your popup and switch to the Publish tab, then toggle the status button to make it live. You can come back and pause it at any time.

publish popup button in optinmonster

Scroll down to Platform and select WordPress. You’ll then see instructions on how to put your campaign live on your site.

select any CMS for popup option

That’s it for this tutorial. I hope it will help you a lot. If you liked it, share it with your friends and family. And don’t forget to comment in the comment section below.

Newsletter Updates

Get freebies, and special offers delivered directly to your inbox.

One comment

  1. wow, awesome blog.Really thank you! Keep writing.

Leave a Reply