How to Add Interval Shake Animation to WordPress Button?

A button that gives a short shake every few seconds pulls the eye to your most important action.

The free Advanced Button block in Nexter Blocks adds this with Interval Shake.

For every Advanced Button setting in one place, see the Advanced Button block guide.

Before You Start

• Edition: Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.
• Block to enable: Advanced Button, switched on under Nexter > Blocks in your WordPress dashboard.

Steps

1. Add the Advanced Button block, pick a style and type the button text.

2. On the Style tab, open Extra Options and turn on Interval Shake.

3. Set Duration(s) in seconds. The default is 5. Save.

How It Behaves

• The shake plays on its own, over and over, as soon as the page loads. No hover is needed.
• Duration(s) is the length of one animation cycle, so a lower value makes the shake repeat more often.

Limitations

• The animation never stops while the page is open. Use it on one key button per page.
• Constant motion can bother some visitors.

Troubleshooting

The button shakes too often

Raise Duration(s), for example to 8.

Related Docs

• Advanced Button block: all settings
• Add a button hover animation
• Open a modal popup on button click