Wisepops logo

Last updated Thu Jun 13 2024

Multistep Popups: Expert Guide [Drive More Conversions]

Yes, multistep popups are an effective way to increase your website’s conversion rate.

They're like polite family members compared to traditional website popups—always engaging visitors gradually, unlike their "in-your-face" relatives.

Multi-step popups are gaining a lot of popularity—as many as 17% of mid-sized Shopify stores use them to convert visitors. Below, I will cover everything that you need to know about using multistep popups for your business.

In this post:

Create multistep popups for your website
special sales popup

What are multistep popups?

A multistep (or multi-step) popup is an interactive website popup that contains two or more windows (“steps”) with different content: email and/or phone number signup fields, survey forms, etc. Multistep popups are designed to capture more useful data from visitors that could be used for marketing.

Multistep popups can be highly effective because they provide more thoughtful and gradual user interactions. Thanks to this, they can increase visitor engagement and help gather valuable information such as lead contact data, product preferences, and survey answers.

Here’s how a typical multistep popup looks (as you can see, I’ve added my email in the first step and got the second one with the phone number signup): 

multi step popup in action

And here’s a closer look at both steps:

multi step popup view

Difference between multistep popups and traditional popups

Traditional popupsMultistep popups
Single popup windowTwo or three windows
Immediate request for user informationGradual engagement
Limited information and data captureProgressive data collection
Higher perceived intrusivenessLower perceived intrusiveness
Quick offer presentationStorytelling opportunity
Limited engagement metricsMore detailed interaction metrics
Fact: 17% of Shopify stores have multistep popups

Around 17% of Shopify stores use multistep popups to get leads and feedback—a significant increase in popularity. Even a few years ago, finding multistep popups on ecommerce stores was a rare find.

Source: The State of Visitor Engagement on Shopify Stores

Benefits of multistep popups

Multi-step popups have several benefits:

  1. More conversions: multistep popups can achieve a higher conversion rate because of their lower perceived intrusiveness

  2. Higher visitor engagement: multistep forms keep visitors engaged with a website for longer, thus increasing the chance of conversion

  3. More qualified leads: multistep popups require action (giving product preferences, answering questions, etc.), so the leads generated are more qualified

  4. Achieve diverse marketing objectives: you can combine different campaigns in one popup, like a website experience survey and email or phone number collection 

  5. Better data capture: you can gather more information about your audience thanks to multiple windows (info like product preferences, gender, email, phone numbers, answers to questions, and more)

Lisa Fockens
Expert comment:

“With multi-step popups, you can get more customer data at once, to not disturb users later with more requests, for example, when you need to run another campaign.

Thanks to this, for example, you'll have the data you need to better personalize the offers in marketing emails (e.g. collect email and date of birth in a popup to send a VIP offer on a customer's birthday)..."

Lisa Fockens, Popup Expert, Wisepops

How to create a multistep popup

  • Choose a template

  • Customize the campaign

  • Add the discount code

  • Choose when to show the popup

  • Install popup app

  • Connect your email app

In this guide, I’ll be using Wisepops—a top popup tool that you can use to make any type of popup for free, with no commitment whatsoever. We’ll create a multistep popup with a discount, which is a good option for online stores.

Go ahead and get a free account:

Unlimited free trial, no cc required

★★★★★

"We've increased our signups by 10x, very easy to integrate with our website and email platform, too"

Wisepops review from Capterra

1. Choose a popup template 

In the Wisepops dashboard, go to Create campaign > Campaign Assistant > Coupon:

creating multi step popup

Next—

Choose the template on the right in the top row. 

As you can see, it already contains two “steps”:

templates multi step popups
Shop now sales popup
Popup templates

Get a head start on making multistep popups. Browse our library of designer-made popup templates:

➡️ Go to templates

2. Customize the campaign

Change the appearance of your multistep campaign to fit your website design. It’s simple—just click the element you want to change to see the customization menus:

customization of multi step popup

Before we start customizing—

Take a look at all the campaign steps by clicking the corresponding buttons (Step 1, Step 2, and Step 3 above the popup campaign preview):

steps in popup editor

Now that we have a better idea of our campaign, let’s begin designing.

You’ll find all the customization options you need in the area highlighted with a red color at the top of the campaign editor (Style, Position, Closing, CSS, size, border, and so on).

Once you design the first popup window, click Apply this design to all steps (marked by an arrow below)—and Wisepops will do the rest of the design work:

customizing

Helpful tips on writing compelling texts on popups:

Popup message guide

3. Add the discount code

We promised a discount for signing up, so let’s make good on our promise.

Go to Step 3, click the code section, and replace the default “CODE” with a different one (say, WELCOME10 can work as a welcome discount for new customers—but feel free to use these 18 discount code ideas for inspiration):

customizing discounts in popups

Creating a multistep popup for a Shopify store?

Connect your store to Wisepops and sync discounts. You’ll be able to create and share unique accounts from your Shopify dash, in seconds.

How to create Shopify discounts in Wisepops

4. Choose when to show the popup

Now, our task is to decide when exactly you’d like the campaign to appear to your website visitors. You have multiple options (immediately on landing, on exit, on reaching a certain page depth, etc.)

Go to Display Rules in the main menu.

Let’s choose On Landing—such campaigns convert a decent 3.93% of visitors on average. Note that your multistep popup will display three seconds after the landing by default:

display rules for multi step popups

Note

The average conversion rates for different display options in Wisepops:

  • On-landing popups: 3.93%

  • On-exit popups: 2.87%

  • On-scroll popups: 3.09%

  • On-click popups: 37.34%

  • On custom event popups: 5.43%

5. Install the popup app

At this point, our multistep popup is done, so click Save in the right top corner of the campaign editor. If you’d like a realistic preview of your campaign on your website or launch the campaign right away, add Wisepops to your site (it’s free + has no impact on website speed).

Just go to Install Wisepops in Settings and choose the preferred method (you can either copy the code to your site yourself or send it to your developer).

installing popup app

The campaign will be launched after the installation—so you’ll be able to track its performance in the analytics dash.

Have questions? 

Check out Wisepops installation guide

6. Connect your email app

You need all the emails collected by the multistep popup to be sent directly to your email marketing app, right? 

This is easy: go to Step 2 of your campaign and click the email signup field. Next, click the Sync tab in the menu that opens and find your email app:

syncing email app with popups

How to use multistep popups (with examples)

Here are some of the most popular ways in which online businesses use multistep popups to achieve various marketing goals:

  • Capture emails and phone numbers

  • Generate leads and collect qualification data

  • Convert mobile visitors with a mystery offer

  • Keep customers updated on brand news

  • Raise awareness of limited-time offers

Use case #1: Capture emails and phone numbers

This is an excellent way to generate leads for your business. 

In this multistep popup example, Blume, a self-care brand, offers a discount for new visitors in the first window:

multi step popup example 1

Once you give your email—

You to go the second step (it’s optional, by the way), where you’re asked to provide your phone number to get deals on your smartphone:

multi step popup example 7
Blume converts 5% of website visitors with multistep popups:

Use case #2: Generate leads and collect their info

Steve Madden, one of the most successful Shopify stores, has a really smart popup strategy. In this multistep popup, they promise early access to the exclusive deals (which is something their customers will be interested in) in exchange for an email:

multi step popup example 2

When you click Next, the second step appears, asking you to provide the date of birth and favorite product categories. Gathering this data is an important step toward creating personalized email campaigns:

multi step popup example 9

Use case #3: Convert mobile visitors with a mystery offer

Ruggable, an online retailer uses a multistep popup (with three steps, to be exact) to convert mobile visitors into leads.

The first popup window entices customers with a promise of a mystery offer and asks for an email in exchange:

step 1

Next—

We get the second step with the phone number signup. As you can see, this one is also mandatory to fill out, so we have to keep going to get that offer:

step 2

Finally—

We arrive at the third step where we get a discount for the first order:

step 3

Use case #4: Keep customers updated on brand news

This multistep popup example is very interesting. Rothy’s closed its international store for a while, so it posted this welcome popup to inform non-US visitors about it. 

There was also a button offering an email notification to those who wanted to know when the store was going to be reopened (a nice idea that helped the brand grow the email list with this campaign):

multi step popup example 5

Clicking Count Me In took us to the second step with the email signup form.

Only the email was needed—so signing up was quick and easy:

multi step popup example 8

Use case #5: Raise awareness of limited-time offers

Want more of your visitors to know about your special promos but don’t want to clutter your homepage with all of them! Then ecommerce popups can help.

Look at this multistep popup example below—it appeared while I was looking at a product (visitors on product pages are recognized as those having a higher buying intent compared to those browsing the homepage, so this offer makes total sense), making a rather interesting offer:

multi step popup example 6

Clicking See details took me to the second step, where I got more information about the offer. It was a “free-product-with-purchase” deal,” a popular limited-time offer example ecommerce businesses use to increase the average order value:

multi step popup example

Summary

Multistep popups can be a game-changer for your website’s conversion rate optimization. Compared to traditional popups, they have many benefits, including higher conversion rates, improved engagement, better data collection, and personalization.

If you’d like to learn more about popups, these resources will help:

Oleksii Kovalenko

Oleksii Kovalenko is a digital marketing expert and a writer with a degree in international marketing. He has seven years of experience helping ecommerce store owners promote their businesses by writing detailed, in-depth guides.

Education:

Master's in International Marketing, Academy of Municipal Administration

Related articles

5/31/2024

Find popup design inspiration. Let us guide you with these best popup design examples, best practices, and ideas.

conversion rate optimization

5/8/2024

Discover the secrets of conversion rate optimization (CRO) and turn more website visitors into customers. Best practices and top tools to optimize conversions.

Help