---
title: "Create Unique Image Accordion Horizontal and Vertical with Gutenberg Blocks [Video Tutorial]"
url: https://qa.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://qa.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

- Utilizes the animated service box block in Gutenberg to create unique horizontal and vertical image accordions.
- Supports multiple content types including info boxes, image banners, and portfolio showcases within the Gutenberg editor.
- Offers a 10% discount code 'YOUTUBE10' for purchasing the Nexter Blocks plugin from NexterWP.

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://qa.nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/](https://qa.nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/)

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