---
title: "How to Add an Article Box in WordPress?"
url: https://qa.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://qa.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

- Utilizes the Animated Service Boxes block from Nexter Blocks to create article boxes in WordPress.
- Enables the Display Button toggle to add customizable buttons to article boxes, including button text and URL.
- Manages layout options for article boxes, including image size and column arrangement for different devices.

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://qa.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://qa.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://qa.nexterwp.com/docs/add-a-flip-box-in-wordpress/). To display individual info items with an icon, title, and description, the [Infobox block](https://qa.nexterwp.com/docs/add-infobox-in-wordpress/) is a focused alternative for simpler use cases.