Échantillons visuels du produit – Yaxii Smart Form — Formulaire de commande COD WooCommerce Documentation

Le problème que ce guide résout

Les menus déroulants classiques pour choisir une taille ou une couleur sont peu intuitifs sur mobile et ralentissent la décision d’achat. Ce guide vous montre comment remplacer ces listes par des boutons visuels cliquables, et comment ajuster les paramètres de quantité et les messages d’information pour chaque produit individuel.

Activer les sélecteurs visuels

Une fois votre licence du niveau Business active, les sélecteurs visuels s’activent automatiquement pour tous les produits variables de votre boutique. Aucune configuration produit par produit n’est nécessaire pour l’activation de base.

Pour contrôler ce comportement globalement, allez dans Yaxii Smart Form > Paramètres du formulaire, ouvrez l’onglet Comportement, et localisez la section Variantes produit.

[Screenshot: Section « Variantes produit » dans l’onglet Comportement avec l’interrupteur « Sélecteurs visuels » activé et un aperçu des boutons de couleur/taille]

Ce que voit votre client

Avec les sélecteurs visuels activés, les attributs de vos produits variables (couleur, taille, matière…) s’affichent sous forme de boutons cliquables directement dans le formulaire de commande.

Avant (Dropdown)	Après (Sélecteur visuel)
Menu déroulant texte difficile à utiliser sur mobile	Boutons larges, tactiles, avec le nom ou la couleur de la variante
Variante sélectionnée invisible sans ouvrir le menu	Variante sélectionnée mise en évidence visuellement en permanence
Risque d’erreur de sélection sur petit écran	Zone de clic large, pas d’erreur possible

Personnaliser les paramètres par produit

Chaque produit WooCommerce peut avoir ses propres règles de quantité et son propre message de formulaire, indépendamment des paramètres globaux.

1
Ouvrir la fiche d'édition du produit
Dans WordPress, allez dans Produits > Tous les produits, puis cliquez sur le produit à personnaliser pour ouvrir son écran d’édition.
2
Localiser le panneau Yaxii Smart Form
Faites défiler vers le bas de la page d’édition du produit jusqu’au panneau intitulé Yaxii Smart Form — Paramètres du formulaire. Ce panneau apparaît sous la description du produit.

[Screenshot: Panneau « Yaxii Smart Form — Paramètres du formulaire » en bas de la page d’édition d’un produit WooCommerce, avec les sections Quantités et Bannière visibles]
3
Définir les limites de quantité du produit
Saisissez une quantité minimale et une quantité maximale par commande pour ce produit spécifique. Ces valeurs écrasent les paramètres globaux définis dans les préférences du plugin.
4
Ajouter un message personnalisé pour ce produit
Activez l’option Remplacer la bannière globale et saisissez un texte spécifique à ce produit (ex. : « Disponible en livraison express sous 24h »). Choisissez une icône et une couleur d’accentuation pour cette bannière.

[Screenshot: Section « Bannière personnalisée » avec le texte « Disponible en livraison express sous 24h » saisi, une icône camion sélectionnée et une couleur verte choisie]
5
Enregistrer le produit
Cliquez sur Mettre à jour en haut à droite de la page du produit pour sauvegarder toutes les modifications.

Et ensuite ?

→ Lire : Placer le formulaire sur vos pages produit et pages personnalisées