Skip to main content

On Scroll Trigger

The On Scroll trigger displays your popup when visitors scroll to a certain point on the page. This targets engaged users who are actively reading your content.

Overview​

PropertyValue
Trigger Typeonscroll
TimingScroll threshold reached
User Action RequiredScrolling
Mobile SupportFull

When to Use​

Good Use Cases​

  • Content upgrades — Offer after reading
  • Newsletter signups — For engaged readers
  • Related content — Suggest more articles
  • Mid-page CTAs — Contextual offers
  • Progress-based offers — Reward engagement

When to Avoid​

  • Short pages with no scroll
  • Pages users navigate quickly
  • When immediate attention needed

Configuration​

Scroll Percentage​

Trigger when user scrolls past a percentage of the page:

PercentageTypical Use
25%Early engagement
50%Mid-content (most common)
75%Near completion
90-100%End of content

Scroll Direction​

Configure which scroll direction triggers:

OptionBehavior
Down onlyTrigger when scrolling down
BothTrigger regardless of direction

Usually "down only" provides better UX.

Setting Up​

  1. Go to Behavior tab
  2. Select On Scroll from trigger dropdown
  3. Set scroll percentage (e.g., 50%)
  4. Configure additional options

Advanced Options​

Scroll Bottom Trigger​

Show when reaching the bottom of the page:

Scroll Position: Bottom

Great for:

  • Related content suggestions
  • Newsletter signup after article
  • "Back to top" with offer

Delay After Scroll​

Add delay after threshold reached:

Scroll: 50%
Delay: 2 seconds

Prevents popup appearing during fast scroll.

Display Frequency​

SettingBehavior
Every scrollShow each page
Once per sessionShow once
Once per visitBetter UX

For scroll triggers, "Once per session" or "Once per day" works best — users who scroll once are likely to scroll again.

Best Practices​

Threshold Selection​

Content TypeRecommended %
Blog posts50-70%
Landing pages30-50%
Long articles40-60%
Product pages50%

Timing Considerations​

  1. Don't trigger too early (let users read)
  2. Don't trigger too late (they might leave)
  3. Add small delay for smooth UX
  4. Consider content length

Content Relevance​

Match popup to scroll position context:

Scroll PointOffer
30%Introduction to topic
50%Related resource
80%Newsletter signup
100%Next article suggestion

Mobile Behavior​

Scroll triggers work well on mobile:

  • Touch scrolling detected
  • Percentage-based works across screen sizes
  • Consider mobile scroll patterns
  • Test on actual devices

Testing Scroll Triggers​

In the editor:

  1. Switch to Behavior tab
  2. The canvas becomes scrollable (simulated)
  3. Scroll to test trigger point
  4. Popup appears at threshold

Common Patterns​

Content Upgrade​

Trigger: Scroll 50%
Frequency: Once per page
Content: Related downloadable resource

Newsletter at End​

Trigger: Scroll 90%
Frequency: Once per session
Content: Newsletter signup

Mid-Article CTA​

Trigger: Scroll 40%
Frequency: Every page
Content: Contextual offer

Exit with Progress​

Trigger: Scroll 70%
Secondary: Exit intent
Content: "You're almost done! Save for later?"

Metrics to Track​

  • Scroll depth — How far users scroll
  • Trigger rate — % reaching threshold
  • Conversion rate — Actions after trigger
  • Engagement correlation — Scroll vs conversion

Troubleshooting​

Popup not triggering:

  • Check scroll threshold is reachable
  • Page must be scrollable
  • Check cookie hasn't blocked it
  • Verify trigger is enabled

Triggering too early/late:

  • Adjust percentage
  • Account for header height
  • Test on target pages

Jerky appearance:

  • Add small delay
  • Use smooth animations
  • Optimize popup loading

Combining with Other Signals​

Consider scroll alongside:

SignalUse
Time on pageMore engaged visitors
Return visitorAlready interested
Page typeContent-specific offers

A/B Testing Ideas​

  1. Threshold: 40% vs 60% vs 80%
  2. Delay: Immediate vs 2s delay
  3. Content: Different offers by scroll depth
  4. Frequency: Session vs daily