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:
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:
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.
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.
This will take you to the OptinMonster web site.
Next, select ‘Fullscreen’ for your marketing campaign sort.
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.
After you click on the ‘Use Template’ button, you’ll see a marketing campaign builder display screen like this:
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.
Next, move to Optin Settings » Fullscreen Background. Click on ‘Background Color’ and set the A (Alpha) price to 100.
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.
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.
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.
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’.
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.
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.
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.
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.
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.
This welcome mat has a huge, transparent symbol of a small aircraft. It’s straight away crowd pleasing.
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.
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.
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.
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.