Base de connaissances
Guides
Académie
Tutoriels vidéo
Appuyez sur la touche échap pour quitter :
Articles consultés récemment :

Sommaire

Organisation de la description du produit avec les onglets et les blocs

Lorsque vous ajoutez une description détaillée du produit, il est judicieux de structurer le contenu en blocs ou onglets significatifs. L'organisation du contenu en sections permet aux clients de lire plus facilement les informations et de trouver rapidement ce dont ils ont besoin.

Il existe plusieurs façons d'organiser visuellement le contenu de la description du produit : avec des blocs réductibles dans l'éditeur de texte intégré, avec l'application Tabber disponible sur le Marché des applications Ecwid, et avec une solution personnalisée.

Ajouter des blocs réductibles aux descriptions de produits

Une fois que vous avez ajouté une description de produit, il est temps d'organiser le texte pour assurer une meilleure lisibilité. La façon la plus simple de regrouper le contenu par sujet est d'utiliser les blocs réductibles disponibles dans l'éditeur de texte Ecwid. Les sections que vous créez peuvent être développées ou réduites d'un simple clic. Cela permet aux clients d'explorer sélectivement des informations détaillées sans surcharger la page.

Organizing product description with tabs and blocks 2.gif

Pour ajouter des blocs réductibles dans les descriptions de produits :

  1. Depuis l'interface d'administration de votre boutique, accédez à Catalogue → Produits.
  2. Cliquez sur +Ajouter un nouveau produit ou sélectionnez un produit existant.
  3. Dans l'éditeur de texte, sélectionnez le contenu que vous souhaitez regrouper dans un premier bloc.
  4. Sur le côté droit de la barre d'édition, cliquez sur l'icône Bloc de texte réductible :

    Organizing product description with tabs and blocks 3.png

  5. Saisissez le titre du bloc. Par exemple, « Caractéristiques » :

    Organizing product description with tabs and blocks 5.gif

  6. Répétez le processus pour ajouter d'autres blocs développables à votre page de produit. Par exemple, vous pouvez ajouter les blocs « Matériau », « Entretien », « Taille ».
  7. Cliquez sur Enregistrer.

Ajouter des onglets aux descriptions de produits avec l'application Tabber

Au lieu de blocs réductibles, vous pouvez créer des onglets à l'aide de l'application Tabber: Product Description Tabs disponible sur le Marché des applications Ecwid. Cette application vous permet d'ajouter jusqu'à 5 onglets à votre description de produit en utilisant des codes courts spéciaux. Pour chaque onglet, vous pouvez choisir les couleurs de l'arrière-plan et du texte.

L'abonnement à l'application vaut 3 $ par mois avec un essai gratuit de 14 jours. L'abonnement est payé séparément de votre abonnement Ecwid.

Organizing product description with tabs and blocks 6.gif

Pour créer des onglets dans la description du produit avec l'application Tabber :

  1. Depuis l'interface d'administration Ecwid, accédez à Applications → Marché des applications.
  2. Cherchez l'application Tabber: Product Description Tabs et cliquez sur Installer, puis sur Ouvrir.
  3. Dans la section Codes courts pour l'aperçu des onglets à droite, spécifiez les noms de chaque onglet. Au lieu de « onglet un », saisissez le titre du premier onglet, au lieu de « onglet deux », saisissez le titre du deuxième onglet, et ainsi de suite. Vous pouvez ajouter jusqu'à cinq onglets :

    Organizing product description with tabs and blocks 4.gif

  4. Supprimez les onglets inutiles si nécessaire :

    Organizing product description with tabs and blocks 9.gif

  5. Au lieu de « contenu de l'onglet un », saisissez la description qui apparaîtra dans le premier onglet :

    Organizing product description with tabs and blocks 8.png

  6. Répétez le processus de modification de « contenu de l'onglet deux/trois/quatre » pour votre contenu personnalisé.
  7. Cliquez sur Appliquer sous Codes courts pour l'aperçu des onglets pour voir à quoi ressembleront les onglets.
  8. Pour modifier les couleurs du texte de la description et du titre, cliquez sur le carré coloré de l'élément correspondant, puis sélectionnez la couleur avec le sélecteur de couleurs dans le coin supérieur droit. Changeons la couleur d'un onglet actif :

    Organizing product description with tabs and blocks 7.gif

  9. (facultatif) Ajustez l'opacité de la couleur à l'aide de l'échelle d'opacité.
  10. Cliquez sur Enregistrer.
  11. Pour ajouter des onglets à la description du produit, copiez le code court à partir de la section Codes courts pour l'aperçu des onglets à droite.
  12. Accédez à Catalogue → Produits et choisissez un produit dans la liste.
  13. Dans le champ Description, saisissez le code que vous avez copié à l'endroit où vous souhaitez que les onglets apparaissent :

    Organizing product description with tabs and blocks 1.png

  14. Cliquez sur Enregistrer.

Notez que vous ne pouvez pas prévisualiser vos onglets dans l'éditeur de description de produit. Pour les voir, ouvrez le produit dans votre vitrine après avoir inséré les codes courts et enregistré les modifications.

Pour ajouter des onglets à un autre produit, répétez les étapes ci-dessus. Vous pouvez localiser l'application dans votre interface d'administration en cliquant sur Paramètres → Tabber.

En savoir plus sur les codes courts et la configuration générale de l'application sur le site Web du développeur de l'application →

Ajouter des onglets personnalisés à la description du produit

Lorsque vous recherchez une fonctionnalité unique pour votre boutique, vous pouvez demander à l'équipe de personnalisation Ecwid de trouver une solution adaptée à votre business.

Par exemple, l'équipe de personnalisation peut créer un outil pour créer des onglets basés sur vos attributs de produit tels que Marque, Modèle, Couleur, Dimensions, Poids, etc.

Le prix du développement dépend de votre abonnement Ecwid et des heures de travail. Vous pouvez soumettre votre demande pour obtenir un devis.

Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Nous sommes désolés ! Que s'est-il passé ?
Utilisateurs qui ont trouvé cela utile : 3 sur 8
10
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser