Ce guide parcourt le customizer tel que votre client le vit. Vous verrez chaque écran, dans l’ordre, de l’ouverture du produit jusqu’à l’arrivée au panier avec une création terminée. Il s’adresse aux marchands qui veulent comprendre le côté acheteur avant de configurer leurs propres produits.
Ce que voit votre client
Le customizer comporte deux zones. D’un côté, un aperçu en direct du produit. De l’autre, un panneau de contrôles de personnalisation.
Le nom du produit s’affiche en haut du panneau de contrôles, pour que le client sache toujours ce qu’il personnalise.
La mise en page s’adapte à l’écran. Sur ordinateur, l’aperçu et les contrôles sont côte à côte. Sur téléphone, ils s’empilent : l’aperçu en haut, les contrôles en dessous.
Le customizer peut apparaître à deux endroits. Il peut s’afficher directement sur la page produit, ou s’ouvrir comme un éditeur complet. Ce que voit votre client dépend de la façon dont vous l’avez placé. Consultez rendre Composerie visible dans votre boutique pour connaître la différence.
Le parcours de personnalisation et d’achat
Voici le chemin complet d’un client, de la page produit au panier.
Ouvrir le customizer depuis la page produit
Le client commence sur votre page produit et lance la personnalisation. Le produit se charge avec votre création et ses champs de personnalisation prêts.
Remplir les champs de personnalisation
Le client saisit ses informations dans les champs que vous avez configurés : texte, photo, couleur, police, etc. Chaque champ a son propre contrôle. Pour en savoir plus sur les types de champs, consultez les champs du formulaire de personnalisation.
Regarder l'aperçu en direct se mettre à jour
Chaque modification du client met l’aperçu à jour immédiatement. Il peut relire son texte, vérifier sa photo et voir ses couleurs avant d’acheter. Il n’y a aucune étape d’actualisation séparée. Pour en savoir plus, consultez l’aperçu en direct.
Choisir une variante, une option ou un add-on
Si le produit a des variantes ou des options (comme une taille ou un cadre), le client les choisit ici. Si vous proposez des add-ons, il les choisit aussi. Quand le titre a besoin d’un nom et que vous n’en avez pas défini, il affiche « Choisissez votre option ».
Appuyer sur Ajouter au panier
Une barre reste fixée en bas des contrôles. Elle contient une flèche de retour et le bouton principal. Sur une boutique Shopify classique, ce bouton affiche Ajouter au panier. Quand le client appuie dessus, Composerie enregistre sa création et l’envoie vers le panier.
Ce qui se passe après Ajouter au panier
Quand le client appuie sur Ajouter au panier, plusieurs choses se passent en coulisses.
Composerie enregistre la création du client et supprime le brouillon en cours qu’elle conservait pour ce produit. Le brouillon est la copie enregistrée automatiquement qui permet à un client de revenir plus tard sans perdre son travail. Une fois la création réellement enregistrée, ce brouillon n’est plus utile.
Composerie capture aussi une petite image d’aperçu de 200 par 200 pixels de la création et l’associe à la ligne du panier. Cette miniature accompagne la commande, pour que vous et votre client puissiez voir ce qui a été personnalisé.
Composerie envoie ensuite la ligne à Shopify et redirige le navigateur vers le panier. Le client arrive sur votre panier Shopify habituel, avec l’article personnalisé déjà ajouté. À partir de là, la commande se déroule comme d’habitude dans Shopify.
S’il manque quelque chose, le client n’accède pas au panier. Quand un champ obligatoire est vide, le customizer bloque l’ajout et affiche un message du type « Veuillez remplir : Nom », qui désigne le champ à corriger. Le client reste dans le customizer, corrige le champ et réessaie.
Que se passe-t-il si un champ obligatoire reste vide ?
Le customizer bloque l'ajout et affiche un message qui désigne le champ, par exemple Veuillez remplir : Nom. Le client reste dans le customizer tant qu'il ne l'a pas rempli.
Le client quitte-t-il Composerie pour payer ?
Oui. Après Ajouter au panier, il arrive sur le panier Shopify standard, puis finalise sa commande via Shopify comme d'habitude.
L'aperçu personnalisé est-il enregistré avec la commande ?
Oui. Composerie capture une petite image d'aperçu et l'associe à la ligne du panier pour que la création soit visible sur la commande.
Suite
Pour savoir ce qu’il advient d’une création inachevée entre deux visites, lisez enregistrer et partager une création.
Découvrez le fonctionnement du panneau de contrôles champ par champ dans les champs du formulaire de personnalisation.