📂 CoDesigner Customization

Home » CoDesigner » CoDesigner Customization » How to add Tabs Basic in a website's pages?

How to add Tabs Basic in a website's pages?

Sending users in multiple pages is better than creating tabs. This would be more user-friendly and save customers time. Let’s follow the steps to add Tab Basic in a website’s pages:

Step 1: Install and activate the CoDesigner plugin by navigating to Plugins > Add New.

CoDesigner Install

Step 2: Go to CoDesigner > Widgets and enable the Tabs Basic widget. Then, click the Save Settings button.

Tabs Basic

Step 3: Now Go to the Templates and select the CoDesigner Section. After that, Provide a name to your template and click on Create Template

Create tabs template

 

Step 4: From the editor search bar, search for the Tabs Basic widget and drag it to the new section.

drag the widget

Step 5: Style your tab from the Style panel. You can customize the tabs list i.e. typography, border, and box shadow in your tab section. Finally, Publish the template to save your changes.

customize

Step 6: Assign your section to the page you want to show this.

condition

If you require any assistance feel free to reach out to us from our Support Live Chat.

Was this doc helpful?