How you can Create a Welcome Mat for Your WordPress Website (+ Examples)

Do you wish to add a full-screen welcome mat to your web site?

A welcome mat is a full-screen, dynamic overlay that may provide help to get extra publication subscribers, eBook downloads, gross sales to your merchandise, and extra.

On this article, we’ll share tips on how to create a welcome mat to your WordPress web site, together with some nice welcome mat examples to study from.

Why a Welcome Mat Can Increase Your Conversions

Greater than 70% of holiday makers leaving your WordPress web site won’t ever return except you exchange them into electronic mail subscribers or clients.

A welcome mat is a big, full-screen interstitial that blocks the view of the remainder of your web site’s content material to seize the consumer’s consideration.

Which may sound like a foul concept, nevertheless it’s an effective way to get your message in entrance of holiday makers immediately.

If guests don’t need what you’re providing, then they’ll merely shut the welcome mat.

After all, you’ll wish to give individuals an excellent purpose to enroll if you happen to’re exhibiting a welcome mat as a substitute of an exit-intent popup, reminiscent of a reduction code or perhaps a freebie.

For instance, you might have seen widespread eCommerce shops supply a particular low cost utilizing a full-screen welcome mat with gamification.

In different instances, you might have seen widespread bloggers utilizing a full-screen welcome mat to develop their electronic mail publication.

That being mentioned, let’s check out tips on how to simply add a welcome mat to your web site.

How you can Create a Welcome Mat for Your Web site

The simplest method of making a welcome mat in WordPress is utilizing OptinMonster. It’s the greatest lead era software program on this planet and lets you simply create optin types, together with welcome mats.

First, you’ll want to go to the OptinMonster web site and signup for an account. You have to not less than the Fundamental plan to create fullscreen overlays.

Subsequent, you’ll want to put in and activate the OptinMonster WordPress plugin. For extra particulars, see our step-by-step information on tips on how to set up a WordPress plugin.

The plugin connects the OptinMonster app to your web site. When you’ve activated the plugin, you’ll see the setup wizard in your WordPress dashboard. Go forward and click on the ‘Join Your Present Account’ button.

Subsequent, a brand new window will open.

Merely click on the ‘Connect with WordPress’ button.

Now, you’re able to create your welcome mat.

Making a Welcome Mat for Your Web site

You’ll be able to head to OptinMonster » Campaigns to create a brand new marketing campaign.

Go forward and click on the ‘Create Your First Marketing campaign’ button to begin creating your welcome mat.

A brand new window will now pop up the place you may choose pre-built templates or select ready-to-use campaigns and lead magnets, impressed by profitable manufacturers. OptinMonster additionally provides you the choice to rent a specialist to customise your campaigns.

For this tutorial, we are going to use the ‘Templates’ possibility.

It will take you to the OptinMonster marketing campaign builder.

Subsequent, select ‘Fullscreen’ to your marketing campaign kind.

You’ll want to decide on a template to your marketing campaign. We are going to use the ‘Entrance’ template, however you may decide a distinct one if you would like.

When you’ve chosen a template, go forward and enter a reputation to your marketing campaign and click on the ‘Begin Constructing’ button.

Subsequent, you may customise your marketing campaign utilizing the drag-and-drop builder. You’ll be able to change something you want right here.

There are completely different blocks that may be added to the marketing campaign, like photographs, textual content, buttons, and extra. You’ll additionally wish to edit the textual content to correspond to your supply.

Merely click on on any ingredient, and also you’ll see which you can edit it within the left-hand pane.

As an example, we are going to change the headline of the full-screen welcome mat for our demo marketing campaign.

The subsequent step is to let your welcome mat slide in. You are able to do this by clicking the Settings gear icon on the underside left-hand facet.

From right here, it’s good to toggle the ‘Show a Web page Slide?’ choice to allow it.

This implies your welcome mat will slide down from the highest of the display as a substitute of fading into view.

Subsequent, it’s good to change to the ‘Success’ view of your welcome mat. That is what your customers will see after they carry out the specified motion. In order for you, you may customise the success view or use the default template.

When you’re completely satisfied along with your welcome mat, you may arrange the way it will show in your web site.

Displaying the Welcome Mat on Your WordPress Website

You’ll be able to set tips on how to show your welcome mat popup by switching to the ‘Show Guidelines’ tab in OptinMonster.

There are many personalization and concentrating on choices like customers’ location, what objects they’ve of their eCommerce cart, what they’ve executed beforehand in your web site, exit intent, and extra.

By default, OptinMonster campaigns show on all pages of your web site after the customer has been there for five seconds.

Since it is a welcome mat, you’ll in all probability need it to show instantly. Simply change this worth to 0 seconds.

By default, the welcome mat will show on each web page of your web site. You’ll be able to simply embrace or exclude particular pages by utilizing OptinMonster’s personalization guidelines.

You’ll be able to click on the ‘Subsequent Step’ button if you’re executed.

Subsequent, you’ll see extra choices for displaying your marketing campaign. As an example, you may add an impact or play a sound when the marketing campaign seems on a consumer’s display.

For this tutorial, we’ll use the default settings and click on the ‘Subsequent Step’ button.

On the following display, you will notice a abstract of your show guidelines settings.

You’ll be able to edit the settings earlier than publishing the marketing campaign.

As soon as you might be able to make your welcome mat stay, merely go to the ‘Publish’ tab on the high of the display.

Go forward and alter the Publish Standing from ‘Draft’ to ‘Publish.’

Don’t overlook to click on ‘Save’ to retailer your adjustments and shut the marketing campaign builder.

Subsequent, you will notice WordPress Output Settings to your marketing campaign. Be sure that your marketing campaign is revealed.

If it isn’t, then merely click on the Standing dropdown menu and choose the ‘Revealed’ possibility. Don’t overlook to click on the ‘Save Adjustments’ button if you’re executed.

To take a look at your marketing campaign, you may go to your web site in a brand new incognito browser window.

It’s best to see your welcome mat slide in seamlessly from the highest of your display.

Examples of Nice Welcome Mats

Let’s check out some welcome mat examples from completely different industries. For every, we’ll undergo what they’re doing properly, plus any minor adjustments we’d recommend.

1. Singularity

This welcome mat from Singularity prompted customers to enroll and watch the livestream of the Singularity College International Summit. It was massively profitable and captured over 2,000 new electronic mail signups in below 9 days.

We significantly like the nice use of the brand, the clear fonts, and the intense “Remind Me!” button.

2. Goins, Author

This welcome mat from Goins, Author gives a free information. It’s a transparent, easy supply, and the minimalist design is consistent with the remainder of the web site.

We really feel that the “Sure” and “No Thanks” buttons are clear and simple to make use of, and using numbers within the headline makes for a compelling supply.

3. AVweb

This welcome mat has a big, clear picture of a small airplane. It’s immediately eye-catching.

We like the nice picture, and the clear “Signal Me Up!” name to motion. One small potential tweak can be to shorten the tagline to keep away from having it cowl the highest of the picture.

4. Loaded Landscapes

This welcome mat from Loaded Landscapes is just a little completely different from different examples. The background is barely clear.

We just like the clear supply and the passion of the pink name to motion button. The background of the positioning beneath the welcome mat might be just a little distracting, so it is perhaps price altering it to be totally opaque, nonetheless.

5. OptimizeMyBnb

This welcome mat was used on a particular web page, which was included as a clickable hyperlink inside a e-book the web site proprietor bought by means of third-party retailers. These retailers didn’t move on clients’ particulars, although. Utilizing a welcome mat on this method helped seize clients’ electronic mail addresses.

We really feel the very clear headline, subheading, and call-to-action textual content all labored properly, and that the ‘no, thanks’ button is used properly to offer the consumer sense of FOMO.

There are dozens extra full-screen welcome mat examples which you can see, however we didn’t add all of them on this information.

When you’re in search of extra inspiration, listed below are some issues you are able to do with a fullscreen welcome mat:

Current a focused supply or couponShowcase new merchandise and servicesLet guests know what to anticipate from the siteWin new subscribers by highlighting their greatest contentPoint guests to their social media profilesCollect electronic mail subscribers as a part of a prelaunch part

When you’re critical about enhancing your web site conversions, then welcome mat and even exit fullscreen interstitials are a few of the highest changing parts you may add to your web site.

We hope this text helped you learn to create a welcome mat to your web site and that you simply discovered the examples inspiring. You might also need to try our comparability of the greatest electronic mail advertising companies, and our record of the must-have WordPress plugins.

When you favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Fb.

The put up How you can Create a Welcome Mat for Your WordPress Website (+ Examples) first appeared on WPBeginner.