Needless to say the pop-ups we’re going to point out right here should not the one ones it’s best to take into account implementing at your website; they’re simply those that always carry out one of the best and carry a minimal quantity of threat.

1) Exit-intent Pop-ups

The primary on the listing, to nobody’s shock, is the exit-intent pop-up.

One in all my all-time favourite exit-intent pop-ups was one thing Chanty used a 12 months again (unsure in the event that they use it anymore). I couldn’t discover the unique, so right here is the snapshot of that pop-up that was utilized in this infographic from Visme, which additionally options many helpful recommendations on what it’s best to be careful for when designing exit-intent pop-up.

position=”button” src=”information:;base64,” alt=”Chanty exit intent popup” width=”885″ peak=”674″ data-fullsize-src=”https://static.semrush.com/weblog/uploads/media/f0/9c/f09c2d6a39a4800dbd2a64346ea1d8df/chanty-exit-intent-popup.png” data-source-height=”915″ data-source-width=”1200″ data-gtm-vis-has-fired-9025619_57=”1″ />

Whereas the above instance reveals what I prefer to name “full display screen” pop-up if the message is straightforward and you haven’t any graphics you wish to use, a typical field with a blurred background can nonetheless get the job carried out. Listed here are two nice examples from Limble CMMS and Optinmonster.

position=”button” src=”information:;base64,” alt=”Limble CMMS exit intent popup” width=”885″ peak=”335″ data-fullsize-src=”https://static.semrush.com/weblog/uploads/media/8d/45/8d454e49f7bb5e31fef10c88706820ec/limble-cmms-exit-intent-popup.png” data-source-height=”462″ data-source-width=”1220″ data-gtm-vis-has-fired-9025619_57=”1″ />

position=”button” src=”information:;base64,” alt=”Optinmonster exit-intent popup” width=”885″ peak=”563″ data-fullsize-src=”https://static.semrush.com/weblog/uploads/media/09/e8/09e8cc69b2fd1dc99384bff183f503b9/optinmonster-exit-intent-popup.png” data-source-height=”602″ data-source-width=”946″ data-gtm-vis-has-fired-9025619_57=”1″ />

Whereas exit-intent pop-up can be utilized for any sort of provide, from private expertise, I might advocate utilizing it much less for normal content material presents (like e-books and checklists) and utilizing it extra for e-newsletter sign-ups, low cost codes, free trials and different “stronger” presents which have sufficient weight to have interaction somebody who’s on their approach out.

Why Do They Work?

One other plus is that they allow you to catch individuals which are sort of concerned with what you need to say and/or provide however not able to make an enormous dedication simply but. What this basically does is give them a purpose to remain engaged together with your model.

It’s like when you find yourself out with your mates, and you aren’t positive should you ought to order one other drink, or it’s time to depart. If you happen to say to your mates that it’s best to most likely depart and so they simply say “Certain, see ya subsequent week,” you might be most likely going to go away. But when somebody is coming to the desk with one other drink for you and asking you to hold round a bit extra, there’s a good likelihood you’ll keep.

And that is what exit-intent pop-up is nice for.

2) Click on-activated Pop-ups

If you’re actually involved about being intrusive or annoying, you’ll be able to look to implement extra click-activated pop-ups.

position=”button” src=”information:;base64,” alt=”Click on-activated popup instance” width=”620″ peak=”457″ data-fullsize-src=”https://static.semrush.com/weblog/uploads/media/a2/f3/a2f330549b608b18ff353f65b34d78c5/click-activated-popup-example.gif” data-source-height=”457″ data-source-width=”620″ data-gtm-vis-has-fired-9025619_57=”1″ />

When somebody says “pop-up,” our thoughts instantly flies to lead magnets. Nonetheless, pop-us can have one other, extra “sensible” function. And also you absolutely have encountered it earlier than.

A variety of eCommerce shops use click-activated pop-ups to showcase their product, be it by way of a picture slider or a video. You’ll be able to see that applied on many merchandise on Amazon, the place should you click on on the product picture on the left…

position=”button” src=”information:;base64,” alt=”EchoStudio” width=”885″ peak=”569″ data-fullsize-src=”https://static.semrush.com/weblog/uploads/media/14/97/1497e22bf7ca614a213182d4f46ac382/echostudio.png” data-source-height=”729″ data-source-width=”1132″ data-gtm-vis-has-fired-9025619_57=”1″ />

…a pop-up containing a product video reveals up:

position=”button” src=”information:;base64,” alt=”Product video popup” width=”885″ peak=”619″ data-fullsize-src=”https://static.semrush.com/weblog/uploads/media/79/4a/794a54ea162416117a3ebd734f3909d2/product-video-popup.png” data-source-height=”927″ data-source-width=”1324″ data-gtm-vis-has-fired-9025619_57=”1″ />

If you’re utilizing WordPress, there are lots of plug-ins that can help you create click-activated pop-ups.

Why Do They Work?

Click on-activated pop-ups often have a great conversion charge due to the pre-expressed curiosity in your provide. In translation, if somebody clicks on a hyperlink or a picture that activated the pop-up, that motion itself signifies that they’re concerned with what you need to provide.

You’ll be able to’t get that sort of pre-approval with pop-ups that load on another sort of set off.

In fact, this solely works within the context of your lead magnet provide being related to the factor the customer has clicked on. If the anchor textual content and the encircling paragraph haven’t any connection to the provide/info that hundreds, your conversion charge will undergo drastically.

3) Decide-in Bars

Who doesn’t love opt-in bars? They’re versatile and onerous to overlook, however nonetheless pretty refined.

Right here you’ll be able to see how The Every day Egg makes use of them for a e-newsletter subscription on the prime of their weblog homepage.

position=”button” src=”information:;base64,” alt=”Publication optin bar” width=”885″ peak=”134″ data-fullsize-src=”https://static.semrush.com/weblog/uploads/media/95/41/95412fd10b51f78518443e44cd2a3591/newsletter-optin-bar.png” data-source-height=”170″ data-source-width=”1119″ data-gtm-vis-has-fired-9025619_57=”1″ />

Right here is an instance from Optimizely utilizing the opt-in bar on the backside of one among their pages.

Optimizely optin bar

And right here is an instance of a floating bar applied utilizing Optinmonster.

Floating bar example

Why Do They Work? 

When applied appropriately, opt-in bars can drive lots of consideration to your presents with out hurting the general consumer expertise. As such, most entrepreneurs use them as floating bars — make them follow the highest or the underside of the display screen as you scroll by way of the content material.

One of these pop-ups can be utilized for a lot of totally different functions, however it’s actually handy for:

  • Publication sign-ups.
  • Person agreements, GDPR statements, and related info you want to make seen to a brand new web site customer.
  • Lively contests, webinar sign-ups, and related ongoing presents (particularly in case you are utilizing a countdown timer because the floating bar can hold that timer in focus the entire time, rising the sense of urgency).

That being stated, you continue to have to make use of them responsibly. If you happen to make the bar too thick, it should negatively have an effect on consumer expertise. If you happen to permit it to load on gadgets with smaller display screen measurement, it might additionally trigger UX points — particularly if the “shut” button is difficult to see.

That is why one of these pop-up usually isn’t appropriate to make use of at the side of lead magnets and presents you want to “promote” by utilizing lengthy copies and lots of social proof. If one line of copy plus a button shouldn’t be sufficient house for a selected give you wish to make, think about using one other sort of pop-up for that supply.

4) Interactive Pop-ups

For the very last thing on this listing, I needed to throw you a curveball and speak about interactive pop-ups.

Whereas each pop-up is in a roundabout way an interactive component as individuals must click on someplace to shut it or enter their contact info to just accept it, interactive pop-ups are one thing that takes the interplay one step additional.

In the meanwhile, there isn’t a lot selection in the case of interactive pop-ups. The preferred is unquestionably the “wheel of fortune” you’ll be able to see within the image under.

Interactive popup example

They work slightly easy. The consumer can spin the digital wheel of fortune to win one of many listed prizes. Nonetheless, there are two methods in play right here:

  1. The “spin” occurs after the consumer fills out the required information.
  2. You’ll be able to modify the chances for various prizes, from 0 to 100%, to massively manipulate the outcomes.

The image under reveals how one can modify the chances when creating fortunate wheels in Optimonk.

Lucky wheel popup setup

The opposite ones I got here throughout could look somewhat totally different, however they’re primarily based on the identical precise precept of a randomized reward.

Interactive popup example 2

Pop-up gamification

As one different, you would argue that pop-ups with movies are a kind of interactive pop-ups, however some would say that it’s a stretch.

Video interactive popup

Why Do They Work?

They’re pretty new and thrilling, and other people prefer to check out new issues, particularly when they’re blasted with the identical sort of stuff on a regular basis.

Then there’s the issue of gamification. I’m positive that the readers from the on line casino trade will agree that folks prefer to take gambles, even when they’re conscious that the possibilities of successful something substantial are slim.

With the power to manage the chances, you’ll be able to create actually attractive presents. It’s as much as you to resolve how beneficiant you wish to be.


Internet is full of boring popups. So, it’s a time to break this trend. That’s why we created Green Popups (formerly Layered Popups). With this plugin you can realize your imagination and make your own unique multi-layers animated popups or use over 200 professionally designed ready made templates from our library. You can embed AJAX-ed subscription/contact form which works with a lot of CRM, marketing and newsletter systems. You can raise popup on page load, on exit intent, on scrolling down, on user’s inactivity, on AdBlock detected or show it when users click something. Moreover you can use any popup as a part of post/page content or as sidebar widget. Make your website more attractive with Green Popups.

With our new Advanced Targeting system it’s really easy to adjust how and where to display popups. It can be posts, pages, products and even any custom post types filtered by any available taxonomies, dates, user roles, etc. Pretty flexible. Isn’t it?

Popup Plugin for WordPress - Green Popups (formerly Layered Popups) - 2 Popup Plugin for WordPress - Green Popups (formerly Layered Popups) - 3


Green Popups keeps your website as fast as it was before. It does not reduce the PageSpeed score at all. And these are not just words. To prove that we created 2 exact copies of WordPress installations: with and without Green Popups. So you can test it using any tools or click images below to view GTmetrix results. Green Popups disabled Green Popups disabled



Related Articles

Back to top button
Enable Notifications OK No thanks