Interactive Button for
WPBakery Page Builder

Add buttons that react. Choose from dozens of hover animations, grow, pulse, sweep, float, and glow, pair them with an icon, and set every color and hover color, all inside WPBakery with no code.

Download Now

Upgrade To Pro

Buttons With Personality

Turn a flat button into something people want to click with the Interactive Button widget. Pick from dozens of hover animations, add an icon, and control every color, border, and corner, so your calls to action stand out and earn more clicks.

Pick an Effect

A button they can’t help but click.

The Interactive Button is your call to action with a little life. Choose a hover effect from a big library, grow, pulse, sweep, float, or a glowing shadow, then add an icon on the left or right and set your text, background, and hover colors. Round the corners, add a border, and link it anywhere.

It works the way WPBakery already works. Type your label, pick a hover effect, choose your colors, and you are done. Nothing to learn, nothing to fight with.

See the Interactive Button in action

Bounce To Right

Watch Video Demo

Learn More

Shadow Radial

Everything you can control

Dozens of hover effects

Choose from a big library of hover animations, grow, pulse, push, pop, rotate, wobble, buzz, and many more.

Five effect styles

Group your look with 2D transitions, background fills, shadow and glow, border reveals, or speech-bubble pointers.

Icon on either side

Add a Font Awesome icon and place it to the left or right of your button text for a clearer call to action.

Colors and hover colors

Set the text, background, and border colors, plus separate colors for the hover state so the change feels intentional.

Border, radius, and padding

Fine-tune the border, round the corners, and set the padding to get the exact button shape you have in mind.

Alignment and link

Align the button left, center, or right, and link it to any page, post, or external URL you choose.

Configure Your Interactive Button with Ease

The General settings let you build your button in just a few clicks. Set the text, add an icon, choose a hover animation, and pick your alignment to create clickable calls to action that capture attention and improve user experience.

Dozens of Hover Animations to Choose From

Pick the reaction that fits your brand. The button ships with a big library of hover effects, grouped into 2D transitions, background fills, shadow and glow, border reveals, and speech-bubble pointers, so every call to action feels alive without any custom code.

Full Color and Hover Control

Match your button to your design down to the last detail. Set the text, background, and border colors, then choose separate colors for the hover state so the transition feels smooth and deliberate and blends perfectly with your website’s branding.

Shape It with Borders, Radius, and Icons

Get the exact button shape you want. Adjust the border, round the corners, and set the padding, then add a Font Awesome icon on the left or right to design polished, professional buttons that boost clicks and engagement.

How to add an Interactive Button in Your Site?

1. Make sure WPBakery Page Builder and Classic Addons are both installed and active.

2. Edit any page with WPBakery, click the plus to add an element, and search for "Interactive Button."

3. Drop it in, then set your button text and the link it points to.

4. Choose a hover animation, add an icon, and pick your text and background colors.

5. Set the hover colors, border, radius, and padding, then save.

That is it. A button that reacts to every hover, ready in under a minute.

Frequently Asked Questions

Do I need to know any code to use the Interactive Button?

How many hover animations are there?

Can I add an icon to the button?

Can I set different colors for the hover state?

Will it look good on mobile?

Is the Interactive Button free?

Does it slow down my site?

Interactive Button for WPBakery Page Builder