{"id":112442,"date":"2022-03-30T15:56:53","date_gmt":"2022-03-30T19:56:53","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=18096"},"modified":"2025-08-29T06:27:31","modified_gmt":"2025-08-29T10:27:31","slug":"how-to-create-a-slide-in-scroll-box-optin-form","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-create-a-slide-in-scroll-box-optin-form\/","title":{"rendered":"How to Create a Slide-In Scroll Box Campaign"},"content":{"rendered":"\n<p>OptinMonster makes it easy to create and display a Slide-In scroll box campaign on your site. These campaigns are a great way to convert visitors without disrupting their browsing experience.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to create a Slide-In campaign.<\/p>\n\n\n\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/4VgOchZnzbc?rel=0\" width=\"800\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Begin<\/h2>\n\n\n\n<p>Here are some things to know before you begin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Because Slide-in campaigns are permanently attached to the bottom of the screen, we recommend <a href=\"https:\/\/optinmonster.com\/docs\/how-to-show-campaigns-on-desktop-and-mobile-devices\/\" target=\"_blank\" rel=\"noopener\" title=\"\">hiding them on small screens like mobile phones<\/a> and instead, <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-mobile-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">show a mobile-only popup campaign<\/a> to your mobile website traffic.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create\">Create Slide-In Campaign<\/h2>\n\n\n\n<p>A Slide-In campaign scrolls up from the bottom right corner of the page, offering a subtler offer to your visitors. Slide-In campaigns are often used to redirect visitors to related content, prompting visitors to subscribe to a newsletter, or offering a discount.<\/p>\n\n\n\n<p>To create a Slide-In campaign, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the&nbsp;<a href=\"https:\/\/app.optinmonster.com\/campaigns\" target=\"_blank\" rel=\"noopener\" title=\"\">Campaigns<\/a> screen, select the <strong>Create New Campaign<\/strong> button.<br><img decoding=\"async\" width=\"800\" height=\"713\" class=\"alignnone size-full wp-image-164069\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign.jpg\" alt=\"Select the Create New Campaign button to get started in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign-300x267.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign-768x684.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>From the modal, select&nbsp;<strong>Templates<\/strong>&nbsp;as the type of campaign you\u2019d like to create.<br><img decoding=\"async\" width=\"800\" height=\"505\" class=\"alignnone size-full wp-image-169370\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/templates-selection-modal.jpg\" alt=\"Select Templates from the popup modal to begin selecting a campaign template in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/templates-selection-modal.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/templates-selection-modal-300x189.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/templates-selection-modal-768x485.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>On the next screen, select&nbsp;<strong>Slide-in<\/strong> as the campaign type.<br><img decoding=\"async\" width=\"800\" height=\"484\" class=\"alignnone size-full wp-image-164394\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-slide-in-campaign.jpg\" alt=\"Select Slide-in as the campaign type\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-slide-in-campaign.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-slide-in-campaign-300x182.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-slide-in-campaign-768x465.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>You can filter, sort, and search from available Slide-in campaign templates.<br><img decoding=\"async\" width=\"800\" height=\"484\" class=\"alignnone size-full wp-image-169418\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/filter-slide-in-templates.jpg\" alt=\"Filter and search Slide-in campaign templates.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/filter-slide-in-templates.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/filter-slide-in-templates-300x182.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/filter-slide-in-templates-768x465.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Hover over any template in the list to <strong>Preview<\/strong>&nbsp;or&nbsp;<strong>Use Template <\/strong>to select it and open the campaign builder.<br><img decoding=\"async\" width=\"800\" height=\"483\" class=\"alignnone size-full wp-image-169416\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/slide-in-template-preview-use.jpg\" alt=\"Preview or use a Slide-in template.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/slide-in-template-preview-use.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/slide-in-template-preview-use-300x181.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/slide-in-template-preview-use-768x464.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Once you&#8217;ve selected a campaign you&#8217;ll be prompted to give it a name and assign it to a site in your account.<br>Select the&nbsp;<strong>Start Building<\/strong> button to create the campaign and open it in the builder to customize.<br><img decoding=\"async\" width=\"800\" height=\"858\" class=\"alignnone size-full wp-image-169417\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/create-slide-in-modal.jpg\" alt=\"Name your Slide-in campaign and assign it to a site.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/create-slide-in-modal.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/create-slide-in-modal-280x300.jpg 280w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/create-slide-in-modal-768x824.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>You can now configure and customize your campaign in the builder, be sure to <strong>Save<\/strong> the changes as you work.<br>Just getting started? <a href=\"https:\/\/optinmonster.com\/docs\/getting-started-with-optinmonster-checklist\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Follow our guide here<\/a> to customize your campaign, or <a href=\"https:\/\/optinmonster.com\/demo\/\" target=\"_blank\" rel=\"noopener\" title=\"\">join a demo<\/a>!<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Frequently Asked Questions<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"minimize\">Can I control if the campaign is minimized when closed?<\/h5>\n\n\n\n<p>Yes! If you would like your Slide-In campaign to minimize instead of close completely when the Close button is clicked, you can follow <a href=\"https:\/\/optinmonster.com\/docs\/how-to-enable-the-minimized-state-for-slide-in-campaigns\/\" target=\"_blank\" rel=\"noopener\" title=\"\">our documentation on activating your Slide-In campaign&#8217;s minimized state<\/a>.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Can I reposition the Slide-in?<\/h5>\n\n\n\n<p>Yes, <a href=\"https:\/\/optinmonster.com\/docs\/how-to-reposition-the-slide-in-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">follow our guide here to reposition the Slide-in campaign<\/a> to a different area of the screen.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Troubleshooting<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">I&#8217;m having trouble closing my Slide-In campaign on mobile devices.<\/h5>\n\n\n\n<p>Visitors may have difficulty accessing the close button on a Slide-In campaign if the content in the campaign causes the campaign to be taller than the available screen space. This is because Slide-In campaigns are always anchored to the bottom of the browser screen, rather than floating in the middle of the screen like a popup campaign.<\/p>\n\n\n\n<p>If this is happening with your Slide-In campaign, we recommend adding the <a href=\"https:\/\/optinmonster.com\/docs\/how-to-show-campaigns-on-desktop-and-mobile-devices\/\" target=\"_blank\" rel=\"noopener\" title=\"\">&#8220;Visitor&#8217;s Device&#8221; Display Rule<\/a> to exclude showing the campaign on mobile devices. Then, use a <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-mobile-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Mobile Optimized Popup<\/a> which can be scrolled to view all content if needed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster makes it easy to create and display a Slide-In scroll box campaign on your site. These campaigns are a great way to convert visitors without disrupting their browsing experience. In this article, you&#8217;ll learn how to create a Slide-In campaign. Before You Begin Here are some things to know before you begin: Create Slide-In&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[28200],"documentation\/tags":[31399,31497,31402,31411,31401],"class_list":["post-112442","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-campaign-types"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=112442"}],"version-history":[{"count":27,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112442\/revisions"}],"predecessor-version":[{"id":198355,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112442\/revisions\/198355"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=112442"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=112442"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=112442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}