OptinMonster Logo
OptinMonster Logo

Join 1,213,437+ using OptinMonster to get more subscribers and customers.

See all Features

Get Started Now

OptinMonster Documentation

Documentation, Reference Materials, and Tutorials for OptinMonster

Home

Docs

How to Reposition the Slide-In Campaign

How to Reposition the Slide-In Campaign

OptinMonster makes it easy to customize the appearance of your campaigns, like how to reposition the Slide-in.

In this article, you’ll learn how to reposition the Slide-in.

Before You Start

Bottom Positions

Bottom Right

The bottom right is the default position for all Slide-in campaigns. No modifications are needed.

Bottom Left

Reposition the Slide-in campaign to the bottom left by adding the following CSS using the Custom CSS tool:

Bottom Center

Reposition the Slide-in campaign to the bottom center by adding the following CSS using the Custom CSS tool:

350 pixels is the default setting for new Slide-in campaigns, if you’ve changed the campaign container width you will need to update the CSS to reflect your campaign’s specific width. This code works only when you use pixel values, not percentages, for the campaign container width.

Top Positions

Top Right

Reposition the Slide-in campaign to the top right by adding the following CSS using the Custom CSS tool:

Top Center

Reposition the Slide-in campaign to the top center by adding the following CSS using the Custom CSS tool:

350 pixels is the default setting for new Slide-in campaigns; if you’ve changed the campaign container width you will need to update the CSS to reflect your campaign’s specific width. This code works only when you use pixel values, not percentages, for the campaign container width.

Top Left

Reposition the Slide-in campaign to the top left by adding the following CSS using the Custom CSS tool:

Side Positions

Right Center

Reposition the Slide-in campaign to the right center by adding the following CSS using the Custom CSS tool:

The 540px value in the code above will need to be updated to specify the pixel height of your own Slide-in campaign. This code works only when you use pixel values, not campaign height percentages. The height of a campaign automatically adjusts based on the contents within it; you can use your browser’s dev tools to inspect the campaign and locate the displayed dimensions.

Left Center

Reposition the Slide-in campaign to the left-center by adding the following CSS using the Custom CSS tool:

The 540px value in the code above will need to be updated to specify the pixel height of your Slide-in campaign. This code works only when you use pixel values, not campaign height percentages. The height of a campaign automatically adjusts based on its contents; you can use your browser’s dev tools to inspect the campaign and locate the displayed dimensions.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Get Started With OptinMonster Today!

BONUS: Done-For-You Campaign Setup ($297 value)
Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →

Still stuck?

How can we help?

Last updated on

Related Docs

Start Getting More Leads & Sales Today with OptinMonster!

Start Getting More
Leads & Sales Today
with OptinMonster!

Create and launch smart capture forms today in minutes. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?

Get OptinMonster Now     Arrow Right

See all Features

OptinMonster has transformed our business. Before integrating their optins, our clients saw a 2% conversion rate from web traffic, which is slightly above the standard for their industry. With the integration of OptinMonster’s lightbox popup, exit-intent technology, split testing, and other tools, our client’s conversion rates soared by an unprecedented 500%. They attracted substantially more customers while spending less on digital advertising. Their success propelled them to the top of their markets, outperforming national chains and other medical spas with much bigger marketing budgets. Our client’s success in their market has distinguished us in our own. We are now one of the most sought-after marketing firms in the industry of aesthetic medicine. We know that the integration of OptinMonster, more than any other tool or marketing strategy, has supported this growth and achievement.

chris zelig medstar media

Chris Zelig

Partner, Medstar Media

View Case Study

OptinMonster has been a game-changer for us. From driving donations to collecting new leads, there is nothing that this simple tool has failed to accomplish. Our lead collection rate has jumped by over 1,000%.

joe lowe american bird conservancy

Joe Lowe

Director of Digital Communications, American Bird Conservancy

View Case Study

Through OptinMonster’s exit-intent popups, we have more than doubled our sales conversion rate. Best of all is the compound effect of using OptinMonster over a long period of time—more conversions mean more customers, which means more word of mouth.

mitch smith, managing director, shockbyte

Mitch Smith

Managing Director, Shockbyte.com

View Case Study