---
title: "How to Add an Article Box in WordPress?"
url: https://nexterwp.com/docs/add-an-article-box-in-wordpress/
date: 2024-12-12
modified: 2026-06-04
author: "Aditya Sharma"
description: "Do you want to add an article box in WordPress? An article box displays a title, description, and image in a structured, organized layout. It is well-suited for showcasing featured..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-an-Article-Box-in-WordPress_-1024x519.jpg
word_count: 411
---

# How to Add an Article Box in WordPress?

## Key Takeaways

- Nexter Blocks Animated Service Boxes adds article boxes to any WordPress page with predefined styles and full column control.
- Article boxes in Nexter Blocks use title, subtitle, description, and Featured Image fields, and the Display Button toggle reveals Button Text and Button Link fields.
- Columns Manage controls the number of article boxes per row for desktop, tablet, and mobile separately, and it controls the gap between items.

Do you want to add an article box in WordPress? An article box displays a title, description, and image in a structured, organized layout. It is well-suited for showcasing featured content or key information in a scannable card format.

The Animated Service Boxes block in Nexter Blocks lets you add article boxes to any WordPress page, with predefined styles and full column control.

*To check the complete feature overview documentation of the Nexter Blocks Animated Service Boxes block, [click here](https://nexterwp.com/docs/add-animated-service-boxes-in-wordpress/).*

**Best Used For:**

- Blog or news sites that need a visual card layout to highlight featured or recent articles

- Business or agency sites showcasing case studies, services, or portfolio items with images and descriptions

- WooCommerce or product pages that need structured content cards with title, subtitle, image, and a CTA button

***Requirement  - This block is a part of Nexter Blocks. Make sure it is installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/)

To do this, add the Animated Service Boxes block to the page and follow the steps:

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

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

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

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

2. Then in the **Service Boxes** section, you have to add the content for the article boxes. By default, you will 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 boxes.

Edit the button text and the destination URL in the **Button Text** and **Button Link** fields.

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

Repeat this process for each of the remaining items.

Click **+Add Item** to add more article boxes.

Select the image size from the **Image Size **dropdown.

Then from the **Columns Manage** tab, manage the number of article boxes per row for desktop, tablet, and mobile separately, and control the gap between items.

For a layout that flips on hover to reveal content on the back face, see [How to Add a Flip Box in WordPress](https://nexterwp.com/docs/add-a-flip-box-in-wordpress/). To display individual info items with an icon, title, and description, the [Infobox block](https://nexterwp.com/docs/add-infobox-in-wordpress/) is a focused alternative for simpler use cases.