How to Create Popup Banner Coupon Code to Boost Sales

Do you need a popup banner like above to show coupon codes on your webpage? Then, you are in the right place. In this article, I'll show you how to create banners to reinforce sales in a detailed manner.

A Quick Reminder: It is known that new generation popups are useful not only for collecting emails but also for several lead generation practices such as promotions and offers.

Of course, I do not underestimate the power of popups as email capture tools. They are still the best way of collecting permission-based emails. What I'm trying to highlight here, popups are much more than this! popup-banner-coupon-code-blog-cover

It is still confusing for many website owners how effective popup usage is possible within their website, especially for digital marketers. Don't worry. In this article, I'll explain the specifics of a coupon promotion popup (which is also called as floating bars) and how to create a popup banner coupon code that you can use as a sales promotion method.

If you are ready, let's start!

How to Create a Popup Coupon With Popupsmart

popup banner coupon code

Step 1: Create a Popupsmart Account

popupsmart register

If you haven't already signed up to Popupsmart, you first need to register and create your free account without sharing any credit card information. It would take approximately 1 minute. Or you can also register with your Google account.

Step 2: Start to Customize Your Popup

After completing the registration process, you will be directed to the popup builder dashboard where you can find advanced customization options. And you can immediately start to create your first campaign. You'll see when you try, it is simpler than you think.

Let's visualize what I'm trying to say.

First, you'll see layouts on the left panel. You need to choose a popup template according to your business goal. Since not all of the layouts are suitable for popup coupon offers, I preferred to choose from the "Grow Your Email List" section.


I've mentoined that Popupsmart names popup banners as floating bars. If your aim is to create banner and show it on the top or bottom of the webpage, you need to choose floating bar as popup type. Also as you can see on the image below, our floating bars are compatible with both desktop and mobile devices.

floating bar popup type

After choosing the layout, now you can start to customization to determine details of your campaign such as headline, description, size, color, or font.

customize popup banner

Then, you need to start to determine targeting options. For example, in the image below you can see I'm working on geotargeting options.

popup coupon geolocation

Step 3: Save and Publish

It's done! You can now start to use your first popup banner coupon on your website.

Don't forget that our popups are also designed to integrate with e-commerce platforms like Shopify and WooCommerce.

With Popupsmart's ready-to-use popups, you can offer coupons to your customers at the right time, which is a very effective marketing trick. What is more, Popupsmart's advanced targeting options will provide you target the right people in the right way.

In addition to the tutorial, I think it is crucial to address why and how promotional offers work.

How Promotional Offers Work?

No matter how you slice it, promotional offers motivate customers to purchase and give them a rational reason to buy your product, which is the ultimate goal of any business.

According to Total Retail, offers are used effectively to increase sales, but they need to be used correctly and viewed as a selling expense. I agree 100 percent with this statement. And anyone using the promotional offer would also be on the same page with me.

Because correct usage of promotional offers is the magic trick here. But here follows another important question: How? How can we make an irresistible offer to our customers? The answer is simple: by using new-generation popups serving to boost sales and increase conversion rates.

Why You Should Use Popup Banner Coupon Codes?

When I say popup, don't just think of ones that suddenly appear on the webpage. There are several ways of using a popup as a conversion booster tool for every business goal. However, today I will emphasize popup banner coupon codes (also can be named as floating bars or hello bars).

In addition to relevant, timely, non-intrusive popups which literally 'pop up', popup banners are another option. They are used at the top or bottom of the webpage and compared to other types of popup such as lightbox, sidebar, or fullscreen, they are much more stable.

To distinguish these popup types from each other and to choose one, we recommend you to watch our video about them:

We, marketers, pay attention to user experience, right? While choosing the best popup type suitable for you, you should also consider user engagement. Are they comfortable with what they are shown? You should be able to answer this question before creating a popup banner coupon code campaign.

Wait a minute. We've already solved this problem for you.

Popupsmart has advanced targeting options, providing you to show discount coupons on specific pages, to the right people, at right time, and even in the right geographic locations. To create a popup banner coupon code, I recommend you to use our ready-to-use floating bars to maximize revenue.

All popup forms have a lot in common. All of them are directing customers into the desired action such as purchase and subscribe. However, unlike other popups, floating bars are sticky. That means they help you to promote your campaign without annoying users. You can use floating bars to:

  • grow email lists
  • welcome visitors
  • create coupon code banners
  • show announcements & upcoming events
  • increase engagements
  • make product or service promotion
  • reach more people

Do's and Don'ts of Popup Coupon Promotions

The Do's to Create an Effective Coupon Popups for Your Website

  • Allow visitors to close the popup so present an X close button on your design.
  • Set the timing of the popup well, nobody wants to be disturbed as soon as they enter the website.
  • Choose a popup design that matches the overall aura of your website. This includes all the details, especially the text style, color, form, size.
  • Textual content is as important as the visual one. Prepare a clear and catchy offer text.
  • Make sure that you show relevant offers to the right people. In other words, analyze the audience well while determining the targeting options.

Don'ts to Avoid Making Visitors Uncomfortable With Intrusive Popups

  • Do not complicate the process. In other words, do not demand too much information and shake the trust of visitors.
  • Do not persistently show the same popup and disturb the user.
  • Popups should focus on user benefits. If you don't offer value in return, they'll be dysfunctional.

You might also like:

Show Comments