Digital Marketing

37 Types of Pop-Ups For Websites

May 25, 2022

Looking for the right kind of popups for your websites? Most people assume that popups are all of the same kind and that all popup formats can fit all kinds of web pages. It is not so. We have brought you the different kinds of popups for websites according to goals, types, and various triggers. Let’s take a glance at them before we get into the details.

8 popups for a website by type

  1. Lightbox
  2. Yes/No
  3. Yes/yes
  4. Gamified
  5. Scroll-in
  6. Floating Bar
  7. Fullscreen
  8. On-click

16 popups for a website by goal

  1. Page Redirect
  2. AdBlock Workaround
  3. User Login
  4. Survey Form
  5. Lead Magnet Download
  6. Webinar Registration
  7. Pre-order Signups
  8. Product Recommendations
  9. Product Upsells
  10. Product Downsells
  11. Tripwire Trigger
  12. Cart Abandonment
  13. Giveaway Popup
  14. Countdown Timer
  15. Recent Activity Notification
  16. Recent Sales Notification

9 popups for a website by targets or trigger

  1. Exit-intent
  2. Time on Page
  3. Page-based
  4. Location-based
  5. Cookie-based
  6. Inactivity Re-engagement
  7. OnSite Follow Up

Let’s Get to The Details!

8 Popups for Website by Type

  1. Lightbox
  • Lightbox is the most common type of popup for websites that appears in a small new window over a webpage.
  • When it appears the background will go darker.
  • These are mainly used to ask for the visitor’s email address.
  1. Yes/No
  • Yes/No popups are two to three-page web form that asks the visitor some questions with a yes or no option.
  • According to the Zeigarnik process, people are likely to finish what they have started so the conversion rates would be higher for a yes or no popup no matter the number of questions.
  1. Yes/yes
  • These are similar to Yes/No popups but here instead of closing the popup by selecting the no option, Yes/Yes popups take the visitor to another part of the question.
  • Say, you created a popup for a hosting company. The yes option will take visitors to avail themselves of a free domain whereas the no option will help them build a website. The no option does not close the window instead does what the yes option did, take them to another landing page with another service.
  • This popup for a website typically has these 3 features:
  • The initial option (Yes option) takes visitors to a product or service along with some other service of value.
  • The second option (No option) takes them to only the product or service.
  • By clicking on the “X” button, visitors can close the campaign.
  1. Gamified
  • Gamified popups turn the standard popups into games, usually a spoon wheel.
  • Offer a prize that is worth the action you want your visitors to take such as a massive discount coupon.
  1. Scroll-in
  • Scroll-in popups are small sideboxes that give promotional offers or information to the visitors.
  • The background becomes blurred when a scroll-in popup appears.
  • The visitor can add in their email ID to avail of the information suggested in the popup.
  1. Floating Bar
  • Floating bars can be added wherever and whenever you want them to appear.
  • They need not be static elements on your website as they can appear at key times for the right visitors.
  1. Fullscreen
  • Fullscreen popups cover the visitor’s entire screen to fully catch their attention.
  • Its format is similar to the Yes/Yes popup but the difference is it covers the entire screen.
  1. On-click
  • On-click popups appear when a visitor clicks on them out of interest.
  • These popups are created by implanting a popup campaign trigger on an anchored text.

16 Popups for Website by Goal

  1. Page Redirect
  • Page redirect popups in a website take you to a product or a post page.
  • These are often Yes/Yes or yes/No campaign popups.
  1. AdBlock Workaround
  • AdBlock technology makes it difficult to show ads to visitors making them miss special offers.
  • AdBlock workaround popups are basically a Yes/No popup that asks visitors if they want to see the ad their adblockers are blocking.
  1. User Login
  • Usually, visitors are redirected twice before being logged in: first to get into the login page and second to return to the shopping area.
  • You can use an on-click login popup where the visitor can enter their details and log in to continue browsing.
  1. Survey Form
  • With a surrey form popup, you can put in questions using the Yes/No popups form with questions related to a service or a product.
  1. Lead Magnet Download
  • Lead magnets help you to increase your email list.
  • It can be in the form of a special blog post. Infographic, eBook, and more.
  • These popups show the lead magnet in a swap for certain contact information.
  1. Webinar Registration
  • Webinars are a huge part of marketing strategies so create a webinar popup with info on what your lecture is about.
  • You can either get their email ID and share further information or redirect them to a landing page for the webinar.
  1. Pre-order Signups
  • Pre-order signups are popups for a website that is a great way to increase overall sales by showing all your product information in them and helping visitors to place an order.
  • You can either get their contact information to share further details or redirect them to a landing page where all the information is already there.
  1. Product Recommendations
  • As your customer is scrolling through your shopping site, you can use scroll-in popups that recommend a product or service that is related to the ones they are browsing for.
  • Offer special incentives if they purchase the recommended item
  1. Product Upsells
  • Product upsell popups recommend related products that are more costly than the ones the visitor is looking at.
  • The goal of these popups is simple: to train your visitors to spend more money over time.
  1. Product Downsells
  • Product down-sell popups show visitors related products that are cheaper than the ones that they are browsing for.
  • The best way to use these popups is when a visitor looked at a product but left without taking an action. This could be because the item is too expensive for the visitor.
  • Hence, a cheaper item that is related to the product will prompt them to make a purchase.
  1. Tripwire Trigger
  • These popups offer visitors something at a great deal.
  • Once they buy that item, show them an expensive product (an upsell). If they reject it, then show them a down-sell product.
  • By doing these tripwire popups, your visitor will get into your sales funnel.
  1. Cart Abandonment
  • Crat abandonment is a huge loss for eCommerce businesses so with a popup you can make your customers go forward with the purchase.
  1. Giveaway Popup
  • Giveaway popups are contest announcements that can generate more paying visitors to your website, attract warm leads, increase your social following, and grow your email list.
  1. Countdown Timer
  • Countdown timer popups create a sense of urgency for your visitors as they show long they have been on your website before a promotion or a deal goes away.
  • These popups can motivate hesitant buyers into making a purchase and avail of the deal or promotion.
  1. Recent Activity Notification
  • Recent activity notification popups from websites show users if someone is interacting with your online brand.
  • This will help in building trust with your visitors by showing real-time engagement on your website.
  1. Recent Sales Notification
  • Recent sales notification popups for websites show that someone has made a purchase from that website in real-time.
  • This works on FOMO (Fear Of Missing Out) as your visitor will think when they see someone has made a purchase already and feel that they might be missing out on benefits that other consumers enjoyed.

9 Popups for Website by Targets or Trigger

  1. Exit-intent
  • Exit-intent popups are a great way to recover from abandoning visitors as they appear when someone is leaving your website.
  • Make these popups eye-grabbing so they stay on your site.
  • They even work on mobile visitors which means you can target your website’s track from their smartphones.
  1. Page-based
  • Page-based popups work for creating specific popups for each page instead of a generic one.
  • With these pop-ups, you can create a unique and personalized campaign for all pages on your website to match the content that the visitor is viewing.
  1. Location-based
  • Location-based popups make use of the visitor’s IP address to show them popups based on their location.
  • This comes in handy when you want to offer special promotions in a particular area on a particular product.
  • These popups are also useful when you want to make campaigns in the local language.
  1. Cookie-based
  • Cookie-based popups retarget campaigns for your website’s traffic by using the already existing data of your customers to show cross-sell, up-sell, down-sell pr other kinds of popups.
  • Once you know what your customer’s or visitors’ interests are, you can personalize your popups by retargeting your email service provider to create custom campaigns for repeat customers.
  1. Inactivity Re-engagement
  • Inactivity re-engagement popups help in re-engaging customers who have stopped interacting with your website.
  • When you have not interacted with a particular website but have left the browser open, an inactivity re-engagement popup will appear with even an animation or soundtrack to grab your attention.
  • These popups are especially useful when visitors go to websites on their smartphones as they usually do not purchase anything.
  1. OnSite Follow Up
  • OnSite Follow-ups are popups that take into account how visitors on a particular website are interacting to show other related popups later on.
  • These popups drastically increase sales and signups by targeting those campaigns based on your customer’s interests.

The Bottom Line

Popups are one of the most powerful tools of digital marketing. As you must know now, there is no one-size-fits-all when it comes to popup for websites. With the wide range of popups that will help you make a staggering spike in your sales, popups also help you give out information about any webinars or events that you want people to attend. Hope our list of different types of popups for websites helped you understand what popups go up for what reason.

Types of Pop-Ups For Websites FAQs

1. How do I create a popup for a website?

Popups for a website can be created by following these steps:
  • Tap the Forms tab on the VerticalResponse app.
  • Select “Create Pop Up”.
  • Click on the chosen one from the 6 layout options shown: right sidebar, left sidebar, bottom banner, top banner, full screen, and centered.
  • Once you select a layout, you will have 2 template options shown. Select anyone.
  • Now you can add content blocks, select the page styles, and edit content in the Pop-Ups editor. Here, you can also add various form fields.
  • Now, name the pop-up.
  • Then choose if you want it to appear on a landing page or your domain.
  • Select when the popup must be triggered
  • (a.) After a determined delay (between 5 secs to 60 secs, in 5 secs increments) (b.) After the visitor scrolls down a percentage of the webpage (between 10% to 100%) (c.) When the visitor tries to leave the webpage (d.) When a visitor lands on the webpage
  • Now select how often the Pop Up must appear:
  • (a.) On all visits except the first one (b.) Only on certain visits (can select between the 1st and the 10th visit) (c.) On every certain number of visits (can select between the first and the tenth visit) (d.) On every visit (e.) Once per visitor
  • Copy and paste the embed code before the tag on your website to publish the popup.
  • 2. How do I add a popup box to my website?

    Here’s how to add a popup for a website:
  • Go to your website editor.
  • Select Edit Website.
  • Tap on the Website tab at the top of the editor.
  • Go to Website Add-ons.
  • Select Popup from there.
  • Customizes your popup box.
  • Toggle the enable popup option to turn the popup box on or off.
  • 3. How do I create a popup for a website using HTML?

    To create a popup for a website using HTML, follow these steps:
  • Create a basic structure for the popup box.
  • Create a button to cancel the box like a cross mark.
  • Add information on the popup window.
  • Create a button.
  • Now, implement the popup using jQuery.
  • Add the time that the popup will be visible
  • REIN

    REIN Digital is a leading global marketing and advertising firm focused on providing the best services and partnership. Our journey began in 2015 in Gurgaon, and since then we have been believing in putting in every ounce of effort in order to bridge the gap between our client's present and hopeful future. 

    Throughout these years, we have collaborated with businesses from India as well as other nationals including Australia & the USA.

    Related Posts

    Let's do great things together!

    We just need a couple of hours.
    No more than 24 hours after receiving your ticket!

    Connect with us