Home » CoDesigner » CoDesigner Customization » How to add a Dynamic Tab in your WooCommerce single Product Page?

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.

Step 2: You’ll need the Pro version of CoDesigner to access the Product Dynamic Tab widget. To do this, Visit CoDesigner and choose a plan to purchase it

Step 3:  If you don’t have an account to purchase the pro version, it’s easy to create one. Enter your email address, choose your first name, the last name, and create a secure password and payment information. That’s all you need to have the pro version. Install and activate the pro version in your website.

Step 4: After activating CoDesigner Pro License, Go to CoDesigner > Widgets and enable the Product Dynamic Tab widget. Then, click the Save Settings button.

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

Step 6: In the Elementor editor, search for the Product Dynamic Tabs widget and drag it into the Single Product section you want to showcase the tab.

Step 7: From the editor, Select any of the tabs to change the demo content. You can style the tabs based on your design. Finally, Update the single product page to save the changes.

 

If you require any assistance feel free to reach out to us from our Support Live Chat. We’d be happy to assist you.