This shortcode allows you to divide your content with horizontal or vertical tabs. You can specify which tab will be selected by default and turn any tab into a link. You can use any HTML code or even other shortcodes as content.

Regular tabs

Tab nameTab nameTab name
Tab content
Tab content
Tab content

Vertical tabs

Tab nameTab nameTab name
Tab content
Tab content
Tab content
<strong>Regular tabs</strong>

[su_tabs]
[su_tab title="Tab name" disabled="no" anchor="" url="" target="blank" class=""]Tab content[/su_tab]
[su_tab title="Tab name" disabled="no" anchor="" url="" target="blank" class=""]Tab content[/su_tab]
[su_tab title="Tab name" disabled="no" anchor="" url="" target="blank" class=""]Tab content[/su_tab]
[/su_tabs]

<strong>Vertical tabs</strong>

[su_tabs vertical="yes"]
[su_tab title="Tab name" disabled="no" anchor="" url="" target="blank" class=""]Tab content[/su_tab]
[su_tab title="Tab name" disabled="no" anchor="" url="" target="blank" class=""]Tab content[/su_tab]
[su_tab title="Tab name" disabled="no" anchor="" url="" target="blank" class=""]Tab content[/su_tab]
[/su_tabs]

Shortcode options are available from within the dashboard of your website.

Navigate to Dashboard ▸ Shortcodes ▸ Available shortcodes and select a shortcode.

Available shortcodes screen