---
title: "How to Add an Article Box in Elementor?"
url: https://theplusaddons.com/docs/add-an-article-box-in-elementor/
date: 2024-05-29
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to add an article box in Elementor? In an article box, you can show a title, description and an image in an elegant box that can used..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-an-Article-Box-in-Elementor_-1024x536.jpg
word_count: 337
---

# How to Add an Article Box in Elementor?

## Key Takeaways

- The Plus Addons for Elementor includes the Animated Service Boxes widget for creating article boxes.
- Users can select the Article Box style and customize image size using the Image Resolution dropdown.
- The widget allows adding multiple article boxes and managing their layout across devices with the Columns Manage tab.

Do you want to add an article box in Elementor? In an article box, you can show a title, description and an image in an elegant box that can used to display important information.

With the Animated Service Boxes widget from The Plus Addons for Elementor, you can easily create beautiful article boxes in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Animated Service Boxes widget, [click here](https://theplusaddons.com/docs//animated-service-boxes-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-animated-service-boxes/)

To do this, add the Animated Service Boxes widget to a page and follow the steps -

1. Select **Article Box** from the **Main Style** dropdown.

From the **Style** section, you can select a predefined style.

You can select the image size from the **Image Resolution** dropdown.

By enabling the **Button** toggle you can add a button to the article boxes.

When enabled you can select a button style from the **Button Style** dropdown.

2. Then in the **Animated Service Boxes** section, you have to add the content for the article boxes. By default, you’ll find three items, open one item.

3. Add the title, subtitle and description in the **Title**, **Sub Title** and **Description **fields as required.

4. Then in the **Featured Image** section, you have to add an image for the article box.

You can edit the button text and URL from the **Button Text** and **Button Link **fields respectively.

> *Note: Make sure the Button toggle is enabled to make the Button Text and Button Link fields work.*

Following this process you can edit the other items.

You can click on the **+Add Item** button to add more article boxes.

Then from the **Columns Manage** tab, you can manage the number of article boxes in a row for desktop, tablet and mobile separately. You can also manage the gap between the items as well.

***Suggested Reading***: *[How to Add an Info Banner in Elementor?](https://theplusaddons.com/docs//add-an-info-banner-in-elementor/)*

## Frequently Asked Questions

**Q: What should I do if the Animated Service Boxes widget is not showing up in Elementor?**
A: If the Animated Service Boxes widget is not visible, ensure that The Plus Addons for Elementor is installed and activated. This widget is specifically part of The Plus Addons for Elementor, and without it, you won't be able to access the feature. Also, check if you are using the Elementor page builder, as this plugin does not work with other builders like Gutenberg or Divi.

**Q: Can I use the Animated Service Boxes widget to display multiple article boxes?**
A: Yes, you can display multiple article boxes using the Animated Service Boxes widget. By default, there are three items available, and you can add more by clicking the +Add Item button. This flexibility allows you to showcase various pieces of information effectively within your layout.

**Q: What is the best practice for selecting an image size in the Article Box?**
A: When selecting an image size for the Article Box, use the Image Resolution dropdown to choose an appropriate size that fits well within your design. A well-sized image enhances the visual appeal and ensures that the content is presented clearly. Avoid using overly large images that could slow down your page loading times.

**Q: How can I customize the button in the Article Box?**
A: To customize the button in the Article Box, enable the Button toggle in the widget settings. Once enabled, you can edit the Button Text and Button Link fields to set the desired text and URL for the button. This customization allows you to direct users to relevant content or actions, enhancing engagement.

**Q: Are there any limitations when using the Animated Service Boxes widget?**
A: One limitation is that the Animated Service Boxes widget only works with Elementor. If you're using other page builders like Gutenberg or Beaver Builder, you won't be able to utilize this widget. Make sure you are in the correct environment to take full advantage of its features.

**Q: What happens if I don't enable the Button toggle for the Article Box?**
A: If you do not enable the Button toggle, the Button Text and Button Link fields will not function. This means that your article box will not include a button, potentially missing an opportunity to guide users to further actions or additional information. Enabling the button can improve user interaction with your content.