Thème Shopify avec des champs personnalisés dans le formulaire d’ajout au panier

Un thème Shopify avec des champs personnalisés dans le formulaire d’ajout au panier permet à vos clients de saisir un texte directement sur la fiche produit : un prénom à graver, un message pour la carte, une initiale à broder. La saisie suit l’article dans le panier, puis dans la commande, et vous la retrouvez dans le back-office Shopify. Dans FullStack, c’est le bloc natif Champ personnalisé, sans app de personnalisation.

Pourquoi un champ personnalisé sur la fiche produit

La personnalisation transforme un produit standard en objet unique, et c’est souvent elle qui justifie l’achat, surtout pour un cadeau. Mais si le client doit vous écrire après sa commande pour préciser le prénom à graver, vous perdez du temps, vous risquez l’erreur, et une partie des clients n’achète pas faute de savoir comment faire.

Le champ dans le formulaire règle tout au moment de l’achat : le client choisit son modèle, tape son texte, ajoute au panier. L’information est attachée à la ligne de commande, sans échange d’e-mails ni oubli.

Comment fonctionne le champ personnalisé dans FullStack

Le bloc Champ personnalisé s’ajoute dans le bloc Formulaire de produit de la section Produit, avant le bouton d’ajout au panier. Ses réglages :

• Libellé (label) : le titre affiché au-dessus du champ, par exemple « Gravure ». Il sert aussi de nom à l’information transmise à la commande. Sans libellé, le champ ne s’affiche pas.
• Texte d’exemple (placeholder) : le texte affiché dans le champ vide, par exemple « Entrez votre prénom ».
• Champ obligatoire (required) : le client ne peut pas ajouter au panier sans remplir le champ.
• Longueur minimale et maximale (min_length, max_length), 1 et 30 caractères par défaut.
• Pleine largeur (full_width), activée par défaut, et marges haute et basse.

Le texte saisi est enregistré comme propriété de la ligne : il apparaît dans le panier, dans la commande et dans les e-mails de confirmation, sous le libellé que vous avez choisi.

Ce que le champ personnalisé combine dans FullStack

Le formulaire de produit accueille plusieurs blocs, dans l’ordre que vous choisissez :

• Sélecteur de variantes : placez le champ après, car on choisit son modèle avant de décider ce qu’on va y graver.
• Guide des tailles en popup, accessible depuis le sélecteur de variantes, comme sur la démo.
• Cross-sells à cocher : « C’est pour un cadeau ? » avec un emballage ou une carte, juste sous le champ.
• Plusieurs champs personnalisés à la suite : un pour la gravure, un pour le message de la carte.

Exemples par type de boutique

Bijoux : la gravure

Libellé « Gravure », texte d’exemple « Entrez votre prénom », longueur maximale ajustée à la surface gravable du bijou. C’est la configuration de la boutique démo ci-dessus.

Cadeaux et papeterie : le message

Libellé « Message pour la carte », champ facultatif, longueur maximale plus élevée pour laisser la place à une phrase.

Textile et maroquinerie : les initiales

Libellé « Vos initiales », champ obligatoire sur les produits personnalisés uniquement, longueur maximale de 3 caractères.

Bonnes pratiques

• Formulez le libellé pour le client (« Votre gravure », « Message pour la carte ») : il apparaît tel quel dans le panier, la commande et les e-mails.
• Ajustez la longueur maximale au cas réel : une gravure a forcément une limite physique.
• Évitez de renommer un libellé en cours d’activité : le nom de l’information transmise à la commande change aussi, ce qui peut perturber vos outils qui la lisent.
• Si le champ est obligatoire, laissez-le affiché sur ordinateur et sur mobile.

Limites à connaître

Le champ personnalisé est un champ texte d’une ligne : il ne gère ni l’envoi de fichier ni l’aperçu visuel de la personnalisation sur le produit, et il ne modifie pas le prix. Pour ces besoins, une app de personnalisation reste nécessaire. Évitez aussi de combiner un champ obligatoire avec un affichage limité à l’ordinateur ou au mobile : cette combinaison peut poser problème à l’ajout au panier (ce réglage d’affichage doit disparaître du bloc en version 2.6.0). Pour proposer un emballage cadeau à cocher en complément, voyez les cross-sells en un clic. La licence est détaillée sur la page tarifs.

FAQ

Où retrouver le texte saisi par le client ?

Dans le détail de la commande, dans le back-office Shopify, sous le libellé du champ. Il apparaît aussi dans le panier et dans les e-mails.

Puis-je rendre le champ obligatoire ?

Oui, avec le réglage required. Le client doit alors le remplir pour ajouter le produit au panier.

Puis-je limiter le nombre de caractères ?

Oui, avec une longueur minimale et une longueur maximale, 30 caractères par défaut.