Hang in there, your answer is on the way...

Wix Editor: Adding and Setting Up Tabs

3 min read
Add tabs to organize your content and display it the way you want. By splitting content into tabs, you can streamline important information for your visitors and make it easy for them to find everything they need.
Gif of menu navigating to different tabs on a website.

Step 1 | Add tabs to your site

Get started by adding the tabs element to your page. There are a variety of pre-designed options available, so you have everything you need to begin.

To add tabs:

  1. Go to your editor.
  2. Click Add Elements  on the left side of the editor.
  3. Click Interactive.
  4. Click Tabs under Boxes.
  5. Click and drag your chosen tab design to add it to your page.
Screenshot of add elements panel in Wix editor. Tabs highlighted under Interactive option.

Step 2 | Give a name to each tab

After adding the tabs element, rename the tabs to match your planned content. Since tab names appear in the menu, they make it easier for visitors to find information that's relevant to them.

To name your tabs:

  1. Click the tabs in your editor.
  2. Click Manage Tabs.
  3. Hover over the relevant item in the panel.
  4. Click the More Actions icon .
  5. Click Rename.
  6. Enter the new name into the field.
  7. Click Done.
Manage tabs panel, with mouse hovering over Rename.

Step 3 | Add elements to your tab items

After naming each tab, start building its content by adding the elements you need. The elements are only displayed in that particular tab, so you can add as much or as little content as you need.

To add elements to a tab item:

  1. Click the tabs in your editor. 
  2. Open the relevant tab item from the drop-down menu.
  3. Click Add Elements on the left side of the editor.
  4. Click and drag your chosen element over the tab.
  5. Drop the element when you see the Attach to Tab message. 
Gif of Icon button being added to a tab from the add element panel.
What's next?
Manage and customize your tab items to change their design, layout, and more. 

Did this help?

|