How to Create WordPress Notification Bars (Bottom/Top Bar)

Customizing notification bar optin in MailOptin

Notification Bar (also known as top & bottom bar, floating bar or hello bar) or are arguably the most common and popular method of building email list and a great way to convert subscribers without being intrusive.

Follow this guide to learn how to use MailOptin to add a notification bar with email signup form or optin form to your WordPress site.

Before you proceed, ensure you’ve connected your email marketing service provider. You can skip this if you intend to use our MailOptin Leads feature to store your leads.

Go to the Optin Campaigns admin page and click the “Add New” Button at the top of the page.

Optin Campaigns menu link

Enter a title for the optin campaign, select NOTIFICATION-BAR optin type, click on your preferred theme to redirect you to the form builder.

Create new notification bar optin campaign

Customize the opt-in form to your heart content using our intuitive form builder.

Customizing notification bar optin in MailOptin

Go to the “Integration” panel, select your email service provider and the email list all captured leads/conversions will be saved to. You could decide to use MailOptin Leads for the lead storage and be done and over with.

MailOptin email marketing service provider integration in form builder

To actually get the optin to display on your site, navigate to the “Display Rules” panel, go to the “Quick Setup” section and check “Activate 0ptin”.

If you want the optin to be displayed on every posts and pages of your site, also check “Globally load optin”, otherwise, use page level targeting to display only on specific part of your site.

 

Page level targeting options in MailOptin

To display the optin form on posts, pages or both; In page level targeting panel under Load optin only on “post types”, select either or both.

 

Use Triggers to cause the optin to display based on user activities and interactions on your site such as exit intent, scroll trigger, time on site and number of page views.

 

MailOptin display rules and targeting

Use the “Configuration” panel to decide whether to display the notification bar at the top or bottom of visitor’s screen. The sticky bar option allows you to make top notification bar sticky. That is, it will stick to the top of visitors screen even when they scroll down your page.

Notification bar configuration in MailOptin customizer

Go to the “Integration” panel, select your email service provider and the email list all captured leads/conversions will be saved to. You could decide to use MailOptin Leads for leads storage and be done and over with.

MailOptin email marketing service provider integration in form builder

Save the changes and preview your site. You should now see it displayed.