---
title: "Info Box Widget: Settings Overview"
url: https://theplusaddons.com/docs/info-box-widget-settings-overview/
date: 2024-03-14
modified: 2026-09-16
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/03/Info-Box-Widget_-Settings-Overview-1024x536.jpg
word_count: 977
---

# Info Box Widget: Settings Overview

## 

- The Plus Addons for Elementor Info Box widget is free by default, but Carousel layout, Style-2, Style-5, Style-6, Lottie icons and Full Infobox Link need Pro.
- Select Icon offers None, Icon, Image, Svg, Lottie and Text, and Font Awesome 5 icons are drawn as inline SVG.
- Title Tag defaults to div, so changing it to H3 or H4 gives section headings a clearer structure for search engines and screen readers.
- The free plugin has no built-in row layout for multiple info boxes, so an Elementor container or grid holds one widget in each cell.

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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/info-box/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

https://youtu.be/wcnlT5JE0vM?si=umfm-tx0updSyFWQ

## 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.

![The Plus Addons Widgets screen in WordPress admin with Info Box switched on](https://theplusaddons.com/wp-content/uploads/2024/03/info-box-1024x358.png)

## 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**.

![The Info Box Style dropdown in the Elementor panel with the info box on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/infobox-style.webp)

| 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.

![Filling in the Info Box title and description in the Elementor panel](https://theplusaddons.com/wp-content/uploads/2024/03/Info-Box-Content.gif)

> ***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](https://theplusaddons.com/docs/add-link-to-the-info-box-in-elementor/).

## 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.

![A finished info box on the front end](https://theplusaddons.com/wp-content/uploads/2024/03/Info-Box-Demo-1024x280.png)

## 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.

## Related Docs

- [How to Show a Services Box in WordPress using Elementor?](https://theplusaddons.com/docs/show-services-box-in-wordpress-using-elementor/)- [How to Create an Infobox/Service Box Carousel in Elementor?](https://theplusaddons.com/docs/create-an-infobox-service-box-carousel-in-elementor/)- [How to Add a Link to The Info box in Elementor?](https://theplusaddons.com/docs/add-link-to-the-info-box-in-elementor/)- [How To Create an Elementor Image Box?](https://theplusaddons.com/docs/create-elementor-image-box/)

## Frequently Asked Questions

**Q: Why is my info box blank after I add it to a page?**
A: Style-2, Style-5, and Style-6 are Pro-only, and they render as an empty box in the free plugin. That is the main reason an Info Box can look broken even though the widget is on the page. The safe move is to switch the box to Style-1, Style-3, or Style-4 before removing Pro, because there is no fallback when a Pro style loses access.

**Q: How do I use an info box for a services grid or feature list?**
A: An info box is built for short, scannable blocks: an icon, a heading, and a short description. The page calls out three common uses right away: a services grid, a feature list, or a set of steps. In practice, that means the widget works best when each box carries one idea at a glance instead of long copy. For multi-box layouts in the free plugin, place one widget in each Elementor container or grid cell.

**Q: Which info box layout should I pick first: Listing or Carousel?**
A: Listing is the default and gives you one info box per widget, which is the simplest choice and works in the free plugin. Carousel groups several info boxes into one sliding widget built from a repeater called Carousel InfoBox, but that layout needs Pro. Picking the layout early matters because it changes what settings come next and what kind of spacing or content structure you need.

**Q: What icon types are available in the free version of the Info Box widget?**
A: The free plugin includes None, Icon, Image, and Text. Icon supports Font Awesome and Font Awesome 5, while Image pulls from your media library with an Image Resolution dropdown. Text is useful when you want a short label instead of an icon, such as numbering steps. Lottie and SVG are Pro-only, so they will not appear in the free dropdown.

**Q: Why does my info box show 'The Plus' and placeholder text?**
A: Those are the shipped defaults for Title Of Info Box and Description. A fresh widget already contains them so you can see the structure immediately inside Elementor. The practical gotcha is simple: replace both before publishing, or every visitor will see the sample copy instead of your real content. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH ships those defaults as starter text.

**Q: How do I add a link to just the title versus the whole info box?**
A: The widget has two different Link controls with different jobs. One links only the title field, while Full Infobox Link wraps the entire box so any click lands on one destination. Full Infobox Link is Pro-only and separate from the title link field. That distinction matters because it changes click behavior and can affect how users interact with boxed content; [the full guide covers the difference](https://theplusaddons.com/docs/add-link-to-the-info-box-in-elementor/).