How to add Image Content inside WordPress Tabs Block?

Updated on February 10, 2023 by Ananda

Table of Contents

If you want to show images with text inside your tabs as content, you can easily do that with The Plus Blocks for Gutenberg Tabs Tours block in fact you can do much more than that.

In this Tabs block, you can use almost any WordPress block to create unique content and layout, so you can imagine the power of this Tabs block.

To check the complete feature overview documentation of The Plus Blocks for Gutenberg Tabs Tours block, click here.

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

The Tabs Tours block offers two options to add custom content inside tabs, Editor (Free) and Reusable Block (Pro).

First, add the Tabs Tours block on the page and go to the tab you want to add the content.

From the Content Type, choose Editor from the dropdown.

tabs editor

With the Editor option selected, you can directly use the default WordPress block editor inside the tab content area, which allows you to use almost any block like image, gallery, video, post list etc. or you can even use our Container block to create interesting layouts inside the tabs.

The second option is Reusable block, in this option too you can use the default WordPress block editor and combine different blocks to create your layouts, but you have to save it as a reusable block first then you can use it inside the tabs as content.

If you have certain content in a layout that you are using at multiple places on your website and want to display the same in tabs too then the reusable block option would be the best choice.

The advantage of using a reusable block is that if you make any changes to it it will automatically update everywhere it is being used.

To make a reusable block create the layout first make sure all the blocks are within one container. Select the main container then click on the 3 dots at the end and click on Create Reusable block.

create reusable block

Note: Wherever you see those 3 dots on the WordPress block editor those can be used to create a reusable block.

Once you have created the reusable block, add the Tabs Tours block on the page and open the tab and from Content Type choose Reusable Block and then select your created reusable block from the dropdown.

tabs reusable block

You can also click on the + Create Reusable Block button within the tab to create a reusable block.

tabs content preview