---
title: "How to use Image Gallery, Video inside Accordion WordPress Block?"
url: https://nexterwp.com/docs/image-video-inside-accordion-block/
date: 2023-02-08
modified: 2026-04-15
author: "Aditya Sharma"
description: "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..."
image: https://nexterwp.com/wp-content/uploads/2024/05/image-video-inside-accordion-block-1024x519.jpg
word_count: 386
---

# 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.

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](/docs/accordion-block-settings-overview/).*

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

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/?from=tpblocks&utm_source=tpag&utm_medium=docs&utm_campaign=text)

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.

![](https://nexterwp.com/wp-content/uploads/2023/02/accordion-layout-content-editor-new.png)

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**.

![](https://nexterwp.com/wp-content/uploads/2023/02/accordion-layout-create-pattern-setting-new.png)

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

![](https://nexterwp.com/wp-content/uploads/2023/02/accordion-custom-pattern-new.png)

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](https://nexterwp.com/docs/connect-carousel-with-accordion-in-wordpress).

## Frequently Asked Questions

**Q: What should I do if my accordion block isn't displaying images or videos?**
A: 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.

**Q: What is the best way to create a complex layout inside an accordion block?**
A: 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.

**Q: Are there any limitations when using images or videos in the accordion block?**
A: 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.

**Q: How do I connect a carousel with an accordion in WordPress?**
A: 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](https://nexterwp.com/docs/connect-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.