Tabs, Tours and Accordions

Tabs, Tours and Accordions

Visual Composer offers wide range of tabs, tours and accordions.

Tabbed Content

Visual Composer Tabs allow creating tabbed content in order to design more complex structure for your WordPress page. Tabs may contain different simple elements and even have their own inner row for operating with columns. In addition it is possible to set auto rotate function for tabs if necessary.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Tours

Visual Composer Tour content element allows creating tabbed tour sections which can be used for complex layout creation same as Tabs content element.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Design Options
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Templates
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Accordions

Accordion is a complex layout content element which combines functionality of tabs and toggles and is often used to separate different categories of contents. For example description and technical specification of products. Accordions allow setting up active section and control collapsible options as well.

qTranslate and WPML
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

CSS
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

qTranslate and WPML
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

CSS
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

qTranslate and WPML
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

CSS
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

qTranslate and WPML
First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

CSS
Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

First Tab Content

This is first tab element with inner row divided into 2 columns each containing it’s own content elements.

Second Tab Content

This is the second tab element with inner row divided into 2 columns each containing it’s own content elements.

Want Some More?

Why don’t you test it yourself? You are only one click away from your personal demo which allow you to access of the elements and see how easy it is to work with Visual Composer Page Builder for WordPress.