Skip to content

Info Banner for
WPBakery Page Builder

Pair an image with your message in one eye-catching banner. Place the image left, right, or on top, add a hover zoom, and drop a promo ribbon on the corner, all inside WPBakery with no code.

Image and Message, Together
Grab attention with the Info Banner widget. Combine an image with your own heading and text, choose whether the image sits left, right, or on top, and add a hover zoom plus a corner ribbon, perfect for promos, feature highlights, and call-to-action blocks.
See the Banner

One banner, all the impact.

The Info Banner brings an image and a message into one polished block. Pick a layout with the image left, right, or above the text, set how wide each side should be, and add a smooth hover zoom. Write any content you like, then finish it with a promo ribbon in your own colors.

It works the way WPBakery already works. Pick a layout, upload an image, write your text, and you are done. Nothing to learn, nothing to fight with.

See the Info Banner in action

Everything you can control

Three layouts

Place the image above the text, to its left, or to its right, so the banner fits any spot on your page.

Image zoom on hover

Choose from four hover zoom effects, or none at all, to give the image a subtle, interactive touch.

Adjustable split

Set the image and content widths as percentages, so you decide exactly how much space each side takes.

Any content you like

Write your own heading, text, and links in the description, and control the padding around both the image and content.

Promo ribbon

Add a corner ribbon for a special offer, and set its text and background colors to make it stand out.

Custom styling

Set the image size and add your own class, so you can style the banner further with custom CSS.

Configure Your Info Banner with Ease

The General settings let you shape your banner in just a few clicks. Choose whether the image sits on top, left, or right, set the width split between the image and content, and add a hover zoom, to create a striking, balanced banner that draws the eye.

Your Image, with a Hover Zoom

Upload any image and set its size to fit the banner. Add one of four zoom effects so the picture gently scales when a visitor hovers, and fine-tune the padding around it, giving the image room to breathe and a polished, interactive feel.

Write Any Message You Want

The content side is a full editor. Add a heading, a paragraph, and links, format it however you like, and set the padding so the text sits just right, turning the banner into a promo block, a feature callout, or a mini landing section.

Add a Ribbon for Special Offers

Draw extra attention with a corner ribbon. Type your offer, like “50% Off” or “New,” and set its text and background colors to match your brand, so the banner instantly signals a deal without cluttering the rest of the design.

How to add an Info 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 "Info Banner."
3. Pick a layout, Default, Image Left, or Image Right, and set the width split.
4. Upload the image, choose a hover zoom, and write your heading and text.
5. Add an optional ribbon with its colors, then save.
That is it. A bold, image-and-message banner, ready in minutes.

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