Do you want to change where your Slide-in campaign appears on the page? OptinMonster lets you choose the Slide-in’s position right in the campaign builder. In this article, you’ll learn how to reposition the Slide-in campaign.
Before You Start
- This guide assumes you’ve already created a Slide-in campaign you want to reposition.
Selecting the Slide-in Position
- To get started, navigate to the Campaigns screen in your OptinMonster account.
- Next, open your Slide-in campaign in the campaign builder.
- Once the builder loads, click the gear icon at the bottom of the builder to open the campaign’s settings.
- Then, in the Slide-In Settings section of the sidebar’s Basic tab, choose where you want your Slide-in to appear using the Slide-In Position grid. You can pick from 9 positions: Top Left, Top, Top Right, Left, Center, Right, Bottom Left, Bottom, and Bottom Right.
- Finally, click Save at the top of the builder to apply your change.
Note: The bottom right is the default position for all Slide-in campaigns.
Repositioning With Custom CSS
If one of the default positions doesn’t quite meet your requirements, you can fine-tune the placement with custom CSS. This method assumes that you’re already familiar with our Custom CSS Tool.
For example, the following CSS keeps the Slide-in in the default bottom right position but moves it 40 pixels in from the right edge and 100 pixels up from the bottom, leaving room for something like a chat widget:
You can adjust the properties and values to nudge the campaign from any starting position. OptinMonster automatically replaces the {{id}} placeholder with your campaign’s unique ID when the CSS is generated to show on your site.
Note: The Slide-In Position setting applies its own CSS to your campaign, so any custom CSS needs the full selector shown above, including the !important flags, to take priority. A shorter selector like html div#om-{{id}} won’t override the built-in positions.
FAQs
Do I still need custom CSS to reposition my Slide-in?
The Slide-In Position setting in the campaign builder covers the standard placements, so you only need custom CSS when you’re on another plan or want to fine-tune the exact placement beyond what the built-in options offer.
That’s it! You now know how to reposition your Slide-in campaign. Want to adjust the size of your campaign too?
