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 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.
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 Nexter
CMO at POSIMYTH Innovations · Nexter · 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
X GitHub YouTube Website

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

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