Discount Popup

Discount Popup widget template

By means of this template you will be able to implement the popup to your web page with no effort.
Rated 4.8 out of 5 from over 700 reviews on G2.com
Template Catalog

This template doesn't work for you?

Check out more ready-made templates for any use case or build your own!
Instagram Popup
Attract new users to your Instagram account by means of Elfsight Popup widget.
Get more users to like your Facebook page making use of Elfsight Popup widget integrated into your site.
Make your audience eager to buy making use of Elfsight Popup ad.

How can I use a Discount Popup widget?

The Discount Popup Widget gives you a chance to display a Discount in a popup window avoiding web design or coding. Include Discount into your website content and get it seen over and over again. Merely pick out a premade template from a scale of alternatives, rapidly modify it in a free online demo, and enter two lines of installation code to your utilized CMS: Joomla, Shopify, and the like. 

How to add a Discount Popup to a website?

The setting up is really straightforward! Below are essential actions, after which you’ll get an appealing and a professional Discount popup. You have an opportunity to keep going and quickly personalize the widget’s and all elements’ colors, fonts, sizes, pictures, behavior. 

  1. Log into or register Elfsight apps
  2. Pick and choose Popup and opt for your most-liked model
  3. Add a Coupon block to your popup box in a Builder section
  4. Adjust the widget. Save the popup
  5. Get the installation code
  6. Paste it to an HTML field of your website template 

Next, remember that the Discount popup widget by Elfsight is cloud-based, meaning that it’s actually located on our servers. You have an opportunity to make modifications any time through Elfsight apps and they will disclose on your site without any delay. In addition, the widget doesn’t slow down your website.

Try the Discount Popup for yourself! It’s free and you can now create it in a popup builder:
Configure your template ↓

What events trigger a pop-up?

Discount popup by Elfsight is superb because you can establish its behavior however you wish. The Discount lightbox will come up on any occasion you specify. For instance, it may show up on page load, after a particular time on page, on scroll, and the like. Here, you can discover the significant triggers to make a Discount popup show. 

  • Onclick
    It is the easiest and most obvious variant of triggering a popup window with a Discount. It can appear after website users click on a particular element on a page. For example, there is a chance to trigger a Discount to pop up in a box after the site visitors tapped on just a link in the midst of a text or a CTA button. 
  • Onload
    You don’t need to consider elaborate settings and sequences of events. Just determine the Discount popup to show up exactly on a page load, and take advantage of website visitors becoming familiar with your proposal right away. On the contrary, be cautious about an onload config for a Discount modal. Popups and banners popping up at the inappropriate time irritate Internet users more than sell. 
  • Onscroll
    The Popup window gives you an ability to make the Discount show after a site visitor has scrolled over a certain percentage or element of a web page. This operates phenomenally when a site user has got acquainted with the offers, your brand, and content, and is eager to purchase something. In such a case, a Discount will show up exactly at the proper time. 
  • On exit intent
    Do clients leave your website too swiftly? It could be that they haven’t got acquainted with something particularly important on a webpage. Here’s what exit intent feature is for: customers are going to exit a page, and a Discount popup comes into view straight away. 

Select and personalize a ready-made template! 

Employing a Popup widget for displaying a Discount has tons of benefits. 

  • Lots of professional templates
    You can apply them as is or customize any way you want. Examples are all changeable, alterable, mobile-friendly, and attractive! 
  • The configurator is plain, straightforward and explicit
    You can generate a popup by only combining different components in it. It’s completely pointless to become a programming wizard to make your video popup modal meet the entire website design. 
  • Attach video links from Vimeo and YouTube
    They are the most widespread video hostings across the globe, familiar to thousands. 
  • Add any constituents in any sequence.
    Be sure texts, images, headings, and buttons will look awesome on any device your customers employ. 


Still have any questions regarding creating and installing the Discount popup on specific site builders? Lower down you may discover directions for the most popular site builders and CMS. The logic is comparable for any other site builder. And don’t forget: in case you come across any difficulties with inserting, adjustment, or generating your Discount window, don’t do not waste time and contact our support team – they’ll enthusiastically assist at that very moment.

How to add a Discount popup to a Shopify site?

Shopify is one of the most popular CMS. Shopify sites listed in Google and other search engines are speedy and appealing. It is a traditional site builder, on which Elfsight Discount Popup functions magnificently in HTML code. Here is a guide how to add a Discount popup to your website built on Shopify: 

  1. Log into or register the Elfsight dashboard and form a popup widget there
  2. Save it and copy two lines of installation code
  3. Go head for a Shopify admin panel
  4. Go to the list of pages
  5. Move to a homepage
  6. Paste an HTML section there
  7. Insert installation code to this field
  8. Save the changes and see the Discount Popup in Shopify

Got it! Since you’ve added the Discount app to Shopify, you can go get to Elfsight service any moment you wish and alter it. Any alterations will show in the embedded widget immediately after they are saved, and there’s no need to turn back to Shopify HTML again. 

Also, you have an opportunity to add the Discount popup to all pages. To do it, you can go to the website backend and embed a code for widget installation in the footer or header.

How to add a Discount popup if I have a different site builder?

Here’s the list of the most widespread CMS: Wix, Shopify, Squarespace. Select yours and do not waste time to add a Discount in popup to the website on any platforms for content creation – it’s pretty uncomplicated.