Do you want to create a welcome portal 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 mat directly on your website that visitors can interact with or simply leave. These campaigns can help 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 portal for your website in less than 10 minutes.
How to Easily Add a Welcome Gate to Your Website
If you want to stand out from the crowd, create australia phone number library a welcome gate that looks absolutely stunning. Plus, you can customize it and choose how to display the campaign on your website.
In this tutorial, we’ll show you how to create a beautiful campaign like this in less than 10 minutes:
Behind this beautiful design are targeting rules that only show your campaign to new visitors. If someone has already seen or engaged with your campaign, they’ll never see it again. We’ll even show you how to show your campaign only on specific dates and times, and to specific locations.
To create an efficient welcome gate like this, we will use OptinMonster .
We use OptinMonster to run our own campaigns and it’s super easy to use. There are beautiful templates to choose from and a visual editor to make all the changes you need. There’s no coding required and even if you’re a beginner, you can learn how to use it quickly.
Additionally, OptinMonster comes with powerful targeting rules to show your campaign to only new or returning visitors. You can even choose to display your welcome mat by location, device, date/time, and more.
This allows you to create seasonal campaigns, localized offers, and more.
What we love most are the conversion-optimized elements within OptinMonster’s builder, like a countdown timer , inline forms, content lockers, and more.
Learn more about OptinMonster here . If you want to create a splash page instead, check out this tutorial on How to Create a Stunning Splash Page for Your WordPress Website .
Now, let’s start our tutorial here. Here are the steps we will follow:
- Connect OptinMonster to your website
- Create a full screen Welcome Gate
- Personalize your welcome campaign
- Segment your target audience
- Connect your email service
- Publish the Welcome Gate
Step 1: Connect OptinMonster to your website
First, sign up for OptinMonster and then install the OptinMonster plugin from your WordPress dashboard.
Once you activate the plugin, it will launch the setup wizard. Follow the on-screen instructions to connect the plugin to your OptinMonster account.
You can also connect your account in the OptinMonster ” Settings ” tab .
This will open a pop-up window to connect OptinMonster to WordPress.
If you’re logged into your OptinMonster account in another tab, the plugin will automatically detect your account and connect it. Nothing else is required. You’ll see a message letting you know that your account is connected.
Now you are ready to create your full screen campaign.
Step 2: Create a full-screen welcome door
You can create campaigns in your OptinMonster account or directly from your WordPress dashboard. We’ll show you how to get started with your OptinMonster account, as 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 pop-up window that allows you to choose between manuals, templates, or a canvas to start from scratch. Let’s create a campaign using a template.
When you select “Templates,” a template library will open. You’ll see options to create different types of campaigns, such as pop-ups, floating bars, full-screen, inline, slide-in, and gamified wheels.
Choose Fullscreen and then browse the templates below.
For this tutorial, we’ll choose the audience addressability: how can publishers prepare for a cookieless world? Holiday template. When you choose a template, you’ll need to fill in a name for your campaign. You can also choose the website you want to run the campaign on.
That’s it, now you can start creating the campaign.
Step 3: Personalize your welcome campaign
You should now be inside OptinMonster’s campaign builder. You’ll see a preview of your campaign and a toolbar 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:
You’ll even see a text editor appear jiangxi mobile phone number list to change fonts, alignment, text color, and more.
Need more options? Let’s change the CTA button. Just click on it and the editing options will appear on the left.