Interactions are the version 4 way to animate in Elementor. Entrance interactions arrived in 3.34, and Elementor Pro 4.0 added Interactions with more triggers, including scroll and user behaviour, plus custom effects. Together with Transitions and Transform controls in the unified Style tab, they replace much of what classic Motion Effects and animation addons did, with a more consistent setup across all atomic elements.
- Entrance effects are available in the Atomic Editor.
- Scroll and behaviour triggers come with Pro.
- Transitions and transforms handle smooth hover states.
- Fewer animation addons means a lighter site.
- Use motion to guide attention, not to decorate.
What you can animate
| Effect | Where | Good use |
|---|---|---|
| Entrance | Interactions | Fade in key sections as they appear |
| Scroll-based | Interactions (Pro) | Progress through steps or a story |
| Hover transform | Style tab, Transform | Lift a card or scale an image |
| Transitions | Style tab, Transitions | Smooth colour and size changes |
Core Web Vitals fixes, caching, image and database tuning on a staging copy first. Free speed check and a fixed quote.
Interactions vs classic Motion Effects
Classic Motion Effects and entrance animations still work on classic widgets. Interactions are built for atomic elements and share one consistent system, so you are not learning a different panel per widget. If your site uses an addon only for animations, moving those sections to Interactions can remove a plugin entirely.
Keep animations fast and friendly
- Animate transform and opacity, which are cheap for browsers, rather than width or margins.
- Never animate the main hero heading or image on load: it can delay Largest Contentful Paint.
- Keep durations short (200 to 500 ms) and use one style site-wide.
- Respect visitors who prefer reduced motion.
- Test on a mid-range phone, not just a fast laptop.
Our guide to Elementor motion effects covers the classic options.
Want a site that feels smooth and loads fast?
I tidy up animation-heavy Elementor sites, remove unneeded addons and fix Core Web Vitals on a staging copy first. Get a speed quote.
Frequently asked questions
What are Elementor Interactions?
The Atomic Editor animation system for entrance, scroll and behaviour-based effects.
Do Interactions need Elementor Pro?
Entrance interactions are in the Atomic Editor; advanced triggers and custom effects were added in Elementor Pro 4.0.
Do animations slow down Elementor sites?
They can if overused or applied to the hero; transform and opacity animations are the lightest.
Can I still use Motion Effects?
Yes, on classic widgets.
Sources
Core Web Vitals fixes, caching, image and database tuning on a staging copy first. Free speed check and a fixed quote.
More WordPress guides
Rather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
