How to Create a Fullscreen Welcome Mat Optin Form

Are you wanting to create a welcome mat effect for your Fullscreen optin? With OptinMonster’s Page Slide option, you can easily add the welcome mat effect to your Fullscreen optin with the click of a button.

NOTE: You must have at least a Pro level subscription to use this feature. If you do not have an Pro level subscription, then you can follow our upgrade guide to gain access to the Fullscreen optin type and other features.
  1. Create Your Fullscreen Optin
  2. Remove Overlay Transparency
  3. Enable Page Slide Option

Step 1 – Create Your Fullscreen Optin

The first thing you will need to do is either create or edit a Fullscreen optin. You can do so by following the Creating a Fullscreen Welcome Gate Guide here.

Step 2 – Remove Overlay Transparency

Many Fullscreen optins allow some overlay transparency by default. Since this will be sliding in from the top of the page and not overlaying your content, it appears better if the transparency is off.

If you go to the Optin Panel, you will see the Overlay Background Color field.

Need-to-adjust-transparency-for-page-slide

The transparency control is the slider furthest to the right. Move the transparency slider up to the top, effectively removing any transparency.

No-Transparency-Fullscreen

Step 3 – Enable Page Slide Option

Also within in the Optin panel, you will notice a setting called Enable Page Slide? Turn that option On to enable Page Slide for your Fullscreen optin.

Enable-Page-Slide-for-Fullscreen

NOTE: To have a true welcome mat effect, configure your Display Rules so that the optin shows immediately when a visitor comes to your site. You can do this by setting the “After ‘X’ Seconds” rule to time on page of 0.

Save your optin.

When you test on your site, your Fullscreen optin should slide down from the top of the page. You now have a welcome mat effect for your site visitors!

Scroll-Down FullScreen

Congratulations! Your Fullscreen Welcome Mat optin looks great! 🙂