How to Create a Floating Bar Optin

With OptinMonster, you can create a floating bar optin in just a few easy steps. Make sure you have an OptinMonster Plus or Pro subscription before we begin.

  1. Create a New Optin Campaign
  2. Design your Optin
  3. Start the Campaign
  4. Embed your Optin

Also, if you haven’t reviewed the general process for creating an optin, we encourage you to check out our Creating Your First Optin documentation.


Step 1 – Create a New Floating Bar Optin Campaign

From your OptinMonster Dashboard, select the Create New Optin button.

Select the Create New Optin button from your OptinMonster Dashboard to begin creating your optin.

On the next screen, you’ll be prompted to do the following:

  1. Optin Campaign Title: Give your Optin Campaign a Title.
  2. Website: Select the Website you’re creating your optin for or add a new website.
  3. Select Your Design: Select your optin type. In this case, select the Floating Bar design.
  4. Select the Template you wish to use.

You can configure the basic setup for your Floating Bar optin before proceeding to the optin builder design.

As time goes on, more templates for the floating bar optin will be developed. For now, select the Postal Template.

Note: you can change the template for your optin in the builder at any time from inside the Optin panel.

Step 2 – Design Your Floating Bar Optin

The next step is to design your popup according to the steps in Creating Your First Optin.

OptinMonster-SaaS-Design-Floating-Bar-optin

When you are finished, be sure to save your optin and congratulations, you’re all done building your optin!


Step 3 – Start the Campaign

When you create a new optin, it’s Paused by default.

Once you’ve finished configuring your optin and it’s ready to be displayed on your site, hover over the status bar in the top menu and choose Start Campaign.

You can toggle the optin's status from Paused to Live in the optin builder by selecting the Start Campaign button from the top toolbar.

Once your campaign is live you’ll see this status reflected in the top menu bar.

The status of your optin is displayed in the top toolbar of the optin builder as either Live or Paused.

Need to pause your campaign again? You can do that in the optin builder too; simply hover over the status bar again and this time choose Pause Campaign.

You can Pause your optin campaign within the builder by selecting the Pause Campaign button from the top toolbar.


Step 4 – Embed Your Floating Bar Optin on Your Website

The final step is to embed your optin on your site. We provide a number of guides for the most popular platforms, check out our Platform Docs to get started.


FAQs

Q: Can I display my Floating Bar to mobile visitors?

A: Yes! If you have a Pro subscription you can configure your Floating Bar optin to display on specific devices following our guide: How to do Page Level Targeting with OptinMonster.


Why doesn’t the Floating Bar push the content down when I reposition it to the top of the browser?

A: The default behavior for the Floating Bar optin is to push the page content down when the optin is positioned at the top of the browser.

If you’re seeing the Floating Bar overlay your page content instead at the top, it’s likely that your site’s theme or styling is interfering with the natural behavior of the optin. For example, if your site has a sticky header or navigation bar this can result in the optin overlaying that sticky header or navigation bar.