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 > Engage Box
  • Click New from the top bar
  • 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

Trigger Settings

  • Select Bottom Right from the Trigger Position drop-down list
  • Select on Scroll Depth from the Trigger Point drop-down list
  • Select Percentage from the Scroll Depth radio buttons
  • Enter 80% on the Scroll Percentage field

EngageBox Scroll Trigered Box Trigger Settings

Save your box and you are set!

Last updated on Nov 26th 2024 12:11

Deprecated: Function lcg_value() is deprecated since 8.4, use \Random\Randomizer::getFloat() instead in /home/tassos-pv1ry/staging.tassos.gr/public/plugins/system/sessiongc/src/Extension/SessionGC.php on line 66