How To Create A Welcome Mat (Scroll Mat) In WordPress

Welcome Mat also called scroll mat is one of the few optin form formats that convert like crazy. It’s not because they are easy to create, but they are seriously unignorable and have a great first-time impression.

The Contents

  • What is a welcome mat
  • Why You Should Be Using Welcome Mat
  • Creating A Welcome Mat Using SUMOme
  • Creating A Scroll Mat Using Thrive Leads
  • Creating A Welcome Mat Using HelloBar
  • Bonus – OptinMonster

What is a welcome mat

A welcome mat is a type of lead generation or optin form format which pushes your page downwards and covers the whole page. This is primarily used for displaying welcome messages and getting leads from the first time visitors but In this mat, you can add anything such as:

  • An optin or a lead generation form
  • A signup button for registration
  • A CTA ( for promoting products etc.)
  • A video, GIF or a welcome message

And almost anything.

This works best for lead generation because it is not so easy to ignore these messages. It is so big and beautiful that you’ll be tempted to read whatever is there in these scroll mat if you see them for the first time.

Why You Should Be Using Welcome Mat

If getting more subscribers for your list and more leads for your product is your targeted (which should be) then welcome mat is your gold mine.

Why?

Because it converts better than lightbox popups and old school inline forms.

Moreover, it is quite advanced. The main benefit which I feel scroll mat users will see is its user-friendliness and performance. Since they are beautiful and doesn’t require any eternal page to work, your visitors will find it lesser annoying and pretty neat.

The welcome mat format is SEO friendly as well. It remains responsive which means it will always look good no matter what device they are shown on. These forms are all fixed in size so there is no need of scrolling down or upwards.

In a nutshell, this is something you should definitely try.

Now that you know about welcome mat and its benefits, I’ll show you how to create one for your blog. For doing that I’ll show you 3 different ways and tools and you can use. In the end, I’ll also tell you the best way and the best tool to use.

Creating A Welcome Mat Using SUMOme

SUMOme is a set of tools that are primarily made with conversion optimization in mind. You get a lead generation suit which consists of several modules one of which is the welcome mat.

Let’s get started with SUMOme.

Firstly, Install And Activate The SUMOme Plugin

Go to the SUMOme app and create an account. Then install its plugin on the WordPress blog you want to use it on.

You’ll have to sign in to SUMOme app once you activate the plugin.

Now go to your SUMOme dashboard and click on SUMOme shop icon like.

Select the welcome mat from the email section of the shop. Its located in the first row as shown in the image above.

Select your goal “building your list”. Then click on the welcome matt tab and design your form. Keep it simple and use as few words as possible. Don’t use images unless it’s very necessary.

That’s it.

Now click on the make live button and your scroll matt will start collecting leads right away.

Start using SUMOme

Creating A Scroll Mat Using Thrive Leads

What you saw in SUMOme named welcome mat, the same thing you will find in thrive leads but with a different name (because SUMOme patented their name) which is scroll mat. 

So the scroll mat in thrive leads works the same way. This is the one you’ll see on my homepage since I’ve already written about thrive leads.

Firstly, Go to the thrive themes and get your subscription of thrive leads. The, install and activate the plugin and don’t forget to enter your license key.

Go to your thrive leads dashboard and click on add new leads group button.

Next, click on the add new type of optin form button.

Then select the scroll mat as new optin form type from the popup menu.

After that, you’ll be redirected to a second tab. Here click on the add new form button. Name your new form and save it.

After creating your form you will notice a few buttons next to your form. Click the edit button as I’ve shown in the image above.

Next, you’ll be shown a number of different scroll matt templates. You can choose any of them and it depends on your personal preference.

After that, you’ll have to do one thing which is very very important. Connecting your email marketing service. To do that firstly click on the green button below and select state1. Then simply click on the lead form and select your email marketing service by going through the settings on the left side of the screen as I’ve shown in the image.

Finally, click on the save button below. Now, there’s only one thing you need to do.

Go to your thrive leads dashboard and click on the gear icon. Here you’ll have to select when this scroll mat will be shown to a visitor. I recommend selecting the homepage optin only.

That’s it. Your scroll mat is live now.

Start using Thrive Leads

Creating A Welcome Mat Using HelloBar

Now let’s see how to create a welcome mat using a popular lead generation tool called HelloBar.

First, go to hellobar and create your account. Install its plugin and activate it.

Then login to your hellobar dashboard and in your dashboard click on create a new button. Select your goal as grow your list.

After that, select the page takeover popup optin form format.

Choose a theme that best suits you. Hellobar is smart enough to automatically choose a theme that will best suit your blog.

Click on the next button and select the targeting optin as shown in the image above. If you have already purchased a subscription then you can select homepage visitors option. If you have a free account you can select the everyone option.

This is a very important step. In this screen, you’ll have to connect and sync Hellobar with your email marketing service. Click on create new contact list button. You can connect your MailChimp, Aweber, GetResponse, Constant Contact and ConvertKit account in the free version.

Finally, click on the save and publish button to make your welcome mat go live.

Start using HelloBar

Bonus – OptinMonster

OptinMonster too is a great lead generation tool and you can also create a welcome mat using this tool.

Let’s see how.

Start by going to the OptinMonster app. Select the pro plan because this is and the plans above are the one which gives you access to the welcome mat campaign. Create your account or simply start by using the free trial period.

Once you have created your account, you need to install the OptinMonster code on your blog.

Then go to your dashboard and click on create a new campaign button.

Select the full-screen optin type from the campaign type menu.

Then design your optin the way you want. The default settings are ideal settings and you can simply customize the text to match your call to action.

Then click on the save button. We are not done yet so keep reading.

Go to the optin settings and in the design fields section click on the overlay background button. Remove the transparency of the overlay background by shifting the white lever upwards as shown in the image above.

In the same settings enable the plage slide option. Then go to the display rules menu and set the trigger to immediately after a visitor land on your page.

That’s it. Your welcome mat is live now.

Start using OptinMonster

This was our whole welcome or scroll mat tutorial and I hope you are now getting more leads than before. Share your experience in the comments section below.

You’ll like these guides too:

  • Show An Optin Using Bloom When A Button Is Clicked (In Any Theme)
  • MailerLite Review : Pros and Cons For Bloggers
  • 6 Best Lead Generation Plugins For WordPress (With Tutorials)
  • How to Create a Free Landing Page Without Leaving WordPress Dashboard

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *