An info box pairs an icon, a heading and a short piece of text, so a visitor can take in one idea at a glance. Stack a few of them and you have a services grid, a feature list or a set of steps.
The Info Box widget builds that block for you. This page walks through every setting it offers and says clearly which ones need Pro.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Free — this part of the Info Box works in the free plugin and in Pro.
- Widget to enable: Info Box, switched on under The Plus Addons > Widgets. In the Elementor panel it appears under Plus Essential.
- Most of the widget is free. The Carousel layout, three of the six styles, Lottie icons and Full Infobox Link need Pro. Each is marked below.
Turn the Widget On
- In your WordPress admin, open The Plus Addons > Widgets.
- Find Info Box and switch it on, then save.
- Edit a page with Elementor and drag Info Box from the Plus Essential group onto the canvas.
Choose a Layout
Select Layout is the first decision, and it changes most of what follows.
| Layout | What it gives you | Edition |
|---|---|---|
| Listing (default) | One info box. Add several widgets, or drop the widget into a grid, to build a row. | Free |
| Carousel | A set of info boxes in one widget that slide, built from a repeater called Carousel InfoBox. | Pro |
Pick a Style
Info Box Style offers six arrangements of the icon, title and text, labelled Style-1 through Style-6.
| Style | Edition |
|---|---|
| Style-1, Style-3, Style-4 | Free |
| Style-2, Style-5, Style-6 | Pro |
Pick the style before you spend time on the Style tab. Each one positions the icon and the title differently, so the spacing you tune for one rarely suits another.
Add Your Content
Title Of Info Box and Description hold the text. Title Tag sets the HTML tag the title uses.
Title Tag defaults to div, not a heading. If these boxes are real section headings on the page, change it to H3 or H4 so search engines and screen readers see the structure.
Choose What Sits Above the Title
Select Icon decides what appears alongside the text.
| Option | What it shows | Edition |
|---|---|---|
| None | Nothing — title and description only. | Free |
| Icon (default) | An icon font glyph. Icon Font then offers Font Awesome, Font Awesome 5, Icons Mind (Pro) and Icon Image (Pro). | Free |
| Image | A picture from your media library, with an Image Resolution dropdown. | Free |
| Svg | An uploaded SVG file. | Pro |
| Lottie | A Lottie animation loaded from a URL. | Pro — not in the free dropdown at all |
| Text | A short string instead of an icon, useful for numbering steps. | Free |
Add a Button
Button is off by default. Switch it on and you get Button Text (default Read More), Button Link, Button Type (Basic or Global) and Button Style, which defaults to Style 2.
Link the Whole Box
Full Infobox Link wraps the entire box in one link, so a visitor can click anywhere on it. This is a Pro feature, and it is separate from the Link field that links only the title. The full guide covers the difference.
The Style Tab
The Style tab is grouped into sections. With Pro active you get:
- Title, Bottom Border, Description — typography, colour and the rule under the title.
- Background Options — the box background, normal and on hover.
- Button, Icon, Image, Svg, Text — one section per icon type, shown when that type is selected.
- Lottie, Pin Text, Carousel Options, Plus Extras — Pro sections.
- Extra Options and On Scroll View Animation — box hover effects and an entrance animation.
In the free plugin the same list appears without Lottie and Plus Extras, and with an extra Pro Features section listing what an upgrade adds.
How It Behaves
- A freshly dropped widget already has content: the title reads The Plus and the description is Elementor’s placeholder text. Replace both before you publish.
- Font Awesome 5 icons are drawn as inline SVG, so they still appear on pages that never load the Font Awesome stylesheet.
- The Style tab only ever shows the sections that apply to your current layout and icon type, so the list grows and shrinks as you work.
Limitations
- A Pro style renders an empty box in the free plugin. If a page was built with Style-2, Style-5 or Style-6 and Pro is later deactivated, the box stays in the layout but the icon, title and description all vanish. There is no fallback and no warning. Switch such boxes to Style-1, Style-3 or Style-4 before removing Pro.
- Two different controls are both labelled Link. One links the title, the other appears only when Full Infobox Link is on and links the whole box. The panel does not distinguish them.
- The Text icon type starts as a zero. Its own Title field defaults to
0, so the box shows a stray 0 until you edit it. - There is no built-in way to put several info boxes in a row in the free plugin. Use an Elementor container or grid and drop one widget into each cell.
Troubleshooting
My info box is completely blank
Check Info Box Style. Style-2, Style-5 and Style-6 need Pro, and without it they render nothing at all.
I cannot find the Lottie option
Lottie is not in the free plugin’s Select Icon dropdown. It appears only once Pro is active.
The box shows “The Plus” and some placeholder text
Those are the shipped defaults for Title Of Info Box and Description. Type over them.
The widget is not in the Elementor panel
Switch Info Box on under The Plus Addons > Widgets and save, then reload the editor. It sits in the Plus Essential group.
