11 Website Popup Survey Design Examples & Questions

11 Website Popup Survey Design Examples & Questions

A visitor’s or customer’s feedback—the good and the bad—is gold dust for improving your ecommerce website. From overpriced items, typos you missed, or a glitchy user experience—who better to help you improve than your customers?

Did I mention you lose 26 customers for every complaint you ignore? 

In this article, we will show you 11 awesome popup surveys that are used for collecting feedback. You can discover the best business practices for doing the job at an expert level. We’ll guide you on how to create a killer design and ask the right questions.

Here’s what’s ahead. 

Table of contents

11 popup survey examples to get valuable customer feedback

5 tips on how to write quality popup questions

Feedback popup design: How to set up a popup survey on your website

Would you like to create amazing and catchy headlines that make your popups irresistible? Grab our 50 Headline Popup Examples swipe file and get inspired!

11 popup survey examples to get valuable customer feedback

First, let’s talk about design and copy. Read on for 11 super-sharp survey popup use cases. 

1. Ask customers why they didn’t buy | Flip.hu

popup survey 1 - 11 Website Popup Survey Design Examples & Questions

What this popup does well:

  • It has an attractive design that matches the site’s aesthetic. Take the time to design a beautiful popup that’s on brand and draws the attention of your users. Create a popup that uses the same font as your site and colors that reflect your company. 

  • There’s only one question, so people are more likely to answer. Your drop-off rates soar with every additional question you ask. To improve your response rate, limit your ask to one or two survey questions.

What could be optimized or A/B tested:

  • For greater contrast, Flip.hu could test different button colors. They could try a contrasting blue button against an orange button. Contrasting hues are opposite hues on the color wheel (orange and blue, yellow and purple, or red and green).

  • They could also test a shorter, more simple question (e.g. Why didn’t you order the Flip service?). Keep it short! Visitors are going to be put off by a chunky amount of text.

2. Consider customers’ lifestyles | Hittedzes.hu

popup survey 2 - 11 Website Popup Survey Design Examples & Questions

What this popup does well:

  • It’s a great idea to ask customers when they want to train! This question puts customers in control. Replicate this by surveying customers about the changes they’d like to see from your store.

  • The “Your opinion matters” headline grabs attention. To boost your response rates, go for a headline that makes your visitor feel important and valued. 

What could be optimized or A/B tested:

  • This popup style doesn’t match the website. The hues are off. Always make sure your popup colors match your brand. 

3. Ask visitors how they found you | Tfsloans.co.uk

popup survey 3 - 11 Website Popup Survey Design Examples & Questions

What this popup does well:

  • It has a unique design, which matches the website. Experiment with cool designs to help draw visitors to your popup. 

  • With one simple question, they gather important information on their top referral sources. Carefully review which data you need and repackage it in the simplest way possible (i.e. one question).

What could be optimized or A/B tested:

  • The popup appears right after a visitor arrives on the page. It’s best if it appears after a few seconds so visitors don’t automatically press the X button. Always let your visitors browse and get to know your selection first.

  • Listing out a selection of answers can help improve your popups’ response rates. 

4. Show a quick question on exit-intent | Hajoutkell.hu

popup survey 4 - 11 Website Popup Survey Design Examples & Questions

What this popup does well:

  • They use high-impact colors. Always opt for bold hues over dull grays and beiges. 

  • The headline: “Your opinion is important to us” helps amplify their message and directs visitors’ attention. Place the focus on your visitor and let them know how much you value their input. 

  • The short, simple text helps visitors understand the question, which increases the number of answers you’ll collect.

What could be optimized or A/B tested:

  • The design is striking, but it isn’t an ideal fit for the site’s aesthetic. Always closely match your popup to the color scheme and design of your ecommerce site. This helps support the cohesive feel of your brand—building trust and recognition with your visitors and customers.

  • To get more in-depth feedback, include a text box where visitors can share what they’re looking for. 

5. Measure NPS | Google Meet

popup survey 5 - 11 Website Popup Survey Design Examples & Questions

What this sidemessage does well:

  • It delivers a survey right after people exit a meeting. This is ideal timing because people are primed for action right after engaging. 

  • It’s very easy for people to leave feedback. They can just rank their experience. Use a ranking system like this one to help get a strong sense of how people are feeling towards your offer or ecommerce site. 

What could be optimized or A/B tested:

  • You can get even deeper insights by asking people to provide more detailed feedback. To do this, include an open-ended question (beginning with what, why, where, how, or when) and include a textbox for visitors to share their thoughts. 

6. Ask feedback on shopping experience | Urban Outfitters

popup survey 6 - 11 Website Popup Survey Design Examples & Questions

What this sidemessage does well:

  • The survey message is very subtle. It doesn’t interrupt a visitor’s browsing experience, but it is still easy to see—making it low on the irritation factor.

  • It asks permission to collect feedback. Styling a popup in this way gives your visitors a sense of control over whether or not to provide feedback. The desire for control is an innate psychological need. Asking permission to collect feedback can tap into this need and improve your relationship with customers. 

What could be optimized, or A/B tested:

  • Urban Outfitters could use more colorful shades to help boost the visibility of their sidemessage.

  • This sidemessage works well because it’s non-invasive. However, you can try moving it to a different corner or the center of the page to see which positioning performs best. 

7. Ask website visitors to help you improve | Zenmountaingear.com

popup survey 7 - 11 Website Popup Survey Design Examples & Questions

What this sidemessage does well:

  • Zen Mountain Gear only asks one question. For every extra question asked, a higher number of visitors exit without finishing the survey. Make this work for you—focus on one or two survey questions max.

  • Why doesn’t a visitor make a purchase? This is one of the biggest questions that many ecommerce stores come up against. Be sure to add a question that addresses this query to your list of survey questions. 

  • The look is a perfect match for this ecommerce site. Always match your branding! 

What could be optimized or A/B tested:

  • Draw the visitor’s eyes and stylize the color of the sidemessage with contrasting colors.

  • If the “submit” color for the button is changed, it could compel visitors to fill out the form. 

8. Ask for help in a simple way | Mygeekgalaxy.com

popup survey 8 - 11 Website Popup Survey Design Examples & Questions

What this sidemessage does well:

  • A text box allows visitors to provide more in-depth information on their experience at your store. Textboxes are awesome for gathering more information from your visitors.

     

  • It uses high-impact colors but doesn’t disturb the user experience. Choose appealing colors without taking away too much of your visitors’ experience on your site. 

What could be optimized or A/B tested:

  • Avoid phrases like “Please help!”. This phrase feels slightly pressurizing and off-putting—as it sounds like an emotionally-demanded command.

     

  • Go for a more creative, engaging headline (don’t be afraid to experiment with some slang and emojis to capture your audience’s attention). 

9. Ask customers to participate in a customer satisfaction survey | ATT.com

popup survey 9 - 11 Website Popup Survey Design Examples & Questions

What this popup does well:

  • This popup has awesome contrasting colors—and focuses your visitors’ attention.

  • The button uses first-person. An active Call-to-Action (CTA) can spike your conversions by a massive 90%.

What could be optimized or A/B tested:

  • The copy is conversational but falls into business-speak. This can undermine your marketing strategy. A copy written like, “You have been selected to participate in a brief satisfaction survey,” is the kind of language visitors are too used to seeing on web pages. 

  • They can immediately glaze over the popup because of the uninventive copy. This can drop your conversion rates massively. Boost your conversions by including fun copy projects, emojis, and a bit of slang. 

10. Use an NPS popup | Mailtag.io

popup survey 10 - 11 Website Popup Survey Design Examples & Questions

What this popup does well:

  • This popup keeps it easy, breezy—the copy is short and sweet. The simple rating system and small text box compel visitors to share their feedback. This is a masterclass in customer feedback popup design and short and snappy copy for maximum conversions!

     

  • The color scheme is super simple, using an attractive combo of blue and white.

What could be optimized or A/B tested:

  • “Your input is valuable to us” is a little dry and uninventive. They can revamp the message by using more playful or fun copywriting to engage website visitors and inspire them to share their thoughts.

     

  • All block capitals (for the questions) can be jarring and difficult to read. A/B testing lowercase text could potentially help to increase response rates. 

11. Ask for feedback after reading an article | OptiMonk

popup survey 11 - 11 Website Popup Survey Design Examples & Questions

What this sidemessage does well:

  • The image helps personalize the sidemessage—by building a connection with the visitor. 

  • The ask is super simple—all website visitors have to do is give the post a thumbs up or a thumbs down. 

  • The colors are fun and totally on-brand for OptiMonk.

What could be optimized or A/B tested:

  • The copy is easy to read, but changing the text could boost response rates. 

  • Adding a fun emoji could help make the message more fun and endearing.

5 tips on how to write quality popup questions

Now that we’ve finished our examples round-up, here are the 5 biggest takeaways for your future survey popup creation.

1. Go for a mix of open-ended and closed-ended survey questions

Closed-ended questions are easier for your website visitors to respond to as they require minimal effort. In contrast, open-ended questions provide deeper insights into your visitors’ or customers’ experiences. 

In action:

A closed-ended question could be, “Did you like this article?” The answer: Yes or No. Try clickable smile or frown emojis or thumbs up or thumbs down like in our previous popup example.

An open-ended question could be, “Why did you like this article?” The answer could be multiple choice with a text box, giving the viewer the option of adding more info.

2. Resist the temptation to get visitors to talk up your solution

It can be tempting to seek answers that highlight only the good in your product, service, or webpage. But some of the most helpful feedback focuses on what you could optimize and improve. 

Pick “How was your experience?” instead of “How much did you love your experience?”

3. Keep your text to a minimum

Don’t overwhelm your visitors with too much text that it makes them immediately want to hit the “X” button. 

Keep your copy short, direct, and readable to spike the number of responses you get.

4. Limit your ask to one question (textboxes for additional info don’t count!)

You’ll massively increase your response rates by asking just one question at a time from your visitors or customers. 

If you ask multiple questions at the same time, you’ll confuse visitors.

5. Always choose fun, engaging copy over copy that’s dry and too business-like

Style your copy to engage your website visitors to boost your response rates. Remember that when a copy is too dull or business-like it will do little to capture your audience’s attention.

You’ve got the smarts you need for an awesome feedback popup. Let’s put them into action. 

Feedback survey popup design: How to set up a popup survey on your website

Ready to create some high-converting popup surveys? It’s super easy to create a free, laser-targeted, and beautiful popup with OptiMonk.

Here’s how:

Step 1: Create a new OptiMonk account, or log in here.

Step 2: Start a new campaign by clicking on the “New campaign” button:

popup survey 12 - 11 Website Popup Survey Design Examples & Questions

Step 3: Filter for “collect feedback” as your goal:

popup survey 13 - 11 Website Popup Survey Design Examples & Questions

Step 4: Choose the template of your choice:

popup survey 14 - 11 Website Popup Survey Design Examples & Questions

Step 5: Style the popup in our Drag-and-Drop editor. Play with the font, images, colors, and your CTA button. 

popup survey 15 - 11 Website Popup Survey Design Examples & Questions

Step 6: Choose who can see your popup and when. 

For example, you can target your popup so that it’s only shown to new visitors on exit-intent (e.g. when they try to leave your site without buying).

popup survey 16 - 11 Website Popup Survey Design Examples & Questions

Step 7: Activate your popup by dragging the inactivate toggle to “activate”.

popup survey 17 - 11 Website Popup Survey Design Examples & Questions

The power of customer feedback popups

Feedback popups are an awesome way to tap into a treasure trove of customer and visitor thoughts and feelings. 

From finding out how your visitors found you to asking for their feedback on your products, popups are one of the best ways to get the info you need to grow your business. 

Meet us down in the comments! Which example was your fav? Which one are you most likely to use for your biz? 

2 comments

  1. Lee Wright says:

    Are the examples shown, the ones above or those in other articles, selected based on performance? That is, have these been through extensive A/B testing?

    It’s always interesting to see what other folks are doing, but far more helpful if these are known to deliver outstanding results.

    Thanks for the examples and clarifying how and why they were selected.

Leave a Reply

Your email address will not be published. Required fields are marked *