What Are Pop-ups? Pop-up or Pop up
Content

What Are Pop-ups? Pop-up or Pop up

16 November 2021 09 April ~ 17 min read 21389 views
rate it
Claspo Blog What Are Pop-ups? Pop-up or Pop up

A pop-up window is an interface element displayed on top of a web page in a browser. It suddenly "pops up" without the user's request or appears on click. Usually, it helps to attract subscribers, report news, show ads, or provide technical support.

What Are Pop-ups?

What_Are_Popups

Pop-up ads or pop-ups are online advertising on the World Wide Web. A pop-up is a graphical user interface display area, usually a small window, that suddenly appears ("pops up") in the foreground of the graphical user interface.

Pop-up or Pop Up

You most likely encountered three spellings during your Internet surfing: "pop-up," "pop-up," or "popup." Although they are consonant, they still differ in meaning.

"Pop up" is a verb - the action of a sudden or immediate appearance.

"Popup" or "pop-up" are used as nouns, meaning an informational or advertising widget on your website.

While "popup" is the most common spelling, it is not grammatically correct. That's why we at Claspo choose "pop-up" instead of "popup" or "pop up" options and try to be consistent in all our content.

Why Do We Need Pop-ups?

Popup_Example

Pop-ups have several advantages that encourage more and more website owners and marketers to use them in their online strategies. These benefits include but are not limited to:

Attracting Attention

Today, most visitors spend only 54 seconds on a website. Many of them only skim one or two pages before leaving. Pop-ups allow you to use this short time wisely and convey your key messages immediately. With Claspo, you can place them on the homepage or all frequently visited pages to at least engage website visitors and, at the most, motivate them to buy. 

Increasing Conversions 

Data from over a million Duda websites shows that websites that use pop-up advertising have 4 times higher conversions than those that don't. In addition to being attention-grabbing, pop-ups have a clear call to action and quickly redirect visitors to the appropriate page to take that action. Thus, their path to conversions is simplified. 

Why look far for successful examples? Our partnership cases clearly show what Claspo can do for your company: using pop-ups increased conversions by 2 times for Grade and 3.9 times for DeepStateMap. Read and find out how Claspo can make a difference.

Adaptability to Change 

Considering the technical pop-up meaning, a pop-up is a block of code embedded on your website. Creating each new pop-up with Claspo requires you to do nothing more than drag and drop the desired elements into the layout and then copy and paste the ready-made code into the site. Thus, you can add or modify pop-ups once your online strategy requires. At the same time, you do not need to understand coding or website architecture. 

One-Stop Solution 

You can have different goals, but they are all easier to achieve with pop-ups. For example, if you want to attract new customers, pop-ups encourage website visitors to join your subscriber list using a lead magnet. If you aim to reduce the number of abandoned carts, pop-ups can dispel the doubts of customers by reminding them of free shipping or a special offer. With over 700 ready-to-use Claspo templates, you can find a pop-up for any purpose.

What Are Pop-Ups: Types and Examples

Answering the “What is a pop-up?” question, most people still imply a promotional message on a website that covers the entire screen. Yes, such pop-ups are still widely used. But in fact, they can have different layouts and purposes.

Types of Pop-Ups by Layout

The pop-up layout determines how it is displayed and located on the screen. These may be just a small window shown in the very center of the page or a bar that is moved aside. A pop-up may occupy the full screen or be a small horizontal bar that appears on scrolling. Below are the most commonly used pop-up types by layout.

Lightbox or a Modal Pop-Up

Lightbox_or_a_Modal_Pop-UpSee Claspo’s lightbox pop-up examples

This classic pop-up type appears in the center of the screen and overlays your website content by darkening it as a background. According to statistics, the modal pop-up shows one of the best average conversion rates of 7.39%.

Fullscreen Pop-Up

Fullscreen_Pop-UpSee Claspo’s fullscreen pop-up examples

If the lightbox pop-up appears on top of the website's content and just dims it, the fullscreen pop-up appears as a banner that blocks the content entirely. Website owners often use this type when they need to verify the age of visitors before allowing them to access content. However, you can choose this content-blocking solution to deliver any urgent message as it ensures website visitors will notice it first.

Floating Box Pop-Up

Floating_Box_Pop-UpSee Claspo’s floating box pop-up examples

Such pop-ups can be located in different parts of the screen. The main feature is that they do not overlap the website's content but remain in front of visitors' eyes when scrolling through the page. If your message on the floating box pop-up is irrelevant to visitors, they can easily dismiss it.

Floating Bar Pop-Up

Floating_Bar_Pop-UpSee Claspo’s floating bar pop-up examples

Like a floating box pop-up, the floating bar sticks to a specific part of the screen and accompanies visitors as they scroll. But unlike it, the floating bar takes up even less space on the page and therefore interferes less with viewing website content. 

Built-in Pop-Up

Built-in_Pop-UpSee Claspo’s built-in pop-up examples

As the name suggests, inline or built-in widgets are permanently embedded in specific parts of a website page without popping up. They are static, and therefore visitors cannot close them. They work great if you've studied the user's journey on your website and know what information they might need at any moment. For example, a personalized recommendations pop-up can be inlined on the checkout page.

Launcher Pop-Up

Launcher_Pop-UpSee Claspo’s launcher pop-up examples

Launcher is a mini version of your pop-up that aims to capture visitors' attention and motivate them to read your entire message. Simply put, when entering your website, visitors see a launcher, and if they are interested, they click on it and go to a full-sized pop-up.

Pop-Up Types by Goal

In fact, website pop-ups can serve many different purposes, which is one of their main advantages. Although one article is hardly enough to describe all the possible goals in detail, they can be divided into 5 key categories.

Data Collection

Data_CollectionCreate a data collection pop-up

The purpose of these pop-ups is to collect data about your customers and prospects. It can be just their emails and phone numbers or more detailed insights like content preferences, marital status, interests, etc.

Some website pop-up examples encourage customers to share their details to stay updated with company news. In contrast, others offer them perks like discounts, e-books, or whitepapers in exchange for personal information. Whatever the case, pop-ups serve their purpose well. Entrepreneur said this pop-up type allowed them to increase their subscriptions by 86%.

Special Offers Promotion

Special_Offers_PromotionCreate a special offer pop-up

This pop-up type focuses website visitors on promo codes, discounts, gifts, and other great deals from your brand. Since 94% of customers always look for a good deal before buying, such a pop-up can take your conversions and sales to the next level. Your deal will stand out from the rest of the content, regardless of the chosen layout.

Keep in Touch with Customers

Keep_in_Touch_with_CustomersCreate a pop-up to keep in touch

Staying in touch with customers is possible thanks to different types of pop-ups. For example, a contact button pop-up allows customers to reach you through one or more messengers, a call-back pop-up helps you contact customers to resolve any of their issues, and a social media pop-up quickly redirects the audience to your social media accounts. They all aim to improve loyalty, engagement, and customer relationships. 

Feedback Collection

Feedback_Collection
Create a survey pop-up

Your customers love to be heard and want their opinions to matter. 77% are loyal to brands that collect feedback and take it into account for further improvements. Survey pop-ups are among the most common and effective ways to get this feedback.

Website Visitors Notification

Website_Visitors_NotificationCreate a notification pop-up

Notification pop-ups do not encourage the website visitor to take any action. Instead, they communicate important information that visitors should be aware of. While these pop-ups don't affect your conversions, they can still improve the customer experience.

The Best Pop-Up Practices

Pop-ups, like any tool, work great only if used correctly. That's why we've put together 7 proven tips for you to remember when creating your pop-ups.

1. Take care of the design. The ideal practice is to adapt the pop-up's look and feel to your website's overall design to ensure consistency in colors and fonts. Also, don't overload your pop-up with text. Otherwise, your message may be challenging to understand. Finally, add an image to increase the click-through rate of your pop-up by 25%.

2. Wait to show the pop-up. 28.6% of visitors say they are annoyed with the immediate appearance of pop-ups after entering the site. So, give them time to scroll and get comfortable. It will improve not only the user experience but also your conversions. Pop-ups appearing 8 seconds after entering the website convert the best. But to determine your ideal timing, you can always test different options.

Popup_Example1

3. Use a scroll trigger. With Claspo, you can show your pop-up only when visitors have scrolled a certain percentage of your website page. Some studies show that pop-ups appearing after 10-50% page scroll convert the best, and therefore, such a delayed display can be a great solution.

Popup_Example2

4. Adapt the pop-up to the mobile version. 72% of website visits are made via smartphones. Therefore, if your pop-up advertising is not mobile-friendly, you can lose the lion's share of conversions. Claspo pop-ups are responsive to different screen sizes and can be easily adjusted by width and height to your page layout.

Popup_Example3

5. Don't show the same pop-ups. 19.2% of visitors complain that they see the same pop-up every time they visit a website. It is annoying and illogical, like when subscribers see the sign-up pop-up again. With Claspo, you can stop showing pop-ups as soon as the customers have left their contact details. Besides, you can control the frequency and display a pop-up either once or once every few days. An improved user experience is guaranteed.

Popup_Example4

6. Show special pop-ups to the leaving visitors. According to the exit-intent pop-up definition, this is a last-minute offer displayed to those who intend to leave your website. Thanks to it, you can convince more than 10% of visitors to stay and make a purchase. In fact, any of your pop-ups can turn into an exit-intent offer with one click in Claspo. The main thing is to ensure your message is compelling enough to keep customers.

Popup_Example5

7. Think carefully about your call to action. You must clearly explain to the customer what action you expect from them. Besides, you should focus your CTA on value. For example, instead of "start shopping," you can use "buy now with 20% off". Finally, you can add a countdown timer to your CTA, which is more likely to expedite buyers than just a buy-now button. In particular, pop-ups with this hook convert better by 2 times.

Popup_Example6

How Claspo Can Help You

Claspo is focused on user experience and conversions. Therefore, creating pop-ups with the Claspo editor is a win-win solution. 

  • Annoyance safeguard and overlap protection. With our exclusive features, you can set up the silence interval between the display of pop-ups. Moreover, Claspo will prevent them from overlapping if they must be displayed simultaneously. 
  • Advanced display and targeting options. With Claspo, you have complete control over who sees your pop-ups and when. It allows you to improve an on-site customer's journey and personalize their experience, increasing your bottom line by up to 40%
  • Simple localization. Claspo allows you to show pop-ups depending on the geographic location of your customers. At the same time, your audience can see your message in the language that matches their browser. 
  • 5000+ integrations. Transfer the key metrics of your pop-ups into a single data repository of your choice, explore valuable insights about your audience, and provide the best customer experience to drive sales. 
  • Innovative pop-up slider. With it, you can display multiple products or special offers as an animated slideshow. This way, you don't annoy customers with many pop-ups but still get all your messages across.
Still Not A User Of Claspo?

You Might Be Interested in
49 Types of Website Pop-ups for Your Business
49 Types of Pop-ups for Website + 15 Real Examples

Pop-ups have become quite popular as a way to generate leads online. They help collect information, promote products and offer various other practical uses. Surveys, for instance, provide insights into your brand by gathering customer experiences and relevant data, which can contribute to achieving your business goals. While some marketers consider pop-up tools that attract all types of users, different pop-ups serve various purposes. Having a range of options allows experts to maximize their profits. Defining objectives and calls to...

23 November 2021 26 min read
What is a Lightbox Pop-up and How to Create One?
What is a Lightbox Pop-up? Step by Step Guide How to Create One

A lightbox pop-up can engage your website visitors and capture their attention toward your content or promotions. This thoughtful hook can enhance your website's conversion rates and enable you to collect leads. In this article, we will give you a lightbox pop-up definition, show you how easy it is to create one in the Claspo builder, inspire you with successful examples, and provide valuable tips to make it truly effective. What is a Lightbox Pop-up? A lightbox pop-up is a...

30 November 2021 15 min read
14 Shopping Deals Pop-ups to Boost Sales Promotion
14 Shopping Deals Pop-ups to Boost Sales Promotion

Pop-ups are not just a tool to get new leads and save up some contacts to send letters in the future. They can also be used for multiple purposes including notifications and promotions. Yes, pop-ups can help you sell your products and services nonchalantly. Besides, they can help visitors get into that funnel and lead them to the checkout. It’s a win-win situation as you end up with a purchase and the customer will get a discount. Have you ever...

03 December 2021 12 min read
7 Cart Abandonment Pop-up Examples to Save Sales
7 Cart Abandonment Pop-up Examples to Save Sales

According to e-commerce studies, 70% of users abandoned carts without paying in 2020. It can be a bit depressing for business owners who’ve invested in development, marketing, advertising, as this issue stands between you and your profit.  Why do the customers do this, and how to convince them to purchase an item? Table of Contents What Is an Abandoned Cart? How to Use Pop-up to Reduce Cart Abandonment? 7 Examples Create Pop-up and Lower Your Cart Abandonment Rate What Is...

08 December 2021 10 min read
A Pop-Up Survey on Your Website: Everything You Need to Know
A Pop-Up Survey on Your Website: Everything You Need to Know

When you have many customers, it is important to know their insights and everything they think about. A simple pop up survey can help with that. The survey pop up is a small window that you can place in any part of the page; it might have fields, checkboxes, multichoice to find out something about the user or the product. These answers will take your business to another level for sure. Besides, it is easy to implement a simple survey...

11 December 2021 7 min read
21 Newsletter Signup Examples & How to Add Them
21 Newsletter Signup Examples & How to Add Them

According to an email marketing report, email is among the top 3 most effective communication channels and has the highest ROI: $36 for every $1 spent.  But communication via email begins with building a list of subscribers. And that's where the newsletter signup form comes into play. This form is the most common way to collect website visitors' email addresses and convert them into leads.  In this article, we will tell you how to make this form more effective, share...

14 December 2021 9 min read

Top