Features
Animated Widgets & Elements
Add entrance animations to entire widgets or individual elements such as columns, rows, text blocks, form fields, images, and buttons.
Animation Types
Eight animation types are available:
- Fade In
- Scale Up
- Scale Down
- Slide from Bottom
- Slide from Top
- 3D Flip (Horizontal)
- 3D Flip (Vertical)
- Pulse
Widget-Level Animation
Apply an animation to the entire widget so it animates as a single unit when it appears:
- Open the widget editor.
- Go to Widget settings.
- Select an Animation Type from the dropdown.
Element-Specific Animation
Apply different animations to individual elements within a widget:
- Select the element you want to animate (column, row, text, field, image, or button).
- Scroll to the bottom section of the element settings.
- Choose an animation type from the dropdown.
Additional Options
- Speed -- control how fast or slow the animation plays.
- Delay -- set a delay before the animation starts, useful for staggering multiple element animations.
- Live Preview -- animations preview in the editor so you can see the effect before publishing.
- Desktop and Mobile -- animations work on both desktop and mobile devices.
Need more help?
If you've worked through this and still need a hand, contact support -- we'll dig in with you.