Animating Whole Sections, Rows and Columns on Scroll
Instead of animating each headline and image, you can give an entire Section, Row or Column an entrance effect. Everything inside moves together, and the editor handles the order for you.
Automatic Sequencing
Effects play from the outside in: the Section first, then its Rows, then Columns, then the content inside. Each layer waits for the one above to finish, so you never calculate delays by hand, even when you add or reorder blocks. Content waiting its turn stays visible in place, so visitors never see blank gaps.
Apply an Effect
- Click a Section, Row or Column on the canvas.
- Open the Animations tab and expand Entrance Animation.
- Hover over the effect cards to preview each one on the selected block.
- Click a card to apply it.
- Adjust Duration (0.1 to 3 s), Delay (0 to 5 s), Scale (0.5x to 2x) and Easing.
- Save and publish.
Available families include Fade, Slide, Bounce, Flip, Rotate, Zoom and Light Speed, plus looping effects such as Glow, Rocking and Bounce that suit call-to-action blocks.
Mobile Behavior
Layout-block animations are off on phones by default. Turn them on per block when you want motion on small screens.
Tips
- Keep one style across the page for a calm, deliberate reveal.
- Reserve loops for a single offer section.
- Already-published pages pick up the sequencing improvements automatically without a re-save.
Good to know: Animate large blocks sparingly, because too many staggered reveals can make a long page feel slow to read.
Was this article helpful?
