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.
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.
From your OptinMonster Dashboard, select the Create New Optin button.
On the next screen, you’ll be prompted to do the following:
- Optin Campaign Title: Give your Optin Campaign a Title.
- Website: Select the Website you’re creating your optin for or add a new website.
- Select Your Design: Select your optin type. In this case, select the Floating Bar design.
- Select the Template you wish to use.
As time goes on, more templates for the floating bar optin will be developed. For now, select the Postal Template.
The next step is to design your popup according to the steps in Creating Your First Optin.
When you are finished, be sure to save your optin and congratulations, you’re all done building your optin!
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.
Once your campaign is live you’ll see this status reflected in the top menu bar.
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.
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.
Q: Can I display my Floating Bar to mobile visitors?
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.