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.
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.
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. To display individual info items with an icon, title, and description, the Infobox block is a focused alternative for simpler use cases.
