How to use Image Gallery, Video inside Accordion WordPress Block?

Key Takeaways

  • Nexter Blocks Accordion block allows users to include images, galleries, and videos for enhanced content engagement.
  • The Accordion block offers two content options: Editor (Free) and Pattern (Pro) for flexible layout creation.
  • Creating a Pattern in the WordPress block editor enables users to maintain consistent changes across multiple site locations.
Table of Contents

Accordion blocks are an effective way to keep website content organized, making it easier for the viewer to find the information they are looking for. With WordPress accordion blocks, you can include images, galleries and videos to make your content even more engaging.

If you want to use custom content like images, gallery, video etc. apart from the standard text within your accordion, you can do that easily with The Nexter Blocks Accordion block.

To check the complete feature overview documentation of The Nexter Blocks Accordion block, click here.

Requirement  – This block is a part of The Nexter Blocks, make sure its installed & activated to enjoy all its powers.

This Accordion block provides two options to add WordPress blocks within the accordion content Editor (Free) and Pattern (Pro).

Let’s see the Editor option first-

First, add the accordion block to the page and then go to the accordion tab, you want to add the content.

From the Content Type choose Editor from the dropdown.

accordion layout content editor new

And now you can directly use the WordPress block editor options within the accordion content area. You can use almost any block like image, video, gallery, shortcode and even container block to create unique layouts inside the accordion.

The second option is the Pattern. In this method, you have to create a Pattern only then you can use it inside the accordion.

In the WordPress block editor, you can save a group of blocks together as a Pattern that can be used many times at different places on your website.

The best part of a pattern is once you make any changes to it, it will change across your site wherever it is used, making it easy to maintain.

This way, you can create complex layouts using any combination of blocks.

Now to make a Pattern once you have the structure ready, select the container that contains your blocks then click on the 3 dots at the end and click on Create Pattern.

accordion layout create pattern setting new

Then add the accordion widget to the page, choose Pattern as Content Type, and select your created pattern from the dropdown.

accordion custom pattern new

Alternatively, when you choose the Pattern option, you can also create the Pattern by clicking on the Create Pattern button as well.

Also check, How to connect a Carousel with Accordion in WordPress.

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

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

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What should I do if my accordion block isn't displaying images or videos?

If your accordion block isn't showing images or videos, ensure that you have selected the correct content type in the accordion settings. Use the Editor option to add WordPress blocks directly, which allows you to include images, galleries, or videos. If you're using the Pattern option, verify that the pattern is correctly created and selected. Patterns must be saved properly to function as intended.

What is the best way to create a complex layout inside an accordion block?

The best way to create a complex layout inside an accordion block is to use the Pattern option. By saving a group of blocks as a pattern, you can easily reuse it across your site. This method ensures consistency and simplifies updates, as any changes made to the pattern will reflect wherever it is used.

Are there any limitations when using images or videos in the accordion block?

While using images or videos in the accordion block, be aware of the overall loading time and performance impact. Since Nexter Blocks uses pure Vanilla JS and loads only one CSS and one JS file per page, it minimizes performance issues. However, large media files can still slow down page loading, so optimize your images and videos before adding them.

How do I connect a carousel with an accordion in WordPress?

To connect a carousel with an accordion in WordPress, you can refer to the guide on How to connect a Carousel with Accordion in WordPress. This integration allows for a dynamic presentation of content, enhancing user interaction by combining different content formats within the accordion structure.

Last reviewed: April 15, 2026

Related Docs