1. Créer un site
  2. Tutoriels
  3. Boutique en ligne
  4. Comment utiliser les champs personnalisés des produits de la boutique en ligne
 

 

Ecommerce personnalise

Comment utiliser les champs personnalisés des produits de la boutique en ligne ?

Vous proposez des produits à personnaliser dans votre boutique en ligne, ou des produits nécessitant un message de la part de l'acheteur pour un produit spécifique ?

Ce tutoriel vous guidera dans l'ajout de champ personnalisés pour vos produits concernés.

Avec la Version E-commerce et dans Modules > Boutique > Produits et en modifiant un produit existant, vous pouvez accéder à la fonctionnalité Champs personnalisés.

 

Options d'affichage des champs personnalisés

Voyons tout d'abord à quoi ressemble les champs personnalisés que vous pouvez ajouter aux produits. Vous avez la possibilité d'afficher les champs personnalisés de vos produits de deux façons différentes sur votre boutique en ligne.

Afficher les champs personnalisés sur la page du produit

La personnalisation du produit se fait directement sur la page produit.

Cette fonction est idéale si vous avez peu de champs pour la personnalisation du produit (par exemple, un champ "Texte" et/ou un champ "Image").

Voici un exemple où les champs de personnalisation sont affichés directement sur la page produit.

Afficher les champs personnalisés sur une nouvelle page

La personnalisation du produit se fait sur une page à part, qui s'affiche après la consultation de la page produit, mais avant de l'ajouter au panier.

Ce mode d'affichage est idéal pour les produits à multiples champs de personnalisation ou avec des longues listes de choix, comme dans cet exemple de personnalisation sur une nouvelle page.

Indépendamment du mode d'affichage pour les champs personnalisés d'un produit, le client aura un accès à la modification des informations saisies dans les champs personnalisés d'un produit déjà ajouté au panier, sur la page panier.

Il pourra ainsi modifier le produit et les informations des champs personnalisés jusqu'à ce que la commande ait été validée, en cliquant sur le bouton Personnaliser en-dessous du produit concerné, sur la page du panier. 

 Modifier les champs personnalisés sur la page panier

Texte de présentation des champs personnalisés

Vous pouvez ajouter un texte de présentation ou les caractéristiques des champs personnalisés avec l'éditeur visuel situé en haut de la page "Champs personnalisés" lors de la modification d'un produit, dans le manager. 

Ce texte peut aider les acheteurs à comprendre l'utilité des champs personnalisés du produit, ou de fournir un complément d'information les concernant.

Exemple : Le flocage du T-shirt est réalisé par sérigraphie. Ajoutez un prénom, le nom de votre société ou de votre association sur ce T-shirt.

Le contenu du texte de présentation vient s'ajouter :

  • sous le champ "Description du produit" pour l'affichage des champs personnalisés sur la page produit, ou
  • en haut de la page de personnalisation du produit si vous avez choisi d'afficher les champs personnalisés sur une nouvelle page.

Les différents types de champs personnalisés

Chaque champ peut être d'un des types suivants, chacun adapté à un type d'information différent :

Ajouter un champ au formulaire de personnalisation

 

Pour ajouter un nouveau champ personnalisé, cliquez sur le bouton orange Ajouter un champ au formulaire
 puis choisissez le type de champ à ajouter.

  • Champ texte : ajouter un champ texte simple - exemple : prénom pour un T-shirt personnalisé.
  • Champ texte multi-lignes : ajouter un champ texte multi-lignes - exemple : Un commentaire du client sur ses disponiblités pour la livraison.
  • Confirmation (case à cocher) : ajouter une case de confirmation - l'intitulé de la confirmation s'ajoute dans "Intitulé du champ" sur le manager, par exemple "Je suis majeur" pour la vente d'articles réservés à un public majeur.
  • Choix unique*  (liste de choix avec bouton radio) - exemple : le choix de la couleur du texte sur le T-shirt.
  • Menu déroulant*  (affichage des choix dans un menu déroulant) : un autre mode de présentation d'un choix multiple, où seul un choix est possible, comme la couleur de texte ou forme de col d'un T-shirt.
  • Fichier à télécharger*  (pour que le client vous envoie sa propre image) : permet par exemple au client de télécharger sa propre image pour la personnalisation d'un produit. Le choix des extensions autorisées (ex: jpeg;png;gif;psd;pdf) se fait lors de l'ajout ou de la modification de ce champ. Assurez-vous de pouvoir ouvrir les extensions proposées avec le logiciel adéquat. La taille du fichier téléchargeable par le client doit être inférieure à 20Mo.

*Pour ces trois champs personnalisés, les choix sont séparés à l'aide d'un point-virgule.
Exemple : Noir;Bleu;Rouge;Vert;Orange;Or;Chrome

En cochant la case Champ obligatoire, vous obligez l'internaute à remplir le champ. Décochez cette case pour le rendre facultatif.

Récupérer les informations de la personnalisation sur la commande

Après la validation de la commande par le client, vous pourrez accéder aux informations saisies dans les champs personnalisés du produit du client dans Modules > Boutique > Commandes > Détail, via le bouton Personnalisation présent sur le détail de la commande.

Si vous avez vendu plusieurs produits personnalisés sur la même commande, vous accéderez donc à ce bouton, pour chaque produit, pour consulter les informations spécifiques à chaque produit personnalisé.

Pour télécharger l'image envoyée par le client, cliquez sur le bouton Télécharger sous l'intitulé de ce champ personnalisé.
(Flèche bleue sur l'image ci-contre).

Le fichier est disponible durant 30 jours à compter de la date de création de la commande.

Si vous aviez demandé une confirmation, la présence d'un "1" signifie que la case a été cochée.
La présence d'un "0" signifie que la case n'a pas été cochée.
(Flèche rouge sur l'image ci-contre)

Les champs personnalisés peuvent se cumuler à la création de déclinaisons de produits vous permettant ainsi de proposer un large éventail de produits sur votre boutique en ligne. Cette fonctionnalité est proposée en exclusivité aux sites avec la Version E-commerce.