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

Updated On : April 14, 2026By : Reading Time : 1 minute

Key Takeaways

  • Nexter Blocks allows users to create stylish image accordions both horizontally and vertically in the Gutenberg editor.
  • The animated service box block in Nexter Blocks supports multiple images with text and descriptions for unique content sections.
  • Nexter Blocks can be used for various content types, including info boxes, image banners, and portfolio showcases.
Table of Contents

YouTube video
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/

⚡ Plugin Website – https://nexterwp.com/
⚡ Get the Plugin https://nexterwp.com/nexter-blocks/
USE CODE ” YOUTUBE10 ” TO ENJOY 10% DISCOUNT

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordpressThemesElementorn8nAIClaudeAutomationServer
LinkedIn X Website

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What should I do if my images aren't displaying correctly in the accordion?

If your images aren't displaying correctly, check the image file formats and sizes. Ensure they are supported by WordPress and optimized for web use. Using the animated service box block from Nexter Blocks can help you create stylish image accordions, but if images are too large, they may not load properly. Consider resizing images before uploading to improve loading times.

What is the best way to arrange images in the accordion for better user experience?

For a better user experience, consider arranging images in a logical order that guides users through your content. Group related images together and use clear, descriptive text for each image. The horizontal and vertical layouts offered by the animated service box block in Nexter Blocks allow you to choose the best arrangement for your audience's needs.

What happens if I try to use Nexter Blocks without Gutenberg?

Nexter Blocks is designed exclusively for the Gutenberg editor in WordPress. If you attempt to use it without Gutenberg, the features and functionalities will not work as intended. It's essential to ensure that Gutenberg is activated on your WordPress site to take full advantage of the capabilities offered by Nexter Blocks.

Are there any limitations when using the animated service box block?

One limitation of the animated service box block is that it may not support certain advanced animations or customizations outside its predefined settings. While it offers a variety of styles, users looking for highly customized animations might need to explore additional options. Understanding these limitations can help you set realistic expectations for your design.

Last reviewed: April 14, 2026

Related Docs

Advance Border Radius for WordPress (Gutenberg) – Custom Border Shape [Video Tutorial]
icon
Advanced Typography Styles for WordPress (Gutenberg) – Rotate, Marquee, Stroke, Vertical, Blend [Video Tutorial]
icon
Carousel Slider Sync Remote for Gutenberg WordPress | Connect with Arrows, Dots, Tabs, Accordion etc [Video Tutorial]
icon
Combined Social Media Feed in WordPress (Gutenberg) – Facebook, Instagram, Twitter, YouTube & Vimeo [Video Tutorial]
icon
Create Dynamic WordPress with Custom Post Loop Skins with ACF & CPT (Gutenberg) [Video Tutorial]
icon
FREE Ajax Search Bar with Dropdown for WordPress (Gutenberg) [Video Tutorial]
icon
123……8