How to Create a Welcome Mat for Your WordPress Site

Do you need to upload a full-screen welcome mat to your web site?

A welcome mat is a complete display screen dynamic overlay that mean you can get extra e-newsletter subscribers, eBook downloads, gross sales to your merchandise, and many others.

In this text, we’ll percentage how to create a welcome mat for your WordPress website in conjunction with some nice welcome mat examples to be informed from.

Why a Welcome Mat Can Boost Your Conversions

More than 70% of tourists leaving your web site won’t ever go back, except you exchange them into an e mail subscriber or a buyer.

A welcome mat is a huge, fullscreen interstitial that blocks the view of the remainder of your web site’s content material to seize person’s consideration.

That would possibly sound like a dangerous thought, but it surely’s a wonderful means to get your message in entrance of tourists instantly.

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

Similar to exit-intent popups, welcome mats are efficient in using prime conversion charges.

Of direction, you’ll need to give other folks a just right explanation why to enroll. If you don’t have already got a lead magnet, then that you must be offering a cut price code and even a freebie.

Here are two very other welcome mat examples that experience very prime conversion charges:

Spin a Wheel - Gamified Welcome Mat

The above is a welcome mat that we use on our WPForms weblog, and it converts really well.

The screenshot under is a welcome mat that we use to give considered one of our lead magnets that does a truly just right activity in getting customers to sign up for our e mail e-newsletter:

Cheat Sheet Lead Magnet Welcome Mat

That being stated, let’s take a have a look at how to simply upload a welcome mat to your web site.

How to Create a Welcome Mat for Your Website

First, you wish to have to enroll for an OptinMonster account. It is the most efficient lead era tool on the planet and lets in you to simply create optin bureaucracy together with welcome mats.

Note: WPBeginner founder, Syed Balkhi, first constructed OptinMonster to lend a hand develop our personal subscribers and gross sales. Now it’s a top class plugin that’s utilized by loads of hundreds of web pages.

Next, you’ll want to set up and turn on the OptinMonster WordPress plugin. For extra main points, see our step-by-step information on how to set up a WordPress plugin.

The plugin connects the OptinMonster app to your web site. Once you’ve activated the plugin, click on at the OptinMonster menu to your WordPress dashboard to attach your account.

Connect OptinMonster to your website

After that, you’re in a position to create your welcome mat.

Creating a Welcome Mat for Your Website

In your WordPress dashboard, click on the ‘Create New Campaign’ button to get started growing your welcome mat.

Create new OptinMonster campaign

This will take you to the OptinMonster web site.

Next, select ‘Fullscreen’ for your marketing campaign sort.

Choose fullscreen as your campaign type

You’ll want to select a template for your marketing campaign. We’re going to use the ‘Entrance’ template, however you’ll select a other one if you need.

Select the Entrance template to start creating your welcome mat

After you click on the ‘Use Template’ button, you’ll see a marketing campaign builder display screen like this:

The default Entrance template

You can alternate the rest you prefer right here. You’ll need to edit the textual content to correspond to your individual be offering, after all.

Simply click on on any component, and also you’ll see that you’ll edit it within the left-hand pane.

Editing the text of your welcome mat

Next, move to Optin Settings » Fullscreen Background. Click on ‘Background Color’ and set the A (Alpha) price to 100.

Removing the transparency from your welcome mat

This guarantees that your welcome mat gained’t be clear in any respect, so none of your website content material will display thru.

The subsequent step is to let your welcome mat slide in. You can do that by means of clicking the ‘Home’ button at the left-hand facet then clicking ‘Fullscreen Settings’.

From right here, you wish to have to toggle the ‘Display a Page Slide?’ choice on, in order that it’s inexperienced.

Editing the fullscreen settings

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

Next, you wish to have to transfer to the ‘Success’ view of your welcome mat. This is what your customers will see when they carry out the specified motion.

Editing the success view of your welcome mat

Once you’re glad along with your welcome mat, you’ll arrange the way it’s going to show for your website.

Getting Your Welcome Mat to Display on Your Site

You can set how you need to show your welcome mat popup by means of switching to the Display Rules tab in OptinMonste.

By default, OptinMonster campaigns show on all pages of your website after the customer has been there for Five seconds. Since that is a welcome mat, you’ll more than likely need it to show straight away. Just alternate this price to zero seconds.

Editing your welcome mat's display rules in OptinMonster

By default, the welcome mat will show on each and every web page of your website. You can simply come with or exclude particular pages by means of the use of OptinMonster’s personalization regulations.

There are a lot of alternative personalization and focused on choices like person’s location, what pieces they’ve of their eCommerce cart, what have they performed in the past for your website, and many others.

Once you’re ready to make your welcome mat are living, merely click on ‘Publish’ on the most sensible of the display screen. You will want to transfer the toggle subsequent to ‘Status’ in order that it presentations ‘Live’.

Making your welcome mat campaign live

Don’t omit to click on ‘Save’ to save your adjustments.

Now, head to your WordPress web site and click on at the OptinMonster menu merchandise. You must see your welcome mat marketing campaign, plus another campaigns you’ve created.

Viewing your OptinMonster campaigns in your WordPress dashboard

If it’s now not showing, simply click on ‘Refresh Campaigns’ to fetch knowledge from the OptinMonster web site.

To take a look at your marketing campaign, you’ll consult with your web site in a new incognito browser window. You must see your welcome mat slide in seamlessly from the highest of your display screen.

Examples of Great Welcome Mats

Let’s take a have a look at some welcome mat examples from other industries. For every, we’ll undergo what they’re doing smartly, plus any minor adjustments we would possibly recommend.

1. Singularity

This welcome mat from Singularity brought on customers to enroll and watch the livestream of the Singularity University Global Summit. It was once massively a success and captured over 2,000 new e mail signups in underneath nine days.

Singularity's welcome mat example

We specifically appreciated the good use of the brand, the transparent fonts, and the intense “Remind Me!” button.

2. Goins, Writer

This welcome mat from Goins, Writer gives a loose information. It’s a transparent, easy be offering, and the minimalist design is consistent with the remainder of the web site.

Goins, Writer's welcome mat example

We felt that the “Yes” and “No Thanks” buttons are transparent and simple to use, and the usage of numbers within the headline makes for a compelling be offering.

3. AVweb

This welcome mat has a huge, transparent symbol of a small aircraft. It’s straight away crowd pleasing.

AVweb's welcome mat example

We appreciated the good symbol, and the transparent “Sign Me Up!” name to motion. One small imaginable tweak could be to shorten the tagline to steer clear of having it quilt the highest of the aircraft.

4. Loaded Landscapes

This welcome mat from Loaded Landscapes is a little other from different examples. The background is somewhat clear.

Loaded Landscape's welcome mat example

We appreciated the transparent be offering and the keenness of the pink name to motion button. The background of the website underneath the welcome mat may well be a little distracting, so it could be value converting it to be totally opaque, on the other hand.

5. OptimizeMyBnb

This welcome mat was once used on a particular web page, related to from a e-book the web site proprietor offered thru third-party outlets. These outlets didn’t go on consumers’ main points, despite the fact that. Using a welcome mat on this method helped seize consumers’ e mail addresses.

Optimize Your BnB (book) - welcome mat example

We felt the very transparent headline, subheading, and speak to to motion textual content all labored smartly. However, we concept that “merchandise” at the button must more than likely be “pieces” plural. This highlights the significance of sparsely proofreading your welcome mat’s textual content.

There are dozens extra complete display screen welcome mat examples that you’ll see, however we didn’t upload all of them on this information.

If you’re having a look for extra inspiration, right here are a few things you’ll do with a fullscreen welcome mat:

  • Present a focused be offering or coupon
  • Showcase new services and products
  • Let guests know what to be expecting from the website
  • Win new subscribers by means of highlighting their easiest content material
  • Point guests to their social media profiles
  • Collect e mail subscribers as a part of a prelaunch section

If you’re eager about making improvements to your web site conversions, then welcome mat or even go out fullscreen interstitial are one of the most perfect changing pieces you’ll upload to your web site.

We hope this text helped you learn the way to create a welcome mat for your web site and that you just discovered the examples inspiring. You might also need to take a have a look at our comparability of the most efficient e mail advertising services and products and our checklist of the will have to have WordPress plugins.

If you really liked this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can in finding us on Twitter and Facebook.

Recent Articles

Standard Display Drivers for Windows 10 FAQ

Drivers act like a translator between the device they control, and the other programs in your system. Google Translate is not support in your...

Pictures Tutorial How to Reset USB Ports on Windows 10 8 7?

If you did not find it, close the window and update a different driver. Authentic and functional files are kept in a compressed cache...

How to properly update device drivers on Windows 10

Windows Update, Device Manager, and Auto-Update Assistants from device manufacturers. In most cases, these methods will keep your device drivers installed and updated properly....

Injustice: Gods Among Us APK OBB Download Install 1Click Obb Installer for Injustice: Gods Among Us

The traitor will need to be found before they can kill everyone else. You can download this game for your phone or tablet from...

Solved Camera not Working after Big Sur Update on Mac

However, after making all the necessary changes, restart the application and check if it is working properly. If your webcam isn’t working properly, it...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here