---
title: "Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]"
url: https://nexterwp.com/docs/create-unique-image-accordion-horizontal-vertical-gutenberg-blocks-video-tutorial/
date: 2023-07-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=Fcn0r4EDgVo Video Duration: 10 : 02 Video Overview Ever wondering to add your images in most stylish way in Gutenberg editor of WordPress?Here is the way possible using animated service..."
image: https://nexterwp.com/wp-content/uploads/2024/05/create-unique-image-accordion-horizontal-vertical-gutenberg-blocks-video-tutorial-1024x519.jpg
word_count: 128
---

# Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]

## Key Takeaways

- Nexter Blocks uses the animated service box block in Gutenberg to create image accordion layouts with multiple images, text, and description.
- The image accordion appears in horizontal or vertical form inside the WordPress block editor.
- The animated service box block also supports info box, image banner, portfolio showcase, image accordions, content box, stylish box, and ad banner sections.

https://www.youtube.com/watch?v=Fcn0r4EDgVo

##### Video Duration: 10 : 02

## Video Overview

Ever wondering to add your images in most stylish way in Gutenberg editor of WordPress?
Here is the way possible using animated service box block in Gutenberg aka block editor.
You may use multiple images with it's text and description to add special looking accordion type images set horizontally or vertically to build amazing WordPress website using Gutenberg.
That's not it, You can use this block to add info box, image banner, portfolio showcase, image banner, image accordions, content box, stylish box, ad banner and lots more unique content sections on your gutenberg aka block editor based WordPress websites.

Live Widget Demo - [https://nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/](https://nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/)

⚡ Plugin Website - [https://nexterwp.com/](https://nexterwp.com/)
⚡ Get the Plugin [https://nexterwp.com/nexter-blocks/](https://nexterwp.com/nexter-blocks/)
USE CODE " YOUTUBE10 " TO ENJOY 10% DISCOUNT