Onglets Wix Studio : organiser le contenu d’une page 🗂️

Les onglets affichent plusieurs contenus au même endroit : le visiteur clique sur un titre, et seul le contenu correspondant apparaît. Pratique pour comparer des offres ou présenter plusieurs services sans allonger la page.

En bref : ajoutez des onglets depuis « Ajouter des éléments », Outils de mise en page, puis Onglets (Tabs). Gérez-les avec « Gérer les onglets », choisissez l’onglet ouvert par défaut, puis réglez la barre d’onglets, le design et la transition.

À quoi servent les onglets ?

Comment ajouter des onglets sur Wix Studio

1. Cliquez sur « Ajouter des éléments », puis Outils de mise en page.

2. Choisissez Onglets et glissez le modèle voulu sur la page.

3. Cliquez sur « Gérer les onglets » (Manage Tabs) pour ajouter, dupliquer, renommer ou supprimer un onglet.

4. Ajoutez vos éléments dans chaque onglet (textes, images, boutons) et ajustez sa grille.

Dans le menu des actions d’un onglet (More Actions), l’option Set as default choisit l’onglet ouvert au chargement de la page.

Mise en page, design et transitions

Tout le design se règle dans l’Inspecteur Wix Studio. Pour placer finement le contenu de chaque onglet, la CSS Grid est votre meilleure alliée.

Onglets ou accordéon : que choisir ?

Les deux cachent une partie du contenu. Les onglets conviennent à quelques contenus de même niveau, présentés côte à côte. L’accordéon Wix Studio convient mieux aux listes longues, comme une FAQ, et se lit très bien sur mobile. Si le contenu vient du CMS, regardez plutôt la boîte multi-état, avec un peu de code.

Mon avis de webdesigner

Les onglets sont pratiques, mais ils cachent du contenu : un visiteur pressé ne clique pas toujours. Mettez dans le premier onglet ce que la plupart de vos visiteurs veulent voir, et gardez des titres d’onglets courts et explicites. Sur mobile, vérifiez que la barre d’onglets reste lisible, quitte à activer le défilement.

Besoin d’aide pour structurer vos pages ? Découvrez mon offre de création de site vitrine.

Questions fréquentes sur les onglets Wix Studio

Comment ajouter un onglet sur Wix Studio ?

Sélectionnez l’élément Onglets, cliquez sur « Gérer les onglets », puis ajoutez ou dupliquez un onglet.

Peut-on choisir l’onglet ouvert par défaut ?

Oui, avec l’option Set as default dans le menu des actions de l’onglet voulu.

Les onglets existent-ils sur l’éditeur Wix classique ?

Oui, l’éditeur Wix propose aussi un élément Onglets, avec ses propres réglages.

À propos de l’auteur Alexandre Cottret, webdesigner freelance et fondateur de Trend Design, certifié Wix Partner Legend et Wix Studio. Plus de 150 sites créés depuis 2021, 5/5 sur Malt (93 avis).

Sources : Aide Wix, Studio Editor : Adding and Customizing Tabs