---
title: "Info Box for Elementor"
url: https://theplusaddons.com/elementor-widget/info-box/
date: 2025-04-15
modified: 2025-05-19
author: "Darshan Patel"
description: "Showcase Important Information Using Elementor Info Box on Your WordPress Website. With Carousel & Grid Layout, Lottie Animations, You Can Make Amazing Interactive Info Boxes."
image: https://theplusaddons.com/wp-content/uploads/2024/04/feature-image-1024x536.jpg
word_count: 155
---

# Info Box for Elementor

## Live Demos of Elementor Info Box

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Hexagon-Shaped-Icon-Info-Box-1.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo1)
### Hexagon Shaped Icon Info Box

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Logistics-Features-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo2)
### Logistics Features Info Box

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Elementor-Info-Box-with-Glass-Effect.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo3)
### Elementor Info Box with Glass Effect

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Gradient-Background-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo4)
### Gradient Background Info Box

[![](https://theplusaddons.com/wp-content/uploads/2020/10/Elementor-Carousel-Info-Box-with-Lottie-Icons.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo5)
### Elementor Carousel Info Box with Lottie Icons

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Glassy-Gradient-Effects-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo6)
### Glassy Gradient Effects Info Box

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Info-Box-Icon-Background-Color-Change-on-Hover.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo7)
### Info Box Icon Background Color Change on Hover

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Custom-Shaped-Neobrutalism-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo8)
### Custom Shaped Neobrutalism Info Box

[![](https://theplusaddons.com/wp-content/uploads/2020/10/Emoji-Icon-Info-Box-with-Carousel.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo9)
### Emoji Icon Info Box with Carousel

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Base-Shadow-Effect-Elementor-Carousel-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo10)
### Base Shadow Effect Elementor Carousel Info Box

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Info-Box-Grid-with-Gradient-Background-Change-1.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo11)
### Info Box Grid with Gradient Background Change

[![](https://theplusaddons.com/wp-content/uploads/2020/10/Carousel-Gradient-Icons-Info-Box.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo12)
### Carousel Gradient Icons Info Box

[![](https://theplusaddons.com/wp-content/uploads/2024/04/Multi-Color-Info-Box-with-Separator.png)](https://etemplates.wdesignkit.com/theplusaddons/info-box-demo/%20#demo13)
### Multi Color Info Box with Separator

## Key Features of Elementor Info Box

![](https://theplusaddons.com/wp-content/uploads/2024/04/Grid-Carousel-Layout.png)
### Grid & Carousel Layout

![](https://theplusaddons.com/wp-content/uploads/2024/04/Multiple-Layout-Styles.png)
### Multiple Layout Styles

![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Text-to-Info-Box.png)
### Add Text to Info Box

![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Custom-Link-to-Info-Box.png)
### Add Custom Link to Info Box

![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Icon-SVG-Image-or-Lottie-Animations.png)
### Add Icon, SVG, Image or Lottie Animations

![](https://theplusaddons.com/wp-content/uploads/2024/08/Add-Additional-Button-to-Info-Box.png)
### Add Additional Button to Info Box

![](https://theplusaddons.com/wp-content/uploads/2024/04/Enable-Link-for-Full-Info-Box.png)
### Enable Link for Full Info Box

![](https://theplusaddons.com/wp-content/uploads/2024/04/Add-Animation-to-Info-Box.png)
### Add Animation to Info Box

![](https://theplusaddons.com/wp-content/uploads/2024/04/Repeater-Mode-for-Carousel.png)
### Repeater Mode for Carousel

![](https://theplusaddons.com/wp-content/uploads/2024/04/Set-Unique-Background-for-Carousel.png)
### Set Unique Background for Carousel

![](https://theplusaddons.com/wp-content/uploads/2024/04/Connect-with-Carousel-Remote.png)
### Connect with Carousel Remote

![](https://theplusaddons.com/wp-content/uploads/2024/04/Customize-Everything-3.png)
### Customize Everything

## Watch How it Works

Subscribe for more Such Elementor Video Tutorials