Options de produit conditionnelles : affichez un champ seulement quand il s'applique

Qu'est-ce qu'un champ conditionnel

Un champ conditionnel n'apparaît que lorsqu'une réponse précédente le demande. Cochez « Emballage cadeau » et un choix de papier apparaît. Cochez « Ajouter un message cadeau » et une zone de texte apparaît. Choisissez une taille personnalisée et la page demande les mesures.

Le client qui ne veut pas de tout cela ne les voit jamais. Celui qui en veut obtient exactement la question qui suit.

Pourquoi c'est important

Chaque champ que lit un client est une raison de s'arrêter. Si la page affiche le message cadeau, la gravure au dos et les mesures à tout le monde, la plupart des clients lisent des questions qui ne les concernent pas, et certains partent avant d'atteindre Ajouter au panier.

Les champs conditionnels gardent le formulaire court pour chaque client et collectent tout ce qu'il faut pour les commandes qui en ont besoin. Ils gardent aussi vos commandes propres : pas de lignes « Message cadeau : » vides sur les commandes sans cadeau.

Trois types de conditions

Presque tous les champs conditionnels suivent l'une de ces trois règles :

• Quand un champ est rempli : une case est cochée, ou une zone de texte contient quelque chose. « Graver l'intérieur » coché affiche « Message intérieur ».
• Quand un champ est égal à une valeur : « Texte » réglé sur « Mes propres mots » affiche une zone pour les mots du client.
• Quand un champ est différent d'une valeur : une carte réglée sur autre chose que « Pas de carte » affiche « Message de la carte ».

Des modèles à copier

Ils viennent directement de nos modèles :

• Bague : « Graver l'intérieur » affiche « Message intérieur », jusqu'à 16 caractères.
• Pendentif : « Graver le dos » pour +8,00 € affiche « Gravure au dos ».
• Bracelet coordonnées : « Faces gravées » réglé sur « Avant et arrière » (+8,00 €) affiche un champ pour le dos.
• Cadeaux : « Emballage cadeau » pour +4,00 € affiche le papier cadeau ; « Ajouter un message cadeau » affiche le message.
• Vêtements : une taille réglée sur « Personnalisée » affiche « Mesures ».
• Impression : un design réglé sur « Importer une image » affiche l'import ; réglé sur « Texte », il affiche une zone de texte.
• Cartes : « Nombre de lieux » réglé sur 2 ou 3 affiche le deuxième et le troisième lieu, à +10,00 € et +20,00 €.
• Hommage : « Texte » réglé sur « Mes propres mots » affiche « Vos mots ».

Laissez le client refuser

Les conditions marchent aussi dans l'autre sens. Notre modèle « ignorer la personnalisation » commence par une case « Personnaliser » ; ce n'est que lorsqu'elle est cochée qu'apparaissent « Initiales » et « Couleur du fil », pour qu'un client puisse acheter la version simple sans parcourir des champs inutiles.

Pour les clients qui n'ont pas encore les détails, une configuration « détails plus tard » propose une case « J'enverrai les détails après le paiement », qui masque les champs nom et date. Vous recevez la commande tout de suite et les détails par e-mail.

Les règles d'un formulaire propre

• Posez d'abord la question décisive. Un champ ne doit dépendre que des réponses au-dessus de lui, pour que rien ne surgisse avant l'endroit où le client lit.
• Ne facturez pas ce qui est masqué. Quand un champ payant disparaît, son prix sort du total.
• N'exigez pas ce qui est masqué. Un champ obligatoire ne doit bloquer Ajouter au panier que tant que le client le voit.
• Restez à un seul niveau si possible. Les chaînes de conditions sont difficiles à suivre, pour vos clients comme pour vous.
• Rendez le déclencheur clair. « Graver le dos (+8,00 €) » annonce ce qui se passe quand on le coche.

Écrivez le déclencheur et sa suite ensemble

Le déclencheur et le champ qu'il ouvre doivent se lire comme une paire :

• « Ajouter un message cadeau » ouvre « Message cadeau ».
• « Imprimer mon adresse de retour (+10,00 €) » ouvre « Adresse de retour », sur du papier à lettres personnalisé.
• « Ajouter les infos de naissance (+8,00 €) » ouvre « Infos de naissance », sur une couverture prénom bébé.

Quand le client coche la case, ce qu'il voit ensuite doit être exactement ce qu'il s'attendait à remplir.

Conditions et prix

Conditions et prix vont bien ensemble. Le prix se place sur la réponse décisive (« Ajouter une photo comestible » +10,00 €), et le champ suivant (« Photo pour le gâteau ») apparaît sans prix propre. Le client voit le coût une seule fois, au moment où il le choisit.

Un choix peut aussi modifier les prix d'un autre champ. Dans notre modèle de collier prénom, les prix de la longueur de chaîne dépendent du métal : une chaîne de 18 in ajoute 15,00 € en or et 5,00 € en argent.

Quand ne pas utiliser de condition

• Chaque client en a besoin. Si vous ne pouvez pas fabriquer le produit sans le champ, affichez-le dès le départ.
• Il change le produit lui-même. Une taille ou une matière différente que vous avez en stock est une variante, pas une condition.
• Il cache un coût. La réponse qui ajoute un prix doit toujours être visible ; seul son champ suivant peut apparaître plus tard.

Testez comme un client

Parcourez chaque chemin : choisir, changer d'avis, choisir à nouveau. Vérifiez que le total suit, que les champs masqués n'arrivent pas dans la commande et que la commande se lit clairement dans votre admin. Faites-le sur un téléphone, là où les formulaires longs font le plus mal.

Avec GMVify

GMVify Custom Product Options n'affiche un champ que lorsqu'une réponse précédente l'exige, et peut fixer le prix d'un choix selon un autre choix, comme les prix de chaîne par métal dans la configuration de bijoux prénom. Les modèles ci-dessus sont livrés avec leurs conditions : vous partez d'un formulaire fonctionnel et remplacez les mots et les prix par les vôtres.