Docs

How can we help?

Get help straight from our team...

Shortcodes

[sa_tabs] Shortcode Guide

A user guide for the sa_tabs shortcode.

Updated 20 hours ago

Image

What does it do?

The tabs shortcode allows you to display information in tabs that appear when clicked, this is useful as it makes it easy to put a large amount of information into sections on a page without overloading the page with information.

Image

How do I use it?

To embed this shortcode into the page, you need to copy the following HTML:

[sa_tabs][sa_tab title="Home" id="home"]
My Home content
[/sa_tab][sa_tab title="Profile" id="profile" active="true"]
My Profile content
[/sa_tab][sa_tab title="Messages" id="messages"]
My Messages content
[/sa_tab][/sa_tabs]

Rules:

  • title="" - sets the title of the tab.

  • id="" - sets the id of the tab.

  • active="" - sets the specified tab to be active. (true/false)

Once you have copied this, paste it into the page in the text editor view, click update/publish, and then refresh the page.

Previous

[smartTwitter] Shortcode Guide

Next