Interactive Banner for
WPBakery Page Builder

Turn an image into a clickable banner that comes alive on hover. Layer a heading and caption over your photo, pick from six hover styles, and link the whole thing anywhere, all inside WPBakery with no code.

Download Now
Upgrade To Pro
Images That Interact
Make your images do more with the Interactive Banner widget. Add a heading and a caption that reveal with a smooth hover animation, choose from six built-in styles, and link the whole banner, so your portfolio tiles, services, and categories invite a click.
See the Styles

An image that reacts to every hover.

The Interactive Banner is built for hover. Drop in your image, add a heading and a short caption, and pick one of six styles that decide how the text slides, fades, or scales in when a visitor hovers. Link the whole banner to a page or project, and you have a tile that begs to be clicked.

It works the way WPBakery already works. Pick your image, add a heading, choose a style, and you are done. Nothing to learn, nothing to fight with.

See the Interactive Banner in action

Here goes the title

Provide some description here.

Here goes the title

Provide some description here.

Here goes the title

Provide some description here.

Everything you can control

Six hover styles

Choose from six built-in styles that animate the heading and caption in when a visitor hovers over the image.

Heading and caption

Layer a heading and a line of caption text over your image, revealed with your chosen hover animation.

Clickable banner

Link the whole banner to any page, post, or URL, so the entire image acts as one big call to action.

Your image, your size

Upload any image and pick the size that fits your layout, from a small tile to a full-width banner.

Heading typography

Style the heading with your own font family, size, and color so it matches the rest of your brand.

Padding and fine control

Set the padding around the image, and use the built-in CSS box for any custom styling you need.

Configure Your Interactive Banner with Ease

The General settings let you build your banner in just a few clicks. Pick an image, add a heading and caption, choose one of the six hover styles, and set a link to create interactive image tiles that capture attention and improve user experience.

Six Built-In Hover Styles

Set the mood with the right motion. Each of the six styles reveals your heading and caption differently as a visitor hovers, sliding, fading, or scaling the text into view, so you can match the feel of your portfolio, services, or category tiles without any custom code.

Advanced Typography Controls for Perfect Readability

Keep your banner text crisp and on brand with advanced typography controls. Adjust the heading font size, color, and custom font family so the title reads clearly over your image and stays perfectly aligned with your website’s branding.

Your Image, Your Link, Your Way

Make the banner fit and work for you. Upload any image, choose the size that suits your layout, set the padding around it, and link the whole tile to any page, post, or URL, so a single visual also drives the click you want.

How to add an Interactive Banner 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 Banner."
3. Drop it in, then choose your image and set its size.
4. Add a heading and caption, and pick one of the six hover styles.
5. Set the link and padding, then save.
That is it. A clickable, animated banner, ready in under a minute.

Frequently Asked Questions

Logo-Footer
Classic Addons extends WPBakery Page Builder with
powerful, lightweight, and responsive widgets to help you
create modern WordPress websites faster and without coding.
ResourcesFree Features / DemosPremium Features / DemosPricing
CompanyResourcesPrivacy Policy
Get HelpDocumentationDownload FreeSupport

© 2026 Classic Addons. All rights reserved.

Back To Top