{"id":112468,"date":"2023-07-10T11:45:35","date_gmt":"2023-07-10T15:45:35","guid":{"rendered":"https:\/\/optinmonster.com?p=111447&#038;post_type=optinmonster_docs&#038;preview_id=111447"},"modified":"2025-08-08T12:50:38","modified_gmt":"2025-08-08T16:50:38","slug":"how-to-trigger-a-campaign-based-on-scroll-percentage","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-trigger-a-campaign-based-on-scroll-percentage\/","title":{"rendered":"How to Trigger a Campaign Based on Scroll Percentage"},"content":{"rendered":"\n<p>The Scroll Distance rule is great to use by itself or in conjunction with other Display Rules to ensure you are only showing your campaign to users who are actively engaged and interested in your content.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to use Scroll Distance.<\/p>\n\n\n\n<p>This article covers specific settings in the Display Rules. If you&#8217;re just getting started we recommend reading our <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-display-rules-in-optinmonster\/\" target=\"_blank\" rel=\"noopener\" title=\"\">general Display Rule documentation<\/a> first.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how\">Configure Scroll Distance<\/h2>\n\n\n\n<p>When you&#8217;re ready to show your campaigns after the user has scrolled a certain amount down your web page, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the <strong>Display Rules <\/strong>view of the campaign builder.<br><img decoding=\"async\" width=\"800\" height=\"560\" class=\"alignnone size-full wp-image-180093\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view.jpg\" alt=\"Navigate to the Display Rules in the OptinMonster campaign builder.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view-300x210.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view-768x538.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Next, add or modify an existing rule, by searching for <strong>Scroll Distance<\/strong>.<br><img decoding=\"async\" width=\"800\" height=\"544\" class=\"alignnone size-full wp-image-180315\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/04\/scroll-distance.jpg\" alt=\"Choose the Scroll Distance rule in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/04\/scroll-distance.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/04\/scroll-distance-300x204.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/04\/scroll-distance-768x522.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Finally, configure the available options for your Scroll Distance rule.<br><img decoding=\"async\" width=\"800\" height=\"67\" class=\"alignnone size-full wp-image-180314\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/04\/scroll-distance-options.jpg\" alt=\"Scroll Distance Options.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/04\/scroll-distance-options.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/04\/scroll-distance-options-300x25.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/04\/scroll-distance-options-768x64.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>When you are finished, <strong>Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">My website uses infinite scrolling, can I still use the distance scrolled Display Rule?<\/h5>\n\n\n\n<p>The distance scrolled Display Rule will not work correctly with infinite scrolling or anything that modifies the standard page length.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>The Scroll Distance rule is great to use by itself or in conjunction with other Display Rules to ensure you are only showing your campaign to users who are actively engaged and interested in your content. In this article, you&#8217;ll learn how to use Scroll Distance. This article covers specific settings in the Display Rules.&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[28201],"documentation\/tags":[31399,31498,31415,31411],"class_list":["post-112468","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-display-rules"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112468","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=112468"}],"version-history":[{"count":7,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112468\/revisions"}],"predecessor-version":[{"id":197962,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112468\/revisions\/197962"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=112468"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=112468"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=112468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}