Un design ne devient personnalisable que lorsque vous décidez quelles parties vos clients peuvent modifier. Ce guide vous montre comment transformer un élément en champ de personnalisation, choisir le bon type de champ et régler son libellé, sa valeur par défaut et ses limites. Il s’adresse aux marchands qui construisent un produit dans le Design Studio et veulent maîtriser précisément ce que les clients peuvent modifier.
Ce que les clients peuvent modifier
Tous les éléments du canevas ne sont pas modifiables par les acheteurs. C’est vous qui choisissez lesquels le sont. Quand vous marquez un élément comme personnalisable, il devient un champ du formulaire du personnalisateur, le formulaire que l’acheteur remplit pour faire du produit le sien.
Ces types d’éléments peuvent devenir des champs de personnalisation :
- Les calques Texte, pour des noms, des dates et de courts messages.
- Les calques Photo, pour des téléversements de photos.
- Les formes Rectangle et Cercle, dont le client choisit la couleur.
- Les listes déroulantes, où un texte ou une forme devient une liste de choix prédéfinis.
- Des éléments spéciaux : Carte de ville, Parcours sportif, Carte de voyage, Carte du ciel, Phase de lune et Avatar.
- Un graphique en plusieurs parties, où chaque partie peut avoir son propre sélecteur de couleur.
Tout le reste reste fixe. Votre mise en page reste intacte, tout en laissant aux acheteurs la place de personnaliser les parties qui comptent.
Pour voir tout cela du côté de l’acheteur, lisez comment un acheteur personnalise un produit.
Rendre un élément modifiable
Vous transformez un élément en champ avec le bouton P de la barre d’outils flottante. Le même bouton ouvre les détails du champ une fois l’élément déjà personnalisable.
Sélectionner un élément personnalisable
Cliquez sur l’élément dans le canevas. Choisissez l’un des types pris en charge : un calque de texte, une image, un rectangle ou un cercle, ou l’un des éléments spéciaux. Si la barre d’outils flottante n’a pas de bouton P, ce type d’élément ne peut pas être un champ.
Cliquer sur le bouton P pour le rendre personnalisable
Le bouton P apparaît dans la barre d’outils flottante au-dessus de l’élément sélectionné. Cliquez dessus une fois pour transformer l’élément en champ modifiable par le client et ouvrir ses réglages de personnalisation.
Modifier les détails du champ
Dans l’onglet Personnaliser, réglez le libellé, le type de champ et les limites. Si vous revenez plus tard sur un champ existant, un clic sur P rouvre ces réglages.
Régler le type, le libellé et les limites du champ
Une fois qu’un élément est un champ, vous contrôlez son comportement. Les types de champ disponibles dépendent de l’élément sélectionné : vous ne voyez donc que des choix pertinents.
Choisir le type de champ
Choisissez le type qui convient à l’élément. Un calque de texte propose Ligne unique, Paragraphe, Liste déroulante, Nombre et Date. Un rectangle ou un cercle propose un sélecteur de couleur, une liste déroulante ou une case à cocher. Une image propose le téléversement de photo ou une case à cocher. Un graphique en plusieurs parties propose un sélecteur de couleur par partie. Changer le type réinitialise les limites du champ : réglez donc le type en premier.
Régler le libellé et le texte d'aide
Donnez au champ un Libellé clair, comme « Votre nom » ou « Choisissez une couleur ». Ajoutez si vous le souhaitez un Texte d’aide pour expliquer ce qu’il faut saisir, et un Texte indicatif pour afficher un exemple dans le champ. Activez Obligatoire pour commander si l’acheteur doit remplir ce champ avant de passer commande.
Ajouter des limites selon le type de champ
Chaque type a ses propres limites. Pour un texte, réglez une Longueur max. Pour un champ de couleur, définissez les couleurs autorisées. Pour une liste déroulante, listez les options entre lesquelles les acheteurs peuvent choisir. Pour un champ numérique ou de date, réglez un minimum et un maximum. Elles gardent la saisie du client dans ce que votre impression peut gérer.
Définir les règles de téléversement des champs photo
Un champ photo a ses propres règles dans l’onglet Personnaliser. Sous Photo du client, Cadrage fixe la forme de l’outil de recadrage. Il démarre sur Zone d’impression, pour que l’acheteur cadre exactement ce qui sera imprimé ; choisissez Libre pour que l’acheteur décide. La ligne Import et ajustement juste en dessous et la ligne Règles d’import plus bas résument chacune leur réglage en une ligne, que vous pouvez donc lire sans les ouvrir. Cliquez sur une ligne pour ouvrir sa page.
Import et ajustement décide de ce que l’acheteur peut faire de sa photo. Mode de téléversement propose Téléversement direct, qui prend le fichier tel quel, Recadrer et ajuster, qui lui donne une étape de recadrage, et Repositionner uniquement, qui lui permet de la faire glisser et de la redimensionner dans le cadre. Comportement de remplissage est soit Ajuster (photo entière visible), soit Remplir (couvrir la zone).
Règles d’import régit le fichier lui-même. Un champ photo suit les règles d’import de votre boutique, que vous définissez une seule fois sur la page Vitrine du tableau de bord, sous Photos des clients, et sa ligne indique alors Règles de la boutique. Pour donner à un champ ses propres règles, ouvrez ses Règles d’import et activez Remplacer les réglages de la boutique. Types de fichiers active ou désactive PNG, JPG, WebP, HEIC et SVG individuellement. Sur un téléphone, le bouton de téléversement propose déjà l’appareil photo à côté de la photothèque : un acheteur peut donc photographier quelque chose sur le moment.
Deux valeurs de DPI, pour deux usages différents. DPI minimum signale une photo en basse résolution à l’acheteur sans le bloquer. Blocage strict sous refuse d’emblée tout ce qui est en dessous. Réglez le blocage sur le minimum que votre chaîne d’impression peut réellement utiliser, et laissez un écart entre les deux pour qu’une photo limite déclenche un avertissement plutôt qu’un refus. Taille max. du fichier plafonne le téléversement en mégaoctets.
Traiter chaque téléversement de la même façon
L’onglet Personnaliser d’un champ photo contient une section Styles photo : des styles de nettoyage, artistiques et de couleur appliqués à chaque photo de client. Ajoutez-en un avec Ajouter un style photo. Ils s’appliquent de haut en bas, dans l’ordre de la liste, et vous pouvez les faire glisser pour les réordonner.
C’est ainsi que vous gardez un rendu cohérent dans votre boutique quand les visuels viennent des clients. Un filtre en niveaux de gris sur chaque téléversement donne le même rendu à tous les mugs avec portrait, quelle que soit la photo envoyée.
Un effet IA fonctionne ici avec votre propre fournisseur d’IA connecté : il est donc facturé sur votre clé, comme toute autre génération IA. Lisez ce que coûte la génération IA avant d’en placer un sur un champ que tous les acheteurs utilisent.
Utiliser l'onglet Personnaliser pour le reste
L’onglet Personnaliser contient les réglages plus avancés. Définissez une Valeur par défaut pour que le champ soit prérempli au départ. Activez des choix pour le client, par exemple laisser les acheteurs choisir une police ou une couleur, ou leur permettre de redimensionner et de repositionner un élément. Sous Avancé, ajoutez des règles conditionnelles pour qu’un champ n’apparaisse que lorsqu’un autre champ a une valeur.
Pourquoi mon élément n'a-t-il pas de bouton P ?
Ce type d'élément ne peut pas être un champ de personnalisation. Seuls les textes, les images, les rectangles, les cercles, les listes déroulantes et les éléments spéciaux carte, lune, ciel et avatar le permettent.
Où se trouvent les choix de police et de couleur ?
Ouvrez l'onglet Personnaliser et cherchez les choix pour le client. Vous pouvez y laisser les acheteurs choisir une police ou une couleur tout en saisissant leur propre texte.
Un champ peut-il n'apparaître que parfois ?
Oui. Ouvrez la section Avancé de l'onglet Personnaliser et ajoutez une règle conditionnelle qui n'affiche le champ que lorsqu'un autre champ a une valeur.
Que se passe-t-il quand je change le type d'un champ ?
Les limites propres au type sont réinitialisées : réglez donc d'abord le type de champ, puis ajoutez ses limites et son libellé.
Une fois vos champs réglés, décidez de l’ordre et du regroupement que les acheteurs voient. Étape suivante : mise en page du personnalisateur et ordre des champs.