Blog Post

Roni Landau • Dec 11, 2018

Tabs Widget - A New Way to Organize Content


The new Tabs widget is an excellent way of displaying content efficiently on your site. Visitors navigate between tabs (rather than scroll through long text) to view related content. Tabs are a great way of showing related content such as Services, Plans or Team members in compact, connected sections.


You have several layout options to choose from, and can add as many tabs as you like (we recommend no more than four or five).
Each tab can contain a label, title, description, image and button, and each of these elements is fully customized.

Tabs examples, to get you started

Friendly Tab Tips



Here are some simple tips to help you make the most out of this new design widget:

1. Arrange tabs in a logical order: Think about what order makes the most sense for users, and arrange the content accordingly.

2. Support text with images: Images make tab content more attractive and easier for site visitors to understand at a glance.

3. First tab is preselected: So make sure it’s the most important one.

4. Use clear, short labels: Use plain language in the label, so users know exactly what to expect, and keep the text short.

5. Capitalize with consistency: You may choose First Letter Caps or ALL CAPS for your labels. Whatever you do, make sure it’s consistent.

6. Help users know where they are: Do this by customizing the Selected Tab & Hover in the Tab Design editor.




LATEST POSTS

Three squares with icons on them and the words `` more design power ''.
By Liron Hilb Horev 02 May, 2024
Alternative image on-hover, plus 3 more updates you wanted.
A blue background with the words seo overview on it.
By Tal Levi 30 Apr, 2024
A new way to instantly see and solve SEO issues, built right into the platform.
A picture of two cards with the words ``6 new store updates '' written on it.
By Ofri Baram 25 Apr, 2024
Sync the catalog with Google, add an image or text block to product pages, and more.
Show More
Proudly built on the Duda Responsive Website Builder
Share by: