---
title: "How to add Image Content inside WordPress Tabs Block?"
url: https://nexterwp.com/docs/image-inside-wordpress-tabs/
date: 2023-02-10
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "A tab that can only hold text rules out most of what people actually want in one — a screenshot, a gallery, a plan comparison. Pointing a tab at a..."
image: https://nexterwp.com/wp-content/uploads/2024/05/image-inside-wordpress-tabs-1024x519.jpg
word_count: 552
---

# How to add Image Content inside WordPress Tabs Block?

## Key Takeaways

- Tabs Tours uses Content Type set to Pattern so a tab holds any blocks, including an image and a gallery, while Content holds rich text only.
- Nexter Blocks Pro is required for pattern content inside tabs, and the Tabs Tours block takes up to 10 tabs.
- AJAX loading fetches a tab’s content only when someone opens it, so the content is not in the page’s HTML until then and search engines do not see it.

A tab that can only hold text rules out most of what people actually want in one — a screenshot, a gallery, a plan comparison.

Pointing a tab at a saved pattern lets it hold any blocks at all, images included.

*For every Tabs Tours setting in one place, see the [Tabs Tours block guide](https://nexterwp.com/docs/add-tabs-on-wordpress/).*

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-tab-content/)

## Before You Start

- **Edition:** **Pro** — pattern content inside tabs needs Nexter Blocks Pro.- **Block to enable:** Tabs Tours, switched on under **Nexter > Blocks** in your WordPress dashboard.- **A saved pattern:** build the tab's content anywhere on your site, select the blocks and save them as a pattern, so you can pick it here.- **Your sections planned:** one tab per section, and the block takes up to **10 tabs**.

## Steps

- Build the content you want in the tab — an image, a gallery, whatever it needs — then select those blocks and save them as a pattern.

- Add the **Tabs Tours** block to your page and click **Design from Scratch**.

- In the **Content** panel, open the tab you want and set its **Content Type** to **Pattern**.

![A tab with Content Type set to Pattern](https://nexterwp.com/wp-content/uploads/2026/09/tabs-tours-pattern.webp)

- Choose your saved pattern.

- Publish the page and open that tab to check the image shows.

## The Three Content Types

| Content Type | What it holds | Edition |
| ------------ | ------------- | ------- |
| Content | A rich-text **Description** typed straight into the tab | Free |
| Pattern | A saved pattern, so a tab can hold any blocks — images, galleries, columns | **Pro** |
| Editor | Intended for building the tab's content with blocks in place | — |

> *Content holds rich text only. To put images or any other blocks in a tab, use Pattern.*

## How It Behaves

- The whole pattern renders inside the tab — in testing, a pattern holding an image and a paragraph produced both inside the tab.- Because it is a saved pattern, using it in several tabs or on several pages means editing it in one place.- Each tab picks its own pattern, so one tab can hold a gallery while another holds plain text.- There is an option to load the pattern over AJAX, which fetches the tab's content only when someone opens that tab.

## Limitations

- **Pattern content needs Nexter Blocks Pro.** On the free plugin a tab holds rich text only.- The content has to exist as a saved pattern first — you cannot drop blocks straight into the tab.- With AJAX loading on, the tab's content is **not** in the page's HTML until the tab is opened, so search engines will not see it. Leave AJAX off for content that matters for SEO.- Editing the pattern changes it everywhere it is used, which is usually the point but is easy to forget.

## Troubleshooting

### The tab is empty

Check the tab's **Content Type** is **Pattern** and that a pattern is actually selected — a tab with the type set but no pattern chosen renders nothing.

### The image shows in the editor but not on the page

If AJAX loading is on, the content arrives when the tab is opened rather than with the page. Open the tab on the published page, and switch AJAX off if you need the content in the HTML from the start.

### I want to build the content right inside the tab

Build it on the page first, save it as a pattern, then point the tab at that pattern. That is the route that works.

## Related Docs

- [Add an icon to a tab](https://nexterwp.com/docs/change-wordpress-tab-icon/)- [Tabs Tours block: all settings](https://nexterwp.com/docs/add-tabs-on-wordpress/)- [Vertical tabs layout](https://nexterwp.com/docs/vertical-tabs-in-wordpress/)

## Frequently Asked Questions

**Q: How do I add an image inside a WordPress Tabs block?**
A: The Tabs Tours block in Nexter Blocks lets you place an image directly inside a tab by using the Editor content type. That matters because the tab content area is not limited to text, so you can build richer layouts without leaving the WordPress block editor. The page also says you can use blocks like image, gallery, video, and post list inside the tab.

**Q: What should I use if I want the same tab content reused in multiple places?**
A: Pattern is the better choice when the same layout needs to appear in more than one tab or on more than one page. Nexter Blocks says any change to a Pattern updates everywhere it is used, which saves time and keeps repeated content consistent. That makes it a better fit than Editor when the content is shared across your site.

**Q: Why isn't the Tabs Tours block showing up in WordPress?**
A: The Tabs Tours block is part of Nexter Blocks, so it needs to be installed and activated before it will be available. If the block is missing, that is usually the first thing to check because the tutorial depends on that plugin being active. Once it is enabled, you can add the block and choose either Editor or Pattern for tab content.

**Q: Can I use normal WordPress blocks inside tabs instead of just text?**
A: The Tabs Tours block supports almost any WordPress block inside tab content, not just plain text. The page specifically mentions image, gallery, video, post list, and even the Container block for building layouts. That flexibility is what makes it useful for tabs that need real content instead of simple labels.

**Q: What is the best way to build complex layouts inside WordPress tabs?**
A: Editor works well for quick custom layouts, but Pattern is better when you want a reusable design with multiple blocks grouped into one container. The page says to create the layout first, keep all blocks within one container, then create a Pattern from the main container. That structure matters because Patterns are meant to be reused cleanly inside tabs.

**Q: Where can I find more details about the Nexter Blocks Tabs Tours block?**
A: The tutorial points to two resources: [click here](https://nexterwp.com/docs/add-tabs-on-wordpress/) for the complete feature overview documentation and [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-tab-content/) for the live block demo. Those links are useful if you want to see how Nexter Blocks handles tab content before building your own layout.