How to Create a Floating Bar Optin

OptinMonster makes it easy to create and display Floating Bar campaigns on your site. Convert subscribers without interrupting their browsing experience, displaying your campaign at the top or bottom of the browser window. With OptinMonster, you can create a floating bar campaign in just a few easy steps following this guide.

REQUIREMENTS: You will need a Plus or Pro subscription to create Floating Bar campaigns.

  1. Create a Floating Bar Campaign
  2. Design your Campaign
  3. Embed your Campaign

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

Step 1 – Create a New Floating Bar Campaign

The first step is create a new campaign by determining it’s type and title according to our guide.

You should select the Floating Bar Campaign Type.


Note: If you wish to target a sub-domain for your campaign, be sure to check out our guide on sub-domain targeting.

After you’ve followed the guide above and created a new campaign, then the next task is to build your campaign.

Step 2 – Design Your Floating Bar Campaign

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


When you are finished, be sure to save your campaign and make it Live. Congratulations, you’re all done building your campaign!

Step 3 – Embed Your Floating Bar Campaign on Your Website

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


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

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

Q: 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 campaign is to push the page content down when the campaign is positioned at the top of the browser.

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