Tassos Marinos Developer of Joomla Extensions

How to create a scroll triggered box

Published in EngageBox
Updated 25 Apr, 2020

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!