How to Create a Welcome Gate in WordPress (Step by Step)
Do you want to create a welcome gate on your website?
Traditional welcome gates redirect users to a new page, which is bad for SEO and user experience.
We’ll show you how to create a full-screen carpet on your website that visitors can interact with or simply leave behind. These campaigns can help you grow your email list, drive sales, and improve engagement on your website.
In this tutorial, you will learn how to create a full-screen welcome gate for your site in less than 10 minutes.
How to Easily Add a Welcome Gate to Your Website
If you want to stand out from the crowd, you’ll want to create a welcome door that’s absolutely stunning. You’ll also want to be able to customize it and choose how to display the campaign on your website.
In this tutorial, we’re going to show you how to create a beautiful campaign like this one in less than 10 minutes:
Behind this nice design are targeting rules that show the campaign only to new visitors. If a person has already seen or interacted with the campaign, they won’t see it again. We’ll even show you how to show it only on specific dates, times, and locations.
To create a powerful welcome gate like this, we’ll be using OptinMonster .
We’ve used OptinMonster to run our own campaigns and it’s very easy to use. There are beautiful templates to choose from and a visual editor to make all the changes you need. You never have to use any coding, finland phone number library and even if you’re a beginner, you’ll be able to learn how to use it in no time.
Plus,
OptinMonster comes with complete guide: how to create an email with canva powerful targeting rules to show your campaign only to new visitors or returning visitors. You can even choose to show your welcome mat by location, device, date/time, and more.
This allows you to create seasonal campaigns, localized offers, and much more.
What we love are the conversion-optimized elements within the OptinMonster builder, like a countdown timer , inline forms, content lockers, and more.
Learn more about OptinMonster here . If you want to create a Splash Page, you can check out this tutorial on How to Create a Stunning Splash Page for Your WordPress Site .
Now let’s get started with our sms to data tutorial here. Here are the steps we’re going to follow:
- Connect OptinMonster to your website
- Create a full screen welcome gate
- Customize your Welcome Campaign
- Target Your Audience
- Connect your email service
- Post the Welcome Gate
Step 1: Connect OptinMonster to your website
First, sign up for OptinMonster and install the OptinMonster plugin in your WordPress dashboard.
Once the plugin is activated, the setup wizard will start. Follow the on-screen instructions to connect the plugin to your OptinMonster account.
You can also connect your account in the OptinMonster » Settings tab .
A popup will appear to connect OptinMonster to WordPress.
You are now ready to create your full-screen campaign.
Step 2: Create a full-screen welcome gate
You can create campaigns from your OptinMonster account or from your WordPress dashboard. We’ll show you how to get started from your OptinMonster account because this will allow you to create as many campaigns as you need and connect them to different websites.
In your account, select the “Create new campaign” button .
This will open a popup windowthat allows you to choose between playbooks, templates, or canvas to start from scratch. Let’s create a campaign using a template.
When you select “Templates,” a library of templates will open. You’ll see options to create different types of campaigns, such as pop-ups, floating bars, full-screen, inline, slide-ins, and gamified wheels.Select Full Screen , then browse the templates below.
For this tutorial, we’re going to choose the Vacation template. When you choose a template, you’ll need to fill in a name for your campaign. You can also choose which site you want this campaign for.
That’s it, now you can start building your campaign.
Step 3: Customize your Welcome Gate campaign
You should now be inside the OptinMonster campaign builder. You will see a preview of your campaign and a task bar on the left.
To make changes, you can work directly in the preview. So, for example, you can select text in the preview and change it right there like this:
Need more options? Let’s change the CTA button. Just click on it and editing options will appear on the left.
You can customize the text and the action that takes place when the user clicks on it. There are many more customization options to change the width, alignment, color, and more.
If you want to add a new element, such as an image, you can simply drag it from the left menu into your design. It’s that easy, right? You can edit your design by simply dragging and dropping elements wherever you want them to be.
When you add an image block, an image library will open. You can also access the Unsplash image library here, with millions of free stock images inside.