📂 CoDesigner Customization

Home » CoDesigner » CoDesigner Customization » How to add multiple Tabs in a website's pages using Tabs Classic widget?

How to add multiple Tabs in a website's pages using Tabs Classic widget?

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 multiple tabs 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 Classic widget. Then, click the Save Settings button.

Tabs Classic

Step 3: Now Go to the Templates, select a section, and provide the template a title. After that, click on the Create Template button.

Create tabs template

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

drag widget

Step 5: Style that section 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.

edit tabs sections

Step 6: Now you need to 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?