Content

49 Types of Website Pop-ups for Your Business

23 November 2021 ~ 25 min read
1
2781 views
rate it
Claspo Blog 49 Types of Website Pop-ups for Your Business

Ever since pop-ups appeared on the internet, they've become a well-known working medium for lead generation. Over and above, there are plenty of approaches to use these pop-ups besides getting personal information and giving away promos. We find surveys to be an exciting pop-up choice to discover more about your brand. You can get important info on the customer's experience or other questions regarding your business goals. 

Most marketers mistakenly think pop-ups are a universal technique to get more users. In fact, there are many types of pop-ups for different purposes. It is common knowledge that the more possibilities has the specialist, the more profit the business gets. That's why it is important to set the right task and ask for the desired action. Then, use the potential of the pop-up windows to achieve your marketing goals!

Here we will cover 49 types of pop-ups and see the profits they can bring you. 

Table of Contents

What Are Pop-ups & Do They Work?

Pop-Up — is a window that pops up when viewing a page to interest the users or notify them about changes/promotions/offers on the site. The primary weapon of a pop-up is its surprise. A correctly configured and designed popup does not irritate the site user. On the contrary, the pop-up window interests the user without diluting the main content with unnecessary information. It is designed to grab the attention of users quickly.

Using website pop-ups isn't about going bad and evil. If you, of course, approach the matter competently and create a pop-up window that will be useful to the target audience. And take into account that the conversion campaign shouldn't flash before the customers' eyes all the time. 

Try to limit pop-ups to periods of time. For example, get leads and turn off the pop-up for several days or change it to another campaign. An overdose of annoying ads is not the best way to build a long-term relationship with a client.

And at the same time, you should not be afraid of pop-ups. Instead, just think about the benefits it brings. 

Pop-up is a great tool for collecting a database since on the pop-up page, you can place a subscription form, an invitation to your page, etc. And remember that even though pop-ups annoy every third reader, they continue to be actively clicked on!

Why Do You Need a Pop-up?

Such a question is one of the first ones we get when suggesting adding a pop-up. It is quite a small but handy tool that brings more customers. Build your own strategy, get contacts, and make friends with your clients. That's the way to go.

Get Leads

A pop-up page to collect contacts (lead generation) usually contains an offer and a pop-up feedback field.

Website owners use lead magnets or offer to request an email address or phone number to get the lead. Later, the specialist processes all the data or creates a purchase funnel. After you get the list of potential customers, your sales specialist can work with them more and encourage them to buy your goods or services. Another way to make people buy from you is to set a purchase funnel based on your customers' database. 

Inform the Clients

If there have been any changes on the website or in the company, you can notify visitors about this using a pop-up page.

A striking design and short information with a link to a page with details are the key components of an excellent informational pop-up. A potential client will be notified of changes and know how to reach you.

Retain the Customer

If your analytics show visitors leave your site as soon as they've entered it, try to use pop-ups. Such a pop-up will appear as soon as the visitor is about to leave. This option is easily adjusted with a simple click, but the results might surprise you.

In such a pop-up, try to offer a discount, helpful material, or any benefit that might excite the reader. For instance, you can clarify the reason for closing the page. And note that the content of this pop-up should be precious. If you provide such visitors with a discount, it will be harder to leave the page without checking the final worth of products with this new discount.

Need More Leads? Try Claspo Form Builder For Free!

Surveys

This form of communication with customers will help you determine their attitude to the product and the company. Just keep in mind that it will be interesting for visitors to answer a few questions, so don't go overboard. Make sure each question is easy to understand so the visitor won't be confused.

This pop-up type helps you know the audience better. You can also check specific products if you want to remove them. And after you have all the answers, you can adjust your advertising and get more buyers.

Subscribers Database

With the help of a  web pop-up, you can invite visitors to subscribe to your newsletter, as well as social networks. Such clients will get news and see your company more often, which will benefit you after a while. Try to develop trust with your content so the customers engage more.

49 Types of Pop-ups

There is a pop-up success formula that consists of three variables: 

  • Interesting offer. Undoubtedly, discounts and bonuses warm the soul of a potential client, but it is also worth experimenting and offering users something new.

  • Clear text. If the offer is incomprehensible and difficult to understand, the website visitor will not even delve into the essence of the offer and its benefits.

  • Catching visuals. This one is the most important. The first thing users pay attention to when a window pops up in front of them is its design. And if the eye has nothing to catch on to, the pop-up will most likely be immediately closed.

There are 49 types of pop-ups in three categories that specialists use today. Let's cover them all so you can see which one fits you most. 

Pop-ups by View

Use as many types of pop-ups as possible to omit ad fatigue. Here you will find the types that might help you to determine which type of pop-ups are right for your website.

And when you choose the right type of pop-ups for your website, you'll see how the audience is captivated by your content.

Lightbox

A lightbox pop-up appears on top of a webpage when a user is browsing. It dims the site's background and partially makes content non-interactive. Your clients won't interact with the content of the page until they close or take action. Usually, such pop-ups have a CTA message and a couple of buttons to make the choice. In any way, the user will press the button and complete an action. 

A lightbox web pop-up that lets people sign up for a newsletter, provide information, or download a specific product or service. You can also use lightboxes to cooperate with other web pages or websites.

Lightbox example

 

Floating Bar

A floating bar pop-up is a bar that is displayed on the top of the bottom part of the website. It is always visible for the user since it follows the scroll and is always before the eyes. It is one of the most popular pop-ups since it is easy to incorporate into the main design and stands out with bits of extra visuals. It also grabs attention, engages, isn't annoying, doesn't block the main content, and doesn't affect the UX.

Basically, this helps bring your message to attention without annoying the user. 

Floating bar example

 

Fullscreen

A fullscreen website pop-up covers the whole website screen popping out suddenly. It is also a part of a graphical user interface. Like all other pop-ups, it can provide any desired information; the difference is the pop-up appearance.  

The downfall of such pop-ups is that users can't interact with the content while the information is on the screen. So this might hurt the user experience instead of other pop-ups like lightbox, floating bar, sidebar, etc.

Fullscreen example

 

Slide-In Pop-ups

Slide-In pop-up is a simple yet working solution that keeps the content readable and promotes your goals. 

As you may guess, Slide-In pop-ups just slide into the visible area carrying a message. You can put any desired information there: asking for e-mail, handing out discounts, notifying about special sales, etc. 

Slide-In example

 

Yes/No

Yes/No website pop-up is a little questionnaire for a user with a couple of questions. It can be a two or three-page pop-up. The number of pages entirely depends on you. But don't make too much of those since this solution can drop your conversion rates. You don't want that, right? 

Most pop-ups ask for e-mails and other personal info. However, some visitors might find it a bit harder to do than it appears to click on a 'yes' or 'no' button. 

Here is a simple example of this approach. You can ask the customer one question to allow viewing the content.

Yes/No example

 

Yes/Yes

It is quite similar to the Yes/No pop-up page but has a little twist. And this twist makes them more effective. The 'yes' in Yes/No takes the user to another window asking to enter the e-mail or any other information, and 'no' just closes the ad. 

Both 'yes' in Yes/Yes lead to the same place but with different intentions. 

Yes/Yes example

So, as you see, the first 'yes' offers the client to check products on sale. But, some people might want to check the latest collection. That's why you see another button, saying "view products". And guess where does it lead? To the page with all the goods you have! Even though the person doesn't receive a discounted product, the client is more aware of your services and knows about the opportunities.

 

Wheel Pop-ups (Gamified Pop-ups)

Who doesn't like games? Especially the ones where you get the prize surely and in one second? This is exactly what the gamified pop-ups do. And we want to assure you that they are highly effective. Everyone wants to try their luck. That's why for now, the most popular and the most effective is a spin wheel – everyone across the world is familiar with its mechanic, and you can see all the possible prizes at once. 

But please, offer the prizes that are worth people's attention and engagement. If the offerings are cheap and not interesting, customers will skip them. 

Wheel Pop-ups example

 

Video Pop-ups

Videos instantly grab attention and can provide users with necessary product or service reviews. It is easier and more pleasant to watch a video that shows the product from each side, demonstrates its capabilities, and describes its benefits rather than reading several pages about it. Besides, videos are more effective than images. 

There are two main characteristics of a video pop-up:

  • Video pops up out of nowhere 

  • The video starts playing without customer's interaction

Video Pop-ups example

 

Multi-Step Pop-ups

A multi-step pop-up is a type of campaign that has multiple steps. Instead of just one, it has several steps.

Such pop-ups have different phases:

  • Make clients click the button

  • Follow CTA

  • Thank them for going through a multi-step pop-up

And for those who wonder if such a mechanic can hurt conversion, the answer is no. Due to easy steps and actions, people are more likely to push one or two buttons rather than write an e-mail. And when you ask for an e-mail, it will be too late to say no. Everyone wants to finish things once started. 

Multi-Step Pop-ups example

Pop-ups by Goal

So, as we've finished with existing types of website pop-ups, now it's time to check the possible campaigns' goals. 

Website pop-ups get e-mails, which is the most popular goal, and do lots of stuff beneficial for your business. 

Informational Alert

Information alerts are sometimes used to inform users about essential details of a company. They can be as simple as changing a store's hours, location, delivery rules, or providing any helpful information.

It doesn't matter what marketing goal you have in mind. This type of pop-up is a great chance to inform your customer about the company, products, and services. 

Informational Alert Pop-up example

 

Page Redirect

This pop-up page offers your customer to visit another related page. It can be another blog post, similar products, or additional services. 

Page redirects usually come in the form of a floating bar, so they don't cover the main content. 

This helps to bring your message to attention without annoying the user. 

Page Redirect example

 

AdBlock Workaround

According to Statista, about 50% of people in the United States turn on AdBlock daily. Do you know what that means? It means that only about half of the people see your campaigns. So it would help if you did something with it. But you can still interact with people and engage your customers who have their AdBlock on via AdBlock workaround. 

This pop-up page asks the visitor to turn down the AdBlock for whatever reason you have. 

Most people don't even understand what they are missing. So to motivate them to turn off the AdBlock, remind them that you have promo codes, discounts, and offers for those who've switched the AdBlock off. 

AdBlock Workaround example

 

User Login

This pop-up simplifies the living of a simple user. Have you ever got redirected when trying to log in, and after that, got redirected again, hopefully to the previous page? Unfortunately, some websites have the guts to redirect users to the homepage after logging in. 

That's where pop-ups might come in handy. For example, a simple square asking to log in won't redirect the user anywhere. And the items in the bag will stay the same. 

As soon as the user clicks the 'login' button, the website pop-up appears where the customer can put in all the necessary data. 

User Login example

 

Survey Forms (NPS/Feedback)

Get more profit by knowing your audience better. This is where surveys can help you — no jokes here. So why won't you use your website and web pop-ups to get some insights and information right from your clients via question fields? That's where surveys are a must. 

Ask your client to take a survey to make your service or products better. This is enough to satisfy your customer, but if you feel fancy and want to treat those who answered questions, go ahead and present a discount code for the next purchase. 

Ask for feedback and an honest rating. It will allow you to grow for your customers.

Survey Forms example

 

Lead Magnet Download

Grow your e-mail list with a freebie to get a lead. Share something interesting with your audience like a blog post, checklist, eBook, image, etc. It's something that people will find valuable and helpful. 

Lead magnet pop-ups are great for sharing exciting goodies to get the contact information. You can also customize the look and feel of the displays. It is also a win-win situation since you and your client get the desired outcome.

Lead Magnet Download example

 

Webinar Registration

Webinars are a great way to get customers' e-mails. Before giving a link to your superb online presentation, ask clients to register using their contact information. Besides notifying them about your lecture, you can use this information in the future to reach people and offer your services, inform them about discounts, etc. 

In any case, this is an excellent strategy for both your promotion and getting contact information.

Webinar Registration example

 

Pre-order Signups

Never underestimate the power of pre-orders. In the case of pop-ups and lead generation, pre-orders serve a good cause to leave contact information. But more than that, you can use pre-orders to fund your product or service if you lack money initially. 

Introduce your product to the audience and see whether they like it or not. Imagine if you create a hundred t-shirts, and no one buys them. You won't get this with pre-orders since you know exactly how many items you need or need them at all. 

After the user clicks on the pre-order button, you can either get contacts, redirect to another page, or notify about the product status. 

Pre-order Signups example

 

Coupon Code/Sales Promotion

Make a valuable offer and get contact information in a second! Give your customer a coupon code in exchange for his or her e-mail address. This is an easy mechanic that brings profit in any case: you get both e-mail and a purchase.  

But make sure to update all the promotional information, so the coupon code works when the customer uses it.

You can also offer a coupon code without additional steps, like entering a customer's e-mail. This can be a part of your strategy that doesn't involve getting leads.

Coupon Code/Sales Promotion example

 

Email Optin

Nobody will subscribe simply because a subscription form with a Subscribe button has opened before their eyes, even if this button is animated. Only some kind of benefit can interest the user. 

In this case, you have to make sure that the copy has all the information on why you ask for personal contact, what you will send the user, etc.  

It is a simple mechanic, yet it needs to be described to the user. 

E-mail Optin example

 

Phone Number Optin (for SMS)

This technique does the same as the previous one, but it is focused on SMS marketing. So if you have a strategy based on that kind of newsletter, go ahead and ask users for their phone numbers. 

You can also provide them with a freebie or a discount since the mobile number is a bit more private than e-mail. 

Phone Number Optin (for SMS) example

 

Product Recommendations

There are always users who actively browse the site but leave it without buying anything.

Convert some of them into buyers using a web pop-up: demonstrate a specific product that the users check on your website each time they visit the website. 

To top that, you can suggest a discounted price on a specific item or offer the extra product as a gift.

Product Recommendations example

 

Product Upsells

Similar to product recommendations, upsells often suggest similar products that users would like to buy with the desired item. 

This pop-up simply shows your customer that it's ok to buy more for less money on your website. Show them that you have better service and ask them to buy.

Product Upsells example

 

Product Downsells

A downsell pop-up will show a lower price offer than the previously presented one. It's also a good indicator that the product is too expensive for the customer's journey.

If you can show a related product at a lower price point, your potential customer will automatically purchase it and increase their average purchase.

Product Downsells example

 

Profile Enrichment Pop-up/Form

Never miss a chance to find out more about your customer. Any information will be beneficial for you in a while. Ask your customer to fill in the form or get through a small survey. 

With the new information, you'll be able to adjust the desired products, rearrange current offers, and check what your customers need. 

Use these tools to upgrade your business and to communicate with your audience. It's a shame that not many business owners do so, and lots of valuable information about clients goes nowhere.

Profile Enrichment Pop-up/Form example

 

Cart Abandonment

It is hard to bring the buyers back to the website, but once they are there, check their cart. Is there something in it? If so, make sure to remind your customers that something is waiting for them in the cart. 

If you want to sell those items, you can show them in the pop-up window and offer a small discount or free shipping if the customer orders the goods right now. Even though this tactic works excellent, not every business owner is ready to hand out discounts for everything on the website. And you don't have to. Just follow your strategy and try new engagement mechanics. 

Cart Abandonment example

 

Giveaway Pop-up

You don't have to stick to the most popular techniques to engage customers and make them leave their contact information. This one is quite rare but is extremely fun. You don't have to hand out discounts to every customer but make only one big prize worth leaving the e-mail. 

And if you giveaway something pricy and valuable, don't hesitate to ask for more information, maybe even conduct a survey. 

Giveaway Popup example

 

Countdown Timer

Countdown timer pop-ups help to create a sense of urgency and make customers think about the purchase faster. Because everyone wants to save a coin, such pop-ups add a bit of pressure. 

It simply motivates customers to take the desired action and save some money. 

Countdown Timer example

 

Recent Activity Notification

Show any recent activity made by any customer — this brings awareness that there are many people making purchases on your website. Notify all members that some product was just bought. Show the product and its price. 

This will build the desired trust among your customers and bring more new ones. 

You just have to decide which action you want to show: subscription, purchase, review, etc.

Recent Activity Notification example

 

Recent Sales Notification

Recent Sales Notification is similar to the previous pop-up example, but you show exactly the sold item. This raises trust in your brand and makes people check the products sold.

Recent Sales Notification example

 

Social Proof Pop-ups

Humans are very social and in most cases, we need extra approval from someone else. Thus business owners ask customers to leave reviews, create unpacking videos, etc. But you can go a bit further and add a pop-up with social information. For example, notify your current users and buyers on the website about someone purchasing an interesting item. In this case, the customer will try not to miss an opportunity to get a nice product validated by others.

Social Proof Pop-ups example

 

Nonprofit Pop-ups

If you run a social business, you can always ask people for donations or help. The most crucial step here is to find a vivid picture that will display what you are saving the money for. Note that the copy should tell why you are running this campaign and what will happen next. The CTA button usually redirects users to the page to pay with a credit card. 

Be sincere and transparent with your customers.

Nonprofit Pop-ups example

 

Content Locker Pop-up

Hide your content for those who haven't paid to look at it. If your main product is content, then make it profitable. Most digital products work precisely like that. They limit the number of free content per month, and if the user wants to see more, he needs to pay for it. It can be anything, from online museums and unique photos to a simple digital magazine.

Content Locker Pop-up example

 

Cookie Consent Pop-up

You have to notify your users that you are going to collect their cookies on your website. This is a European rule to secure people's personal information since 2011. It is not an option, compared to the other pop-ups. It is a necessity that you have to implement in your website when using cookies.

Cookie Consent Pop-up example

 

Age Verification Pop-up

If your website has age-sensitive content, you might need to implement an age verification popup. This feature is used to confirm that individuals have reached a certain age before browsing the website.

Although there are no age gate solutions that can stop children from accessing websites, many website owners implement them for various legal and moral reasons.

Age Verification Pop-up example

 

Callback Forms/Pop-ups

Sometimes customers would like to call you to ask questions about your product or service since not everyone prefers talking over e-mails or messengers. 

But you can't accept calls 24/7, even with a well-trained team. So this is where callback pop-ups help. The user can simply write down the number and ask to call back so you can reach them during working hours. 

Also, many business owners allow their customers to receive the call back within a minute. It is a useful option since you should always be faster and better than your competitor.

This tips will surely help you to get more leads and get more new customers.

Callback Forms/Pop-ups example

 

Product Availability Notice/Availability Notification

Each time the customer visits a page with the product which is currently unavailable, ask to leave contact information, including an e-mail, so you can notify when the item is back in stock.

These tips will help you check the market demand, get leads, and sell the product.

Product Availability Notice/Availability Notification example

Pop-ups by Trigger or Targets

Pop-up triggers are mainly used to describe the user behavior that makes a user see a campaign. It means that you can show particular pop-ups to particular users based on their actions on the website. You just show the possibly desired content to the people who would like it. It results in warmer leads and conversions. 

And pop-up targeting rules are used to ensure that your messages are shown to the right audience based on the content they're viewing.

Exit-Intent

This type of pop-up works best with scenarios when the user decides to leave your website. And just about when the cursor reaches the red cross, the pop-up appears. 

You can retain users by simply grabbing their attention before they go — such pop-ups highers your chances to keep the user. 

Exit-Intent example

 

Scroll Trigger

Make your website a bit more interactive. You can add pop-ups when the client reaches a specific part of the page. You can count where the desired content starts and link a specific pop-up to this place. 

Also, if you know that most of your content is being read only 50% through, you can add a pop-up in the middle of the page with a related offer, so the user keeps scrolling.  

In other cases, you can place a pop-up with a discount when the user scrolls to the end. This is kind of a "thank you" note for your loyal customers.

Scroll Trigger example

 

Delayed Pop-ups (Time on Page/Site)

This trigger helps to show any desired pop-up after a specific amount of time that the user has spent on the website. It can be 10, 15, 30 minutes of scrolling, reading, or just staying on your website.  

If the users stay at your page for a desired amount of time, they are interested in your content and will be driven by a short CTA. 

Delayed Pop-ups (Time on Page/Site) example

 

Page-Based

You don't have to put pop-ups on every page you have. Just make a specific pop-up for a particular page with specific content. It will be much better if your offer, discount, or specific information matches the content.

Page-Based example

 

Location-Based

Let's personalize your campaign with a simple tool known as a location-based pop-up! If you want people from a specific area to get a discount or an invitation to the nearest store, you can use a location-based pop-up to do so. 

Personalized ads always give better results, and users start caring about you more since they know you care. 

Location-Based example

 

Cookie-Based

Cookie-based pop-ups can help you to show your customers things they already are interested in based on their actions. For example, you can show them the goods they've been interested in and notify them about the price drop. You can also show pop-ups to upsell, downsell, cross-sell, etc. 

It is easier to show users what they like since you know what is valuable for them based on the cookies. 

Cookie-Based example

 

Inactivity Re-Engagement

Consider using this pop-up when you see that most of your users stop interacting with your website. This includes both content and browser. 

You can use a pop-up with some kind of animation, sound, video, or any other engaging content to catch the user's attention. 

You can use this technique both for web browsers and smartphones. Help your client to focus on your content and keep checking your products. 

Inactivity Re-Engagement example

 

Campaign-Scheduled

Campaign-Scheduled pop-up is a great pop-up option for holidays, significant dates, and seasonal discounts. You can also use this technique when launching a new product or service.

Campaign-Scheduled example

 

OnSite Follow Up

When you have enough information on your customer, you can create an onsite follow-up pop-up that will offer the product of interest. 

And when you show the desired things to your customers, the chances that they will get a subscription to your newsletter and promotions increase. 

OnSite Follow Up example

 

Click-Activated Pop-up

The user's click activates this type of pop-up at a particular spot on the page. It can be either some specific text or an image. In most cases, it is a campaign itself. 

Click-activated pop-ups are highly profitable since only people interested in the offer click the campaign.

Click-Activated Pop-up example

 

Sidebar Scroll Pop-up

Create a sidebar that follows a person all the time. Use captivating visuals and copy to gain attention and make users click on this pop-up. 

It is an excellent technique if you want customers to keep the most important information before their eyes all the time. 

Sidebar Scroll Pop-up example

 

Entry Overlays/Welcome Mat

A welcome pop-up comes in any form you like: lightboxes, sidebars, banners, etc. It is aimed to make the first contact with your future customer. So make sure to grab attention. 

Try to get an e-mail from your visitor. You don't know whether your potential client visits the website once more, so try to get the contact information to reach with discounts that might be interesting.

Entry Overlays/Welcome Mat example

 

Scheduled Pop-ups

Are you planning to release a new collection on a particular day and need to notify everyone who enters the website about it? Well, you can use scheduled pop-ups for that!

Besides, you can set specific pop-ups for different days of the week or dates. So you don't have to keep in mind to remind your team to change pop-ups all the time, just set several ones for a period of time. 

Scheduled Pop-ups example

Conclusion

Rumors that pop-up page windows cause irritation and not conversion are greatly exaggerated.

Pop-ups are one of the most powerful tools for your marketing goals. And, as you can see, there is no one-size-fits-all approach to them. However, with the right marketing approach and a sense of proportion, pop-ups can be an effective tool that delivers tangible returns since they can answer questions or offer timely and beneficial information to visitors.

Turn Your Traffic Into Sales Today!

You can combine different types of pop-ups, targets, and triggers to create the one you need for a specific situation. And most of the user negativity can be eliminated by thoughtfully working on the content and general pop-up page policy.

The main thing is choosing the right strategy for pop-ups demonstrations and not being too intrusive. In conclusion, to summarize all of the above, the pros and cons of pop-ups for web pages:

Pros

  • Increase in the number of subscribers and customers
  • Conversion increase
  • Drawing attention to important information
  • Advertising of goods, services, promotional offers
  • Keeping users on the site
  • Increase viewing time

Cons

  • The ability to block/hide pop-ups in the browser
  • The risk of reducing the website's speed Treating pop-ups as spam

Pop-ups can increase the number of contacts and conversions by several times. Be careful with full-screen banners and placements, as they may appeal to you but not your target audience. Therefore, you need to implement various options for pop-ups, monitor the audience's reaction, and offer them not only a beautiful picture but also a clear and, at the same time, tempting offer.

Still Not A User Of Claspo? Let's Fix It