Éléments Onglets

Dans cet article, vous découvrirez les éléments Onglets et comment l’utiliser.

A propos des éléments onglets

Les éléments Onglets est conçu pour présenter le contenu dans des onglets séparés afin d’augmenter le taux de conversion.

Vous pouvez utiliser les éléments Onglets pour afficher divers éléments en tant que contenu de l’onglet, indépendamment pour chaque onglet ou ensemble dans un onglet.

Pour utiliser les éléments Onglets, choisissez Ajouter un élément dans le menu de la barre latérale> AVANCÉ> choisissez les éléments Onglets, puis faites-le glisser et déposez-le dans l’éditeur de page.

Notez que vous pouvez rechercher cet élément en utilisant la fonction de recherche au lieu de le trouver dans la barre latérale.

PageFly with the Tabs element helps you to build your Shopify store more easily

Les éléments Onglets est livré avec plusieurs variantes couvrant la plupart de vos besoins. Mais nous continuerons à ajouter d’autres variantes pour vous aider à gagner du temps.

Faites glisser une variante sur la mise en page et voyez comment elle peut être configurée.

Configuration des éléments Onglets

Les éléments Onglets sont livrés avec de nombreux paramètres vous permettant d’affiner l’apparence du contenu pour atteindre le meilleur taux de conversion possible.

Sélectionnez l’élément dans la présentation pour voir ses paramètres.

Les paramètres des onglets Général et Style sont spécifiques à cet élément. Lisez à leur sujet dans cet article.

Les paramètres de l’onglet général
1.CONTENU
  • Éléments d’onglet: vous pouvez ajouter de nouveaux onglets à l’élément.

Vous pouvez dupliquer ou supprimer l’élément avec deux icônes correspondantes à côté du nom de chaque élément de l’onglet.

L’ordre des éléments de l’onglet peut être facilement déplacé en faisant glisser et en déposant l’icône des 3 points à gauche du nom de l’élément de l’onglet.

Vous pouvez faire glisser et déposer d’autres éléments dans chaque onglet.

  • Élément actif par défaut: choisissez l’un des onglets pour le rendre par défaut (à voir en premier) lorsqu’il apparaît sur la page en direct.
  • Position d’en-tête: Il y a 4 positions (elles sont affichées comme les flèches) pour choisir l’en-tête tel que Haut; Gauche; Bouton; et à Droite.
    • Gauche: si vous choisissez cette option, les en-têtes d’onglet seront déplacés vers la gauche du contenu de l’onglet. Il existe une option pour ajuster l’alignement vertical avec 3 choix: Haut, Milieu et Bas.
    • Droite: si vous choisissez cette option, les en-têtes d’onglet seront déplacés à droite du contenu de l’onglet. Il existe une option pour ajuster l’alignement vertical avec 3 choix: Haut, Milieu et Bas.
    • Haut: si vous choisissez cette option, les en-têtes des onglets seront déplacés vers le haut. Il existe une option pour ajuster l’alignement horizontal avec 3 choix: Haut, Milieu et Bas. Vous pouvez également définir une largeur complète pour le menu si vous le souhaitez.
    • Bas: si vous choisissez cette option, les en-têtes d’onglets seront déplacés vers le bas. Il existe une option pour ajuster l’alignement horizontal avec 3 choix: Haut, Milieu et Bas. Vous pouvez également définir une largeur complète pour le menu si vous le souhaitez.
2. ATTRIBUTSIl s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
3. VISIBILITÉIl s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
4. ANIMATIONIl s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
Paramètres de l’onglet Style
1. GLOBALVous pouvez lire sur le paramètre GLOBAL ici.
2. ESPACEMENTVous pouvez lire sur le paramètre ESPACEMENT ici.
3. TYPOGRAPHIEVous pouvez lire sur le paramètre TYPOGRAPHIE ici.
4. ARRIÈRE PLANVous pouvez lire sur le paramètre ARRIÈRE PLAN ici.
5. BORDUREVous pouvez lire sur le paramètre BORDURE ici.
6. AFFICHERVous pouvez lire sur le paramètre AFFICHER ici.
7. CSS PERSONNALISÉVous pouvez lire sur le paramètre CSS PERSONNALISÉ ici.

Paramètres d’en-tête d’onglet

Pour modifier un en-tête d’onglet des éléments onglets, choisissez un en-tête d’onglet séparément.

tab header

Paramètres de l’onglet Général
1.CONTENT
  • Éléments d’onglet: Vous pouvez dupliquer ou même supprimer l’onglet souhaité en choisissant l’icône correspondante dans l’ordre: dupliquer; supprimer
  • Vous pouvez également ajouter un nouvel onglet en cliquant sur le bouton Ajouter un nouvel élément.

  • Texte du bouton: vous pouvez modifier ici le nom de l’en-tête de l’onglet.
  • Afficher l’icône: activez cette option si vous souhaitez afficher l’icône de l’en-tête de l’onglet. Et pour changer l’icône, vous devez cliquer sur l’icône.

  • Texte d’ancrage: vous pouvez saisir ici le texte d’ancrage pour l’en-tête de l’onglet.
2. ATTRIBUTSIl s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
3. VISIBILITÉIl s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
4. ANIMATIONIl s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
Paramètres de l’onglet Style

État du bouton: vous pouvez choisir l’un des trois états de bouton à lui appliquer, tels que Normal, Survoler et Sélectionné.

1. GLOBALVous pouvez lire sur le paramètre GLOBAL ici.
2. ESPACEMENTVous pouvez lire sur le paramètre ESPACEMENT ici.
3. TYPOGRAPHIEVous pouvez lire sur le paramètre TYPOGRAPHIE ici.
4. ARRIÈRE PLANVous pouvez lire sur le paramètre ARRIÈRE PLAN ici.
5. BORDUREVous pouvez lire sur le paramètre BORDURE ici.
6. AFFICHERVous pouvez lire sur le paramètre AFFICHER ici.
7. CSS PERSONNALISÉVous pouvez lire sur le paramètre CSS PERSONNALISÉ ici.

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!