CherryFramework 3. How to use Tabs shortcode

This tutorial shows how to manage Tabs shortcode in CherryFramework3.

You can wrap existing content with tabs or insert new one.

1. Navigate to Pages or Posts, open content for editing or create new one. Select Tabs shortcode in Visual Editor – Insert Shortcode:

   

2. You will see tabs shortcode with 3 tabs and titles. Each tab has corresponding opening [tabX] and closing [/tabX] tag. Insert your content between them, you can replace tab title with yours as well:

   

3. You can insert texts, images or other shortcodes into tabs, create content with columns or tables. Make sure to copy or insert content with opening and closing tags to avoid distorted content display:

   

4. Save changes. Refresh Post or Page on front-end to check the changes:

   

Feel free to check the detailed video tutorial below: