10 Website Popup Examples

Digital marketing Blog

Today advertising noise is so strong, and user loyalty to ads and slogans is so low that conventional marketing slowly but surely becomes helpless. If an opt-in form isn’t working, it is perceived as a part of traditional stale advertising.
Frequently asked questions in Google, which answer the following questions:

  • What is a pop-up example on a website?
  • How do you make a website pop-up example?
  • What websites example have pop-ups?
  • How do you make a good pop-up example?
  • What is pop-up example?
  • Do pop-up example really work?
  • What is pop-up example in email?

Pop-ups have always been and remain a reliable tool for conversion growth. The thing is that they are rarely properly set and, therefore, continue to be treated like traditional advertising. There are several ways to deal with this, including the tool offered by Plerdy.

10 Reasons Why this Virtual “Hook” Doesn’t Help to Catch Fish

Usually, ads tell users about the benefits of a product or service. Typical advertising suggests that the product (service) is suitable for every potential customer.

The reality is different.

An ordinary pop-up example is similar to standard advertising. It offers, informs, and seduces forgetting about a dialogue. Personalization is not just a temporary trend but a new marketing approach based on communication with users.

If your “hook” doesn’t help to catch fish or maybe even repels them, this may be caused by one of the following reasons:

  1. No responsive layout. The mobile-first principle remains prevailing. The majority of users browse websites on their smartphones or tablets. If your page doesn’t have a responsive layout, the display of pop-ups examples will be distorted, making them useless.
  2. Increased page load time. Users don’t like waiting. They will quickly leave a website if they don’t see its content within 5-7 seconds. The main reason for increased loading time after an opt-in form is added is certain programming nuances. Nevertheless, today there are technical solutions for graphics files of any size.

The period of the 90’s when websites didn’t include pages because of the problems with load speed elapsed. If the page example has plenty of pop-ups, this, of course, affects its load speed. Yet, the impact isn’t that critical if you connect pop-ups correctly using modern programming methods.

An opt-in form doesn’t display on the page?

A front-end developer must find and correct the possible reasons for such a problem: an issue with pop-up code loading, the Published status is missing, javascript mistakes, missing wp_footer, etc.

  • Poor design. It’s not only about the design which doesn’t match the corporate style. It’s also about the wrong color combination, which doesn’t create the necessary mood, old-fashioned fonts, the window’s irritating size, and static composition.

For example, on this website, a small pop-up with blue text clearly but gently offers a free pizza for registration. It is hard to refuse from such a nice offer:


Estée Lauder offers to participate in a loyalty program using a screen pop-up with an elegant design: dark colors, colorful text, one field, a button in the right part of the form, and the large Close icon to close the window any time without an extra hassle:

Estée Lauder

It is noticeable, isn’t it?

If you create an opt-in form with the promise of discounts and gifts, contrasting design, the minimum of fields and buttons, and good navigation, you will make users complete the target action in a few seconds.

  • A weak call to action and the absence of triggers. Be the first to know about new products, special offers, store events and more – this is the conversion triggering offer of the Victoria’s Secret website.

“Sign up to receive beauty news, product samples, coupons and more.” – the offer from L’Oréal.


Both calls-to-action are great, but the pop-up example of L’Oréal generates higher conversion. It has maximum motivation for users offering not only news and advertising offers but also samples, coupons, etc. L’Oréal bets on simplicity, clarity, and the maximum number of triggers.

This is the path developing brands should take. They need to increase customer loyalty with the help of discounts, gifts, coupons, promotions. The call-to-action on the website of Victoria’s Secret works because millions of users know and love this brand.

Will they be interested in events and articles about new products from the company they have never heard about? It is doubtful.

  • Irrelevant or untimely offer.

Time, place, and motivation are three pillars of the effective content of any pop-up example. Don’t write too much and mention your advantages. You should be either noticeable for your uniqueness or make an offer that will benefit users.

For example, you shouldn’t display a welcome window before the page fully loads. Also, the offer to subscribe or receive a coupon should appear on an article or blog page example. Show it no less than 10-15 seconds after users land on the main page example. In this case, it will be timely, relevant, and related to the content.

And a small pop-up requesting permission to define the user’s location in the right corner is a perfect way to set up personalization right away.

  1. Numerous fields. The simpler the form, the more likely the target action is. The general rule of conversion suggests using 1-2 fields. However, in this respect, you should also evaluate the applicability of such a solution. For example, if you promote make-up, you can ask information about the user’s date of birth and name offering gifts in exchange (like Prostor and Watsons).
  2. No A/B testing. Most forms that generate 100% conversion are created in the process of experiments. A/B testing can be both internal (when people within the company choose the most appealing design of the opt-in form) and standard (when different variants of pop-ups are placed and tracked using click heatmaps, Google Analytics, etc.).

It is hard to define the relevant USP and select the native design right away. Conversion depends on the tiniest details, even one well-chosen word.

  • Pushy display. For instance, on McDonald’s website, everything is perfectly thought out. They display a small location window on the left of the screen, which appears about 5 seconds after users land on the page. It is closed traditionally by clicking on the Close icon in the corner.

It is worth noting that after you close the form, it won’t appear when you visit the website again. Pushiness is evil, and you must avoid it interacting with your target audience.

So place no more than five pop-ups and opt-in forms on your website. Based on the research, it is recommended to use three different forms: welcoming, subscription, and scroll or thematic). Don’t show them frequently. Ideally, they should be displayed occasionally, like on the website of one of the leading world’s fast-food providers.

  • Hidden navigation. No way to getaway. This could be a highly effective option, but it isn’t. Users want to know that they have a choice.

The missing Close icon or Unsubscribe button irritates. With its intrusive pop-ups, Pinterest is probably the only example of the case when a resource can be popular with directive pop-ups.

Leave the Close icon and add the Unsubscribe button. Yet at the same time, show users what they lose if they ignore the pop-up with the text near the Close/Unsubscribe button like No, I don’t want to stay updated, No, I don’t like saving, Thanks, I’m not ready to get discounts, etc.

Remember that users must have a choice, but excessive freedom will make the placed pop-ups useless. Implementing the navigation and Unsubscribe button can make the Сlose button less noticeable and vice versa.

  • Wrong display condition. The page where the opt-in form is shown greatly affects its conversion.

For example, a welcome pop-up is only relevant on the main page example. A subscription window generates better conversion when placed on the page of the particular article in a blog.

welcome pop-up

In some cases (if there is no blog, the section of the article/news is rarely updated, but there is a regular newsletter), it can be effective on the main page.

Scroll opt-in forms are a universal type of hooks. They don’t take a lot of space on a page example and distract too much from its content. Scroll pop-ups are great and relevant almost on every page.

A lead-generating pop-up is a clear call-to-action with motivation, corporate design, navigation, the Close or Unsubscribe button, and spam protection and confidentiality information.

Also, you should consider the page where you place a pop-up, the frequency of its display, the number of fields, colors, text, graphics, and the location of the target action button.

If you add a pop-up that will meet all these requirements and adjust its work during the A/B testing, you can increase conversion to 86%, as Amazon, Colgate, CountryLiving, and Entrepreneur have already done.

Article by:
CEO Andrew Chornyy

CEO Plerdy — expert in SEO&CRO with over 11 years of experience.

Leave a Reply

Your email address will not be published.