Create a scroll triggered box

This tutorial will help you create a simple scroll triggered box that slides-up from the bottom right area of your website when the user reaches the 80% of the page height using EngageBox.

Content Tab

  • Go to Components → EngageBox
  • Click New → Blank Popup
  • Enter a popup title in the Title field
  • Select Freetext from the Box Type drop-down list
  • Write your message in the editor

EngageBox Scroll Trigered Box

Design and Behavior Settings

  • On the Design tab, set Position to Bottom Right
  • On the Behavior tab, select the Scroll Depth trigger
  • Set Scroll Depth to Percentage
  • Enter 80% on the Scroll Percentage field

EngageBox Scroll Trigered Box Trigger Settings

Save your box and you are set!

Last updated on Oct 15th 2026 15:10