OptinMonster Logo

How to Add a Thank You Popup to Your Site (Step by Step)

Last updated on

by

Thank You Popup featured image

Do you want to add a thank you popup to your website to grow sales, increase subscribers, and boost engagement?

Whether you’re a publisher, marketer, or eCommerce store owner, you can use a thank you popup to:

  • Offer exclusive discounts
  • Gain more social media followers
  • Grow your email list
  • And more…

No matter what you use them for, the result is always the same: thank you popups improve user experience (UX) and build more loyalty for your brand.

So, in this article, we’ll show you how to set up a thank you popup on your website in minutes.

But first, let’s clarify what a thank you popup is.

What Is a Thank You Popup?

A thank you popup is a popup that’s displayed to your visitors once they’ve successfully completed an action on your site. Here’s a quick example:

thank you popup

This is a crucial moment in the customer journey that you should be making the most out of.

The customer is obviously engaged with your brand in a positive way (hence why you’re saying thank you), which makes this the perfect moment to:

  • Upsell with an exclusive offer
  • Share content to boost pageviews and strengthen SEO
  • Add users to your mailing list to stay up-to-date
  • Display a webinar registration form to move customers further down your sales funnel
  • Ask for feedback, reviews, or testimonials
  • And much more

In other words, this “thank you moment” happens at a time when your customer is excited to interact with your brand. Your job is to keep that feeling going for as long as possible.

Now, we’ll look at how you can create beautiful thank you popups that boost sales and subscribers.

How to Add a Thank You Popup to Your Website

For today’s tutorial, we’ll be using OptinMonster to create our thank you popup:

optinmonster homepage

OptinMonster is hands down your best option for creating a professional thank you popup in minutes.

It has a drag and drop builder to save you hours of time in the campaign creation process. Plus, OptinMonster comes with powerful targeting rules.

This makes sure that your campaigns are seen by the right people, in the right places, at just the right time in their customer journey.

OptinMonster comes with several campaign targeting and trigger options to create a high-converting popup on your thank you page. Click the button below to start your 100% risk-free OptinMonster account today:

Create a Thank You Popup Today!
 

Today, we’ll look at the following scenarios for using thank you popups to increase user engagement:

We’ll teach you how to use a thank you popup in each of those situations.

Let’s get started.

Method 1: Add a Popup to Your Thank You Page

To kick off this tutorial, we’ll create a popup that’s displayed on your thank you page.

For example, let’s say a website visitor has signed up for your email newsletter, and you want to take that opportunity to offer them a limited-time coupon.

So, when they sign up, they’ll land on your thank you page.

That’s where you’ll display a thank you popup. For this section of the tutorial, we’ll create a popup for a timed offer.

Not sure if you have a thank you page that’s ready to convert? Here’s a post with practical advice and real-world examples for building an effective thank you page.

Once you have that set up, you’re ready to add the popup!

Step 1: Create Your Popup Campaign

First, log into your OptinMonster dashboard and click Create New Campaign in the upper right-hand corner:

Create a New Campaign OptinMonster

Choose your campaign type. In this tutorial, we’ll select a Popup:

Choose OptinMonster Campaign Type

Now, it’s time to decide on a campaign template. OptinMonster has over 50 prebuilt templates to choose from:

OptinMonster Campaign Templates overview

But if you want to build your own campaign, that’s no problem either. You can create one from scratch using the Canvas template:

Canvas Template in OptinMonster

Whether you choose one of the pre-made templates provided by OptinMonster or build one from scratch, the design process couldn’t be easier.

Everything can be configured in your OptinMonster campaign editor with a drag and a drop. For today’s tutorial, we’ll go with the Promo template because it already has the elements we need to create a popup for a timed offer:

  • The countdown timer clearly shows how long our customer has to redeem the offer
  • There’s enough space for the details of the sale
  • It’s easy to add a coupon

promo template with optinmonster

Once you select the template, you’ll need to give it a name, connect it to your site, and click Start Building:

Name and connect your website

Now you’re ready to design your thank you popup.

Step 2: Design Your Thank You Popup

There are so many options for customizing your popup, and editing your popup in the drag and drop builder is simple. Here’s how it works:

To change the text of your thank you popup, you can write directly in the campaign builder with OptinMonster’s inline text editor:

inline text editor with the promo template

This allows you to quickly modify your message’s:

  • Font-family
  • Size
  • Line height
  • Alignment
  • Style (bold, underline, and italic)
  • And much more…

To make other kinds of changes to your campaign, you simply need to click on the element you want to change. This will pull up the editing tools on the left side:

promo template pull up the editing tools lefthand side

This lets you change every part of your thank you popup. You can change the:

  • Background colors
  • Timer settings
  • Coupon code
  • And more…

Want to add a new element to your campaign? You can use our drag and drop builder to add new things like:

  • Video
  • Countdown
  • HTML
  • Additional optin fields
  • Dividers
  • And much more…

To do so, click + Add Blocks at the top of your editor, find the block you want to add to your thank you popup, then drag and drop it into place:

add a block element to the promo template

Here is the popup we created for today’s tutorial:

thank you popup demo by optinmonster-min

With OptinMonster’s pre-made templates, we made this in under 5 minutes.

Step 3: Set Display Rules

Next, you want to control when your visitor will see your popup.

For that, you’ll head over to Display Rules at the top of the editor.

Display Rules

You’ll find several different ways to display your popup. OptinMonster offers the most comprehensive targeting rules on the market.

This is what allows you to personalize your campaigns and really drive conversions. Here’s a quick snapshot of some of OptinMonster’s Display Rules:

OptinMonster Display Rules overview

For this tutorial, though, let’s focus on Page Targeting. Find and click Page Targeting.

OptinMonster Page Targeting Display Rule

Next, go ahead and add your thank you page URL. If you get stuck, check out this post on formatting your page URL:

Thank you popup URL redirect field

Finally, save and publish your campaign.

To publish your campaign, click Publish at top of your editor. Then switch the campaign from Draft to Publish:

publish your optinmonster campaign

If your site isn’t connected yet, no worries. Feel free to use these helpful tutorials to get set up:

Now, your site visitor will see your popup when they land on your thank you page.

Let’s turn our attention to the second way you can use thank you popups on your site: using MonsterLinks™.

One of the most effective ways to increase conversions on your site is to use multi-step optins.

You can do that easily with MonsterLinks™. This feature turns an anchor text or button into a clickable link that makes your popup appear.

How does this boost conversions? The idea based on a psychological trigger called the Zeigarnik effect.

This suggests that people who start a process are more likely to finish it. So when users click your button or text-based MonsterLink™, they’ve kicked off a process that will make them more likely to engage with your offer.

This is the exact strategy CodeInWP used to increase conversions by 1000% percent.

For this section of the tutorial, we’ll offer a guide to our customers after they’ve made a purchase. Here’s how the process will work:

  • Customer will make a purchase
  • They’ll arrive on a confirmation or “thank you page”
  • The page will have a MonsterLink™ to make the thank you popup appear.

The first 2 steps are the same as we saw in Method #1 earlier in the tutorial. For a refresher, feel free to jump back to step 1 or step 2 to create and design your popup.

When your thank you popup is ready, head over to Display Rules just like you did before. Find and click MonsterLink™ (On Click):

MonsterLink from OptinMonster menu

Click Copy MonsterLinks™ Code:

Copy MonsterLink code for clickable popup

This will give you the raw HTML version of your campaign’s embeddable link. That looks something like this:

<a href=”https://app.monstercampaigns.com/c/fogfajjog4gtlwe9b05g/” target=”_blank” rel=”noopener noreferrer”>Subscribe Now!</a>

But if you’re using a platform like WordPress, most page builders or buttons don’t require HTML. Instead, you’ll need the link that starts with “https://”. Here’s the regular URL from the MonsterLink™ provided above:

https://app.monstercampaigns.com/c/fogfajjog4gtlwe9b05g/

Now you can take this code and embed it with any anchor text or button of your choosing. When your site visitor clicks on the link in your thank you page, they’ll go to your optin form:

Monsterlinks text in OptinMonster

Make sure you save and publish your campaign just as you did before.

And to further increase conversions, consider combining MonsterLinks with Yes/No Forms.

Yes/No forms further leverage the Zeigarnik effect and can be a great way to generate new leads or follow up with a thank you popup.

Now, let’s look at our last method for creating a thank you popup: using OptinMonster’s Success view.

Method 3: Create a Success View Thank You Popup

In some circumstances, you don’t want to send your visitors to a thank you page. Instead, you simply want to thank them for signing up to your newsletter, joining a webinar, giving a positive review, and more.

OptinMonster’s Success view is one of the simplest ways to thank your visitors.

The success view is shown to a visitor after they’ve successfully opted in to your email list, made a purchase, downloaded a report, and more.

So instead of redirecting your visitor to a thank you page, you’d display the Success view after a user signs up to your offer.

To start, create your campaign by repeating these steps from Method #1 in this tutorial.

In OptinMonster’s campaign builder, select the Success tab:

success view with optinmonster

There are many ways you can use your success page as a thank you popup. You could:

  • Give a discount, coupon, or promotion
  • Ask members to rate their experience with a survey form
  • Upsell customers
  • Give a free eBook or instructional guide
  • Provide order or shipping details for purchases to improve UX
  • And more…

This is important to bring up because many people create optin campaigns but leave the thank you message as an afterthought.

OptinMonster has a Success view ready to go for each popup template. While these work well out-of-the-box, you could take a few minutes to personalize the messaging to reach your goal.

This is equally true if you simply want to let users what’s coming next. Here’s the (very simple) thank you popup we made in less than 2 minutes:

thank you popup

This small message confirms that the user is signed up and lets them know an email is on the way.

Looking for more ideas on how to use the success view? Read this post for more examples on how to include success themes in your customer’s journey.

Create a Thank You Popup Today!
 

We hope this article will help you to create thank you popups that increase engagement, subscribers, and revenue.

If you enjoyed this post, you might also want to check out the following articles:

These have more information you need to grow your list and improve your email marketing strategy.


Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

CTA background
CTA thumbnail

Over 70% of visitors who abandon your website will never return! Learn how to unlock the highest conversion revenue from each of your website visitors!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

1
1
1

Enter all the Optin Gallery Pages here

Enter each choice on a new line. For more control, you may specify both a value and label like this: red : Red

Enter each choice on a new line. For more control, you may specify both a value and label like this: red : Red

1

Blog Sidebar Campaign Form

Popular Posts

Connect with us:

Start Getting More
Leads & Sales Today
with OptinMonster!

Popups work, and you can get started for a few bucks a month. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?