Skip to content

How to Add Interval Shake Animation to Elementor Button?

Table Of Content

Do you want an Elementor button that shakes every few seconds? An interval shake is a periodic nudge rather than a constant animation, which makes it good at pulling a wandering eye back to the one thing you want clicked without the page feeling restless.

The Button widget in The Plus Addons for Elementor does it with a single toggle and one number, and it is available in the free plugin.

To check the complete feature overview documentation of The Plus Addons for Elementor Button widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Edition: Free — the Button widget ships in both The Plus Addons for Elementor (Free) and Pro.
  • Widget to enable: Button, switched on under ThePlus Settings > Widgets.

Step 1: Add the Button widget and set it up

Drag the Button widget into your container. On the Content tab, open Layout, choose a Button Style from the 23 available and set the Text for your label.

The button style dropdown highlighted in the elementor panel

Step 2: Turn on Interval Shake Animate

Switch to the Style tab, open the Special section, and turn Interval Shake Animate on. It is off by default, and it sits at the bottom of the section, below Button Hover Effects.

Interval shake animate switched to yes in style > special

Step 3: Set the interval

Interval Shake Duration appears once the toggle is on. It is the gap in seconds between one shake and the next, and it defaults to 5. Lower numbers shake more often; going below about three seconds tends to read as a fault rather than an invitation.

The interval shake duration field highlighted, set to 5 seconds

What It Looks Like

An elementor button shaking at a set interval on the front end

Settings Reference

SettingWhereTypeDefault
Interval Shake AnimateStyle > SpecialSwitcherNo
Interval Shake DurationStyle > SpecialNumber, seconds5
Button StyleContent > LayoutSelect, 23 stylesStyle 1

Limitations

  • The shake itself is not configurable. You control how often it happens, not how far it moves or in which direction.
  • No per-device value. The shake runs at every breakpoint, including on phones.
  • Motion preferences are not handled for you. A repeating shake is one of the harder effects for motion-sensitive visitors, so use it on one button per page at most.
  • It stacks with other effects. Interval Shake, Button Hover Effects and Continuous Animation are independent, and enabling several on one button rarely looks intentional.

Troubleshooting

The Interval Shake Duration field is missing

It only appears once Interval Shake Animate is on. Turn the toggle on and the field shows up directly beneath it.

The button does not shake on the live page

Regenerate Elementor files from Elementor > Tools > Regenerate CSS & Data, then clear any page caching or CDN in front of the site.

The shake is too frequent and looks broken

Raise Interval Shake Duration. Five seconds is the default for a reason; eight to ten reads as a deliberate nudge rather than a glitch.

Related Docs

Related Frequently Asked Questions

Related Docs