Try for free!

How to add Tabs to a Duda website

Embed Tabs on Duda in just a few steps

Embed Tabs on Duda

01
Create a Tabs widget for Duda On Common Ninja

First, create a Duda Tabs widget on Common Ninja.

On the widgets catalog, find the Tabs and enter the Editor.

Create a Tabs widget for Duda On Common Ninja
02
Save the Tabs widget

When you're done creating the Tabs widget, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Tabs widget
03
Copy the Tabs Embed Code

When you're ready to add the Tabs widget to your Duda website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the widget embed code. In the next steps, you will paste this code into your Duda website.

Copy the Tabs Embed Code
04
Enter Widgets on Duda's website editor

Now, let's head to the Duda's website editor.

On the Left panel, enter Widgets.

Enter Widgets on Duda's website editor
05
Select the HTML widget

Find and select the HTML widget.

Select the HTML widget
06
Place the HTML widget on your page

Drag and place the HTML widget wherever you wish the Tabs to show.

Place the HTML widget on your page
07
Add the Tabs Embed Code

Now, delete the code in the HTML Content window on the left panel and simply paste the Tabs embed code you've copied before.

Add the Tabs Embed Code
08
Save the code

Click the Update button on the bottom of the HTML Content window to save your change.

Please note: you might need to refresh the page to see the Tabs content in the editor (wait until the editor auto saves your changes).


Save the code