Category

Tutorials

Category

Visual Composer tool provides tons of options to add custom Tabs, Accordions and Tours to display content in different layers. You can easily create awesome looking tabs or accordions without writing any piece of single code.

Get into this article to learn more

Adding Tabs

To add tab using Visual Composer simply head to Visual Composer frontend editor

Click “Add Element” and search for “Tabs”

add tabs

Now click on Tabs and add any element on first tab, for example we have a single image with text block

Text Block

Tab one single image

On second tab we have added another image and text block

Add New Section on Tabs

To add new section on Tabs simply click on “Show tabs control” button and click on “Plus” sign to add new section.

Add More Tabs Section

Adding Accordion

To add an accordion simply click on Add Element button and search for “Accordion”

Accordion

After finding Accordion click on it

On First accordion we have added a Text Block and on second accordion tab an Image Gallery, read this tutorial to learn how to create an image gallery

Tab one About

Tab two gallery1

Add New Section on Accordion

To add new section on Accordion simply click on “Show accordions control” button and click on “Plus” sign to add new section.

Add accordion sections

Adding Tour

To add a Tour simply click on Add Element button and search for “Tour”

Add Tour

After finding Tour click on it

On First Tour we have added an About section with Text block and on second tour we have added an image gallery.

Tour Tab One

tab two gallery tab1

Add New Section on Tour

To add new section on Tour simply click on “Show tours control” button and click on “Plus” sign to add new section.

Add tabs on tour1

After making things done, just click on Update to publish your page.