How to Create a Popup?

How to Create a Popup?

05 January 2022 18 April 2022 ~ 7 min read 4323 views
rate it
Claspo Blog How to Create a Popup?

Are pop-ups annoying ads or an effective marketing tool? Let's check what they are suitable for and see what you can expect when using them. We won't cover particular software for pop-up creation but talk more about pop-up design in general and how you can improve the performance.  


  1. What Are Pop-Ups?

  2. Why Use Pop-Ups?

  3. Making Your First Pop-U

  4. How to Format a Pop-up to Be User-Friendly

  5. Tips on Tuning the Pop-up Window

  6. Conclusion

What Are Pop-Ups?

Pop-up is a window that appears on top of the website's viewport at a specific time. The user can't ignore it and has either to agree/disagree with the pop-up's call to action or close the window. 

Basically, pop-ups are used to collect leads for e-mail distribution. However, it is not the only solution that pop-up windows offer: you can also share your news, promo codes and offer new products. 

Pop-ups can be configured for a specific website or purpose. For example, you can:

  • Set the pop-up on the desired page

  • Set the pop-up at a particular place on the page when scrolling

  • Set the pop-up with a specified delay

  • Set the pop-up for a specific user action: when the user clicks a button or wants to leave the page.

  • Place the pop-up overlapping the page's content to grab attention completely. 

Pop-ups today are more associated with high bounce rates. Explosive growth in conversion rates is less common. Users are ready to turn a blind eye to banners, chats, contextual messages, and newsletters, but incorrectly configured pop-up displays annoy them the most. Bounce rates are on the rise but where pop-ups are misused.

Why Use Pop-Ups?

Pop-up windows help get leads that you can use later for newsletters or any activity you can imagine. Basically, you have personal contacts, and you can ask people anything you need regarding your business. If you want to know their opinion — write them a letter. If you have a huge sale — notify your loyal customers. And if you have something to share with your users — share the news. Pop-ups provide you with personal contacts and befriend you with your customer. It is a good idea to broaden your business as you have an extra cheap media channel for people who already know you. This means that you can create other campaigns on the internet targeted at people who don't know you. 

Making Your First Pop-Up

Let's figure out how to make a pop-up correctly: what elements it should contain and what you should consider when creating one. 

Pop-Up Type

Before getting into details, make sure to pick the type of your pop-up:

  • Entry pop-ups

  • Exit pop-ups

  • Click pop-ups

  • Timed pop-ups

  • etc.

Each of them is aimed at a specific action and can be shown after a specific time or action. To achieve the desired result, you should plan your pop-up strategy, thinking about your pop-up type.

Headline and Text

Be as brief as possible. You have to formulate the idea and understand what action you want from the user. There are plenty of activities, and here are some of them: 

  • Learn about the new product

  • Get newsletters

  • Get discounts, bonuses, freebies, etc.

Describe your offer shortly in the text and create a popup heading that should be bolder and bigger than other text.


Find an image that represents your brand the message you share with the help of the pop-up. Make sure it grabs attention but doesn't overtake the text. It should follow your guidelines and be relatable to the user. 

A small, bright image will grab attention and illustrate your proposal. It's good to add a picture when you're offering a lead magnet: you can show a freebie or items that are on sale right now.

Extra Details

You can segment your users in different ways, and here are some ways how you can do that:

  • Leave a text box so the customer can enter the name.

  • Place a checkbox so the user can confirm hir or her consent to receive the e-mail. You can also add an option to pick specific topics that they want to read about. 

  • Place a radio button to specify the gender of your customer. However, this might be questionable since not every business needs that information. You can check this ad campaign to see the issue. 

Don't make it way too complicated. If the form is too hard to fill in, the user might just go away. Check other popup forms and analyze those that you like. You might find out that you want simple ones with the most critical information in the form of small text and don't have many questions to answer. 

Email Input Field

If you want to get an e-mail from your customer and this is the only thing you're after, then make sure to create a big field that the user will see from first sight. Many business owners neglect this rule and place the tiniest fields for the action they want to receive. Don't be like them, or you won't have subscribers. 

You can also add domain options so the user won't type lots of text and simply pick the domain from the list. Also, it is harder to make a typo. 

CTA Buttons

Create a CTA button text based on the customer's action to perform. It should be as short as possible but also very easy to understand.

Allow customers to go through your content before releasing the pop-up. It shouldn't be a lot of time; 15-20 seconds is enough.


You can always use analytics to check how much time people spend on your website and count out when exactly you need to show your pop-up.

How to Format a Pop-up to Be User-Friendly

There are several popup forms that annoy every living soul on this planet. Here they are: 

  • A pop-up window appears on top of the content immediately after entering the website. You haven't yet understood what this website is exactly about, but the owners have already tried to sell you something. Most users never leave their data if they don't know what the website is about, so give them time to get familiar with your content. 

  • Several pop-ups at once. As soon as you get to the website, you get bombarded with a whole bunch of different stuff: ads, videos, subscriptions, surveys, etc. The user is most likely to leave the service right after the second pop-up. 

  • Same pop-ups get in the way from time to time. If the users are not interested the first time, they won't get too excited after receiving the tenth pop-up with the same offer. 

But you can make pop-ups more effective and friendly!

  • Ask users whether they agree that you'll mail them after they leave their e-mail. 

  • Make the pop-up engaging and responsive so the user can write down the data. 

  • Make sure that the user can see how to close the pop-up. Many times the red cross is hidden, and you simply can't get to the website and close the website itself. 

Tips on Tuning the Pop-up Window

So, here's a shortlist of how to create a pop up. 

1. Pick a time to show the campaign when it is not "overlapped" by other pop-ups like a banner with a discount.

2. Offer a gift for the subscription like free shipping. The motivation to subscribe will be higher.

3. Think over the design. Subscription forms with a white and gray background are boring. Make a striking design to attract the user.

4. Set up segmentation. Segment users at the subscription stage so their contacts will be immediately distributed between the necessary lists on your mailer.

5. Make a pop-up plan. You can set up several pop-up windows. To do this, make a plan at what time and on which pages the pop-up windows will appear. You can change them depending on current issues, holidays, discounts, etc.


Pop-ups are suitable for increasing the conversion of any website. They allow you to increase sales, the number of readers, customers, subscribers, traffic and turn one-time buyers into constant fans of the brand. This tool also allows you to competently test changes without additional financial investments. Just pick the type of pop-up, the placement, and the relevant message, add a CTA and enjoy the positive results. 

And remember, if done right, the pop-ups don't annoy people. If you follow the rules we have written earlier, you'll be fine. If you are still in doubt, you can always ask us any question, and we will gladly help you with pop-ups. 

You Might Be Interested in
How to Create a Video Pop Up
15 Video Pop-up Examples: How to Create An Effective Video Pop-up

A recent Wyzowl survey found that people spend an average of 17 hours a week watching video content, and 91% expect more videos from brands in 2023. Thus, adding video pop-ups to your website is an excellent opportunity to keep up with the times and meet the audience's current needs. In this article, we'll talk about the benefits of video pop-ups, share cool ideas for them, and show you how to create one with minimal time and effort. Table of...

30 December 2021 9 min read
How to Use Popup Animation Effects
How to Use Popup Animation Effects

Don’t be afraid to experiment with your marketing tools! If you want to bring more attention to your popup windows that have images, text, videos, surveys, and more, just try adding animations! They will surely get more attention from your target audience. Let’s see how to use popup animation properly and engage the users. Table of Contents Definition of Pop Up Animation Effects When to Use Animation Effects Pop Up Animation Effects Creation Hack Popup CSS3-based Animation Effects How to...

27 December 2021 11 min read
4 Best Popup Examples for Blogs to Get More Followers and Subscribers
4 Best Popup Examples for Blogs to Get More Followers and Subscribers

According to Statista, there are more than 4,6 billion people using the Internet to read, get content, communicate, and learn in 2021. That’s 59,5% of the population! And soon it will be 100%. But, as you know, the more people, the more topics they like to read about. So the unique content for the particular topic should be very engaging, useful, and entertaining. That’s why there are so many formats in blogs and social media that you see every day....

21 December 2021 8 min read
Collecting Phone Numbers: 9 Useful Tips
Collecting Phone Numbers: 12 Right Ways to Do It

Collecting phone numbers is the first step to implementing an SMS or text marketing strategy. 53.5% of business owners say that SMS campaigns have the highest open and click-through rates compared to other communication channels. That’s no surprise, given that text messaging is the preferred method of communicating with brands for nearly 50% of consumers of all ages. Thus, by growing your phone number list, you can reach a broad audience with subsequent SMS mailings, attract more attention to your...

08 January 2022 10 min read
5 Popup Tips to Make Them More Pleasant
5 Popup Tips to Make Them More Pleasant

It seems that pop up windows were on the Internet as soon as the Internet appeared. We all remember the weird and annoying popups that wanted to get everything from us, except souls. But that time is over, and every business owner should consider using popup tips to get customer information. Even now, you can see that lots of manipulations are gone, and the pop-up windows have become more friendly, informative, and less annoying. Sit Back And Let Us Do...

11 January 2022 8 min read
Countdown Timer Popup: 5 Excellent Examples
Countdown Timer Pop-Up: Encourage Your Customers Buy Now

With today's high competition and the struggle for consumer attention, shoppers are confident that they are in control of time and can endlessly study and compare different options. That’s why they browse your products and offers but delay buying indefinitely.  Adding a countdown timer pop-up to your website is a proven way to show customers that your offer is limited and thus regain control over their time. When the counter tends to zero, it stimulates even the most indecisive buyers...

15 January 2022 9 min read


We use cookies to ensure that our website functions correctly, to personalize advertisements and other content, to provide social media features, and to analyze network traffic. We also share information about your website use with our social media, advertising, and analytics partners. By staying on the website, you accept this.