Comparez et choisissez : plongez dans les options avec la section « Tableau des options »

Vos clients en ont assez de la confusion des variantes ? Laissez la table d'options de Be Yours 7.1.0 être votre héros !

Cette interface visuellement attrayante et organisée permet de comparer sans effort les options de produits, permettant ainsi aux clients de trouver en toute confiance leur solution idéale. Bénéficiez d'une augmentation des taux de conversion et de la fidélité à la marque à mesure que vos clients tombent amoureux de la clarté et de la facilité de votre processus de sélection de produits.

Sur cette page

1. Exigence

Vous devez disposer de Be Yours version 7.1.0. ou plus tard.

2. Mise en place d'une section de table d'options

Suivez ces étapes simples pour activer et configurer la section Tableau d'options :

  1. Sur votre tableau de bord d'administration Shopify , cliquez sur Boutique en ligne > Thèmes .

  2. Sur la page Thèmes, choisissez le thème Be Yours et cliquez sur le bouton Personnaliser du thème.

  3. Sur la page d'accueil (ou autre modèle de page) > Groupe de sections Modèle > Ajouter une section > Cliquez sur le tableau des options .

  4. Cette section du tableau d'options est affichée bien en évidence sur votre site Web avec 4 blocs de produits , comme indiqué dans l'image ci-dessous. Allez dans chaque bloc et choisissez votre propre produit pour remplir le tableau.

  5. Configuration de la section du tableau d'options

    Paramètres des sections
    Paramètres
    Description
    Tableau des options
    Option critères
    • Entre le nom exact de l'option de votre produit. (Ex. ' Taille ', ' Couleur ',...)

    • Une fois que vous avez entré un nom d'option valide, cette fonctionnalité analysera et identifiera automatiquement toutes les valeurs d'option disponibles , puis les affichera dans le tableau.

    • Par exemple, nous entrons ici Size .

      Dans le produit « Earthy Elegance », l'option Taille comprend XS, S, M, L et XL .

      Le tableau s'affichera comme l'image ci-dessous.

    Titre Le titre de la section.
    Taille du titre La taille de la rubrique : Small , Medium ou Large .
    Balise de titre Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement.
    Etiquette du bouton Le texte qui s'affiche sur le bouton.
    Lien du bouton L'URL du bouton.
    Taille du bouton

    La taille du bouton : Small , Medium ou Large .

    Coche ou décoche Utiliser le lien du bouton de soulignement .

    Alignement du contenu du bureau L’alignement du contenu sur desktop :
    • Gauche
    • Centre
    • Droite
    Disposition mobile
    Alignement du contenu mobile L’alignement du contenu sur navigateur mobile :
    • Gauche
    • Centre
    • Droite
    Afficher le séparateur de section Affiche un séparateur de ligne au-dessus de cette section.
  6. Mise en place du bloc produit

    • Choisissez un produit que vous souhaitez afficher. Par exemple, le produit « Earthy Elegance ».

    • Cette section autorise jusqu'à 5 blocs de produits . Choisissez les produits que vous souhaitez afficher.

    • N'oubliez pas que toutes les images de produits doivent être transparentes pour un affichage optimal .

      Pour examiner de plus près les images transparentes et non transparentes et pour explorer des solutions, passez à la partie suivante.

3. Quelques notes pour les images des produits

Remarques:

  • Les images transparentes sont essentielles pour un affichage optimal dans cette section.

    Voici en quoi les « images transparentes » et les « images non transparentes » diffèrent :

    Images transparentes
    Images non transparentes
  • Si les images de vos produits actuels ne sont pas transparentes, cliquez sur Sélectionner une image dans Image personnalisée pour obtenir des versions transparentes de vos images de produits.

    Pour votre référence, veuillez jeter un œil à ces images ci-dessous :

4. À quoi ça ressemble ?

Sur le navigateur de bureau
Sur le navigateur mobile

Nous espérons que cet article vous a été utile. Si vous avez des questions ou des préoccupations concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir de l'aide.