---
title: "How to Add Interval Shake Animation to Elementor Button?"
url: https://theplusaddons.com/docs/interval-shake-animation-in-button-elementor/
date: 2024-01-09
modified: 2026-09-10
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/How-to-Add-Interval-Shake-Animation-to-Elementor-Button_-1024x536.jpg
word_count: 535
---

# How to Add Interval Shake Animation to Elementor Button?

## 

- Add interval shake animation to an Elementor button using The Plus Addons for Elementor.
- Activate the Interval Shake Animate toggle in the Style > Special tab of the Button widget.
- Customize the animation interval in the Interval Shake Duration field for continuous shaking effect.

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](https://theplusaddons.com/docs/button-widget-settings-overview/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/free-elementor-buttons/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## 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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-button-button-style-wide.webp)

## 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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-button-interval-shake-animate-wide.webp)

## 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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-button-interval-shake-duration-wide.webp)

## What It Looks Like

![An Elementor button shaking at a set interval on the front end](https://theplusaddons.com/wp-content/uploads/2024/01/button-interval-shake-animation-demo.gif)

## Settings Reference

| Setting | Where | Type | Default |
| ------- | ----- | ---- | ------- |
| Interval Shake Animate | Style > Special | Switcher | No |
| Interval Shake Duration | Style > Special | Number, seconds | 5 |
| Button Style | Content > Layout | Select, 23 styles | Style 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

Also read how to add [a button that scrolls to a page section](https://theplusaddons.com/docs/scroll-to-page-section-button-click/).

Did you know? You can add [smooth preloader and page transition animations in Elementor](https://theplusaddons.com/docs/add-smooth-preloader-page-transitions/).

- [Button widget: settings overview](https://theplusaddons.com/docs/button-widget-settings-overview/) — every control in the widget.- [Add a button hover animation in Elementor](https://theplusaddons.com/docs/button-hover-animation-in-elementor/) — hover-triggered instead of timed.- [Add continuous animation to an Elementor button](https://theplusaddons.com/docs/continuous-animation-in-button-elementor/) — always-on instead of timed.

## Frequently Asked Questions

**Q: What do I need before adding interval shake animation to an Elementor button?**
A: The button widget has to be available in The Plus Addons for Elementor, and the page says it ships in both the Free and Pro versions. It also needs to be enabled under ThePlus Settings > Widgets. That matters because the animation lives inside the Button widget itself, not as a separate effect. Once the widget is active, you can set up the button style and text before turning on the shake.

**Q: How do I make an Elementor button shake every few seconds instead of constantly animating?**
A: Interval Shake Animate is the timed option for that. In The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH, it sits in Style > Special and is off by default. This effect is a periodic nudge, so it pulls attention without making the page feel restless. That makes it better for a single call to action than a nonstop motion effect.

**Q: Why is the Interval Shake Duration field missing in Elementor?**
A: That field only appears after Interval Shake Animate is turned on. It shows up directly beneath the toggle in Style > Special, so if it is missing, the animation switch is still off. This is a common setup gotcha because the duration control is conditional, not always visible. Once enabled, you get one number to control how often the shake repeats.

**Q: What interval works best for a shaking button without looking broken?**
A: Five seconds is the default Interval Shake Duration, and that default exists for a reason. Lower values make the button shake more often, but going below about three seconds starts to read like a fault instead of a deliberate cue. A safer range from the page is eight to ten seconds when you want a calmer nudge that still gets noticed.

**Q: Does interval shake animation work on mobile in Elementor?**
A: The shake runs at every breakpoint, including phones. There is no per-device value, so you cannot tune one interval for desktop and another for mobile from this control. That makes placement more important than device targeting, especially because repeating motion can be harder on motion-sensitive visitors. The page suggests using it on one button per page at most.

**Q: What should I do if the button shakes in Elementor but not on the live page?**
A: Regenerate Elementor files from Elementor > Tools > Regenerate CSS & Data, then clear any page caching or CDN in front of the site. That fixes the usual mismatch between editor state and front-end output when styles or scripts are stale. The Plus Addons for Elementor uses this widget inside Elementor, so cached assets can hide changes even when the setup looks correct in the editor.