📂 CoDesigner Customization

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

How to add Tabs Beauty 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 Beauty  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 Beauty widget. Then, click the Save Settings button.

Tabs Beauty

 

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 Beauty 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: Finally, Update the section template to save your changes. 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?