BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Info Box Widget for Elementor Free

An icon or image with a title, text and button.

Overview

What Info Box does

Info Box shows an icon or image next to a title, a short description and a button. The media can sit on the left, on top or on the right, and either the button or the whole box can be the link. Use it for feature lists, service cards and benefit grids.

Live demo

See it in action

Lightning fast

Every widget loads only the code it needs, so your pages stay quick on any device.

Learn more
Features

What it can do

  • Icon, image or no media at all, chosen with one Type control.

  • Media position left, top or right, set separately for desktop, tablet and mobile.

  • Link on the button only, or on the whole box.

  • Title tag choice from H1 to H6, plus div, span and p.

  • Icon box with size, colors, hover colors and border radius.

  • Box background, padding, border, radius, shadow and a separate hover shadow.

  • Optional lift effect when the visitor hovers the box.

  • Image size picker that uses the image sizes registered on the site.

Use cases

When to use it

Feature grids

Place several boxes in a row to list what a product or service offers.

Service cards

Set Link to Whole box so each card opens its service page from anywhere on the card.

Contact details

Use Position Left with a phone or mail icon for compact rows of contact info.

Process steps

Use an image or icon per step with a short title and description.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Info Box from the Bright Addons category onto the page.

  2. In Icon or Image, set Type to Icon or Image and pick the icon or upload the image.

  3. Choose the Position: Left, Top or Right.

  4. In Content, type the Title and Description and pick the Title Tag.

  5. Set Link to Button or Whole box, then fill in Button Text and URL.

  6. Open the Style tab to set the box background, icon colors, text styles and button colors.

FAQ

Questions and answers

Can the whole box be clickable?

Yes. Set Link to Whole box and add the URL. The entire box becomes one link.

Can I use my own image instead of an icon?

Yes. Set Type to Image and choose a file from the media library. Image Size and Image Width control how large it shows.

How do I hide the button?

Set Link to None, or keep a link on the whole box and clear Button Text.

Can I turn off the hover lift?

Yes. In the Style tab, open Box and switch off Lift on Hover.

Free forever

Info Box is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.