smartmockups.png
July 18, 2022
Widgets

25 Excellent Pop Up Design Examples For Inspiration

Are you looking for attractive pop up design examples that look nice on your site and at the same time convert visitors into contacts & buyers? If the answer is yes - you are in the right place.

It can be challenging to create interesting popups which go perfectly with your website design, and don't scare your visitors away. Here at Personizely, we care a lot about the aesthetics of your website, so we decided to collect the most beautiful pop up design examples that will be sure to inspire you to create at least one for your website.

5 categories and 25 popup examples that will help you convert visitors into contacts and buyers.

Let's get started!

1. List building

Nowadays, almost every website has the "Subscribe to our newsletter" pop up, but how many visitors do these standard pop ups convert? The answer is - very few. In 2022, the "Sign up for newsletter" message is no longer attractive itself. To capture the visitor's contact info, the message needs to be a bit more ingenious and the pop up design needs to stand out in order to catch visitor's attention and not make them close it right away.

Here are 5 pop ups examples that will inspire you to create an effective popup for your website and help you convert more visitors into contacts.

01. Organizing contests or giveaways is a good way of motivating visitors to leave their contact details

Everyone loves free stuff, be it a small sample or full-size. So never underestimate how impactful a giveaway can be, especially for someone who is not yet familiar with your product. It can be the perfect chance to see how great it is so they can become a loyal customer. (And they will already be on your email list.) The example below is perfectly illustrating how to encourage the visitor to signup, for a chance to win an exclusive product.

dailyui097-1.png

02. Create the feeling of exclusivity. Special offers just for members of the "Club"

It is always exciting to be a part of something exclusive. And creating that feeling will only generate more interest and curiosity about your content. It will also make it known that whoever doesn't subscribe to your newsletter might miss out on a lot.

dailyui_016_pop_up-01_4x-1.jpeg

03. Segment your contacts to send relevant offers

Letting your new subscribers choose the type of content they would like to get news on is not just effective in terms of relevance, but it will let everyone know that you are aware of the different interests that your clients have. So, instead of receiving every single email with news and updates, they can be sure to get only whatever they specifically need and want. In this example from the brand “Life” the visitors have the option to choose to receive news only from the Men’s or Women’s collections.

popup-1.png

04. Offer your visitors something valuable in return for their email address

If something has value to you, it's only fare to give something in return. Even if, in the long run, your client will receive exclusive perks with your email subscription, it’s always better to have an instant reward, something that at the same time might work as an incentive for a first-time purchase. The pop-up below offers an instant discount for those buying sunglasses for the first time in exchange for their email address.

sunglasses_sign-up_pop-up-01-1.png

05. Use customizable Messenger popups to achieve 2x higher conversion rate compared to email

Emails are effective, and no one is denying it. However, statistics do not lie, and they all prove that having an instant connection to your messenger list can bring you a much higher conversion rate. And you can always test it for yourself if you need proof.

Messenger-2.png

2. Onsite retargeting

Onsite retargeting means bringing the content your visitors are looking for closer to them so they don't have to look for it. Using segmentation tactics and correct triggers, can help you promote the right content to the right audience with perfect timing.

If you have a new product, a new blog post, or even a SALE and you would like to inform and redirect your visitors towards it, onsite retargeting might help you with this.

06. New product? Announce it to your visitors and retarget!

If you have a new product and are excited to share the news with your visitors, there is never a wrong time to do it. Although, someone who is just dropping by for the first time might not necessarily be looking for the newest thing. That is where you can get brownie points by showing the new content to those you are sure will be as excited about it as you!

shotfordribble5-1.png

07. New collection?

Seasons come around fairly regularly, and no matter what type of product you have, chances are that you are releasing new collections at least once or twice a year. So, getting the word out is an obvious and necessary thing to do. Retargeting comes in handy here, as you can also add special discounts or early bird promotions to your most loyal clients.

_day016-3.jpeg

08. Announce website visitors about sales and retarget them to your page of choice

Letting people know about your sales and promotions is always useful, to you and to them. You can show different promotions to different people, based on a variety of factors. And you can always direct them, so they land on the exactly the page you want to show, or the item you want them to see first.

day_018_popup_800-2.png

09. Suggest your visitors a related article when they finish reading the current one

When it comes to the published content on your website or blog, it is always a great idea to make further recommendations. It might be on a specific topic or even the same subject. But doing this will not only help your readers realize that you have loads of useful information already but will also prompt them to join your mailing list, to receive everything that you might publish in the future.

tid_dribbblepost-1.png

10. Inform visitors about the a discount for products they visited earlier

As online shoppers, we browse a lot. We might find something we like, but then we leave. We come back to the same page, but leave again. Sometimes the price and timing are not right, or we are just comparing the options. But the fact remains, there is some interest there. So why not get personal about it? If you show a discount pop-up to someone already interested in the product, it is much more likely that they will buy it this time around.

day_07_popup_800-1.png

3.Download (eBook)

Ebooks, reports, and other informational materials are not just good for lead generation, but they are also excellent for educating your potential customers about your product and industry.

Convert, Inform, Earn Money - below, we will show you five beautiful pop up design examples that you can copy straight away.

11. Want to know more about your leads? Use forms with more fields

If you want to understand your audience on a more advanced level, forms are usually the best way to go. With Personizely you can create custom fields, and the possibilities are endless. In the example below, besides the name and the email address, the form includes the name company name, the job title, and the phone number. And you can always make the fiends optional or compulsory.

download-lightbox-preview-2.png

12. Forms with fewer fields are filled more often, so keep that in mind

As mentioned in the previous example, the possibilities are endless when things come to fields. However, pop-up real estate needs to be used wisely. If there is too much information your visitors need to provide, you risk an abrupt change of mind. So whenever you can, keep it short and sweet.

crobook-1.png

13. Short descriptions help visitors understand if they need this eBook or not

If you are offering your visitors an e-book, booklet, or anything packed with useful information, it is always better to make sure that they understand why it is so important for them to have it. Adding a short description will do the job perfectly. The pop-up below is a perfect example, as it also includes a short citation, which helps to deliver the importance of the eBook and its contents.

dribbble-xplenty-gated-item-modal_2x-2.png

14. Attract visitors' attention with "eye-catching" illustrations

A pop-up is always best received when it includes a visual aid. One of your products in good lighting is always a good choice. But for downloadable content a well-fitting illustration that catches the eye is also something to consider, like in the pop-up below.

pop_up-1.png

15. Start with a question, not a message

And it’s always good to be specific about it. It opens a dialogue between you and your visitors. You are no longer just pushing information onto them, but making them answer back. It’s a great way to make them understand better the “Why” behind their decision to get the “Eudeka Skill Report”, like in the example below.

skill_report-popup-01-01-1.jpeg

4. E-commerce

If you are an entrepreneur or online store marketer, terms like cross sell, up sell and related products aren't new to you. But what does this have to do with pop ups? Believe it or not, but pop ups are the best tool you can use to increase sales and the average order value for your store. Below you can see how…

16. Show you visitors deals which are only available for a limited time

A countdown is a very versatile addition to your widget. If you haven’t tried it yet, you are really missing out. And it’s never fun to miss out on things, it’s not a very pleasant feeling. But you can actually use it in your favour with a simple countdown timer. Making offers that only last a couple of minutes are effective for many types of promotions. Especially when your visitors know that once they close the pop-up or the timer runs out, they will have to pay the full price!

1-1.gif

17. Loyal customers spend up to 67% more than new customers, use this!

Once someone purchases on your website, it’s fair to say that the connection is there. It’s only a matter of time until they return to your store, so why not make them a special offer? As the title says, returning customers will 0900_aily spend more, so why not give them a nudge? In the example below, the pop-up targets loyal customers, and it’s a super exclusive offer that will make them feel special and prove itself very effective!

special_offer-1.png

18. Offer additional products when the buyer adds an item to cart

Whenever someone adds an item to their cart, chances are that they are interested in buying it. And whenever they want to buy something, you can always assume that there are other items on your website that might be interesting to them. So why not try making some recommendations. Not necessarily to every product, and not every visitor, but things that work together, should be bought together, right?

purchase-ui-03-dribbble-1.jpeg

19. Prevent shopping cart abandonment

We all know that many customers are lost only one step before they checkout. It’s very unpleasant to realize how close to completion the purchase was. But you can also try to do something about it. Offering a shipping discount, or a 0900_ai discount just before your visitors leave your website is a great way to do that. And if you want to take one step further, take a look at our next example. A countdown will always add urgency and act as a secondary motivator.

Cart-3.gif

20. Help customers complete the look by offering collection based recommendations

When it comes to fashion, there will always be a difference in taste. Some people like everything to match, while others prefer to live on a more adventurous side. But the items in a collection are always meant to work together. So making a recommendation that is supposed to complete their look, or whatever your customer already decided to buy, is a very effective way to keep their style consistent. But also a great way to increase their average order value.

complete-your-look-1.png

5. Contact us

While on your website, visitors often have questions. Be it about your product, service, or other stuff like delivery or return policy. However, many of them leave because they couldn't find a contact form. It’s the easiest thing in the world to help them, just use a pop up form on those pages where you think they could have some questions. Get inspired by some of the best designs below!

21. Visitors frequently have questions about price, ask them to contact you

It might be less relevant if you have a set price for your products, but if you have a subscription-based platform, or the pricing for your services varies, there will likely be questions about it. It is much better to provide a direct form on your pricing page that's intended to help your potential clients clear all the details ASAP.

contact-us-copy.png

22. Don't forget about location, make it visible

Location is especially important if you are relying on a physical store. You never know when someone might decide to visit you on their way to work, just because you happen to be in the area. In the example below, you can see that the location is clearly established right next to the contact form, so they are already familiar with the 0900_ai proximity of your store.

dailyui_028-1.png

23. Sometimes people prefer to call, be sure that you include a phone number

People have different preferences in everything. For some of us, calling on the phone might not even be an option, while others might detest writing emails. When it comes to contact information, it is preferable to consider every single one of the possible options and provide them to your clients. You never know when the phone might ring!

800x600_0806_2-2.png

24. It's 2022, don't forget about social media channels!

Social media links are indispensable, and there is a very small number of businesses which can operate without them. So it would be logical to include them on your website, but including them on your contact form will add another chance of contact, and you never know, maybe someone actually will prefer to write you a Facebook message instead.

screenshot-cdn.dribbble.com-2018.09.25-15-46-47-1.png

25. Provide an individual approach

Having an individual targeting tactic is always great. That way, you can show your pop-up to whoever needs it most. For example, the pop-up below is clearly stating a direct request for further contact. It would work great as an exit-intent popup on your FAQ page, so you can make sure that whoever was looking for a specific answer, definitely found it.

message_form-1.png

Final words

I hope that all these examples are a useful starting point, and you've got the inspiratation you need to start converting more visitors into contacts, and, consequently, loyal clients.

You didn't get started yet? What are you waiting for? Create your first pop up in just a few minutes - get started with a free trial.

Damian

Damian Biricevski

Damian is the guy responsible for marketing at Personizely.

July 18, 202212:32 PM

Personizely Blog

Other posts

Opt-In-Email-Example.jpeg
Widgets

Opt In Email Examples

Are you looking for an opt in email example? We have assembled some of the best ways an opt-in email can make it easier for you to build that email list.

shopify-pop-up-window.jpeg
Widgets

Shopify Email Pop up Window

Are you thinking about adding a Shopify pop up to your eCommerce store? There are some great examples of how and where to use a Shopify pop up window to achieve a higher conversion rate and increase profits on your website.

Countdown-timer-popups.jpeg
Widgets

Usage of Countdown Timer Popup (With Examples)

Is your eCommerce site in need of a timer pop up window? Will this addition keep people on your site longer? Will it increase your conversion rate? Pop-up widgets can make a powerful addition to your eCommerce site.