L'outil de personnalisation côté client

Ce que vos clients voient et font en cliquant sur Personnaliser — outils, galerie, codes QR, alertes de qualité, multi-faces, quantités et modification depuis le panier.

L’outil de personnalisation est l’éditeur que les clients utilisent pour personnaliser votre produit : ils ajoutent du texte, des photos, des visuels de la galerie et des codes QR, prévisualisent le résultat sur votre produit et l’ajoutent au panier. Bien le connaître vous aide à configurer vos produits judicieusement et à répondre aux questions de vos clients.

L’outil de personnalisation s’ouvre lorsqu’un client clique sur Personnaliser sur une page produit ; il se rouvre depuis le panier et peut aussi s’ouvrir depuis un lien de modification que vous envoyez après une commande.

La zone de création

La maquette du produit de la variante sélectionnée s’affiche derrière une zone d’impression délimitée. Rien de ce qui se trouve en dehors ne sera imprimé, et le client en est averti.
Les zones d’impression non rectangulaires (ellipse, triangle, losange) découpent le design selon leur forme dans l’aperçu, exactement comme dans le fichier d’impression.
Un repère de zone de sécurité aide les clients à garder le contenu important à l’écart des bords.
Le zoom avant, le zoom arrière et la réinitialisation du zoom sont disponibles à tout moment.

Les outils

La barre d’outils contient Texte, Importer un visuel, Galerie, Éléments, Modèles, Mes designs et Calques. Les outils affichés dépendent de vos réglages et de la méthode d’impression du produit. Lorsqu’un objet est sélectionné, une barre d’outils contextuelle affiche ses options ; ce qui n’y tient pas se trouve sous Plus.

Texte

Ajoutez du texte et modifiez-le directement. Les clients peuvent régler :

La famille de polices, parmi les Google Fonts classées par catégorie (sans empattement, avec empattement, chasse fixe, fantaisie, manuscrite), ainsi que vos propres polices importées.
La taille, le gras, l’italique et l’alignement.
L’espacement — un curseur Interligne et un curseur Espacement des lettres.
La couleur — unie ou en dégradé.
Contour — un contour coloré autour des lettres. Le contour est dessiné par-dessus et ne modifie pas la taille du texte : la mise en page reste donc identique dans le fichier d’impression.

Le nouveau texte passe à la ligne après une largeur réduite au lieu de traverser toute la zone de création, ce qui garde les prénoms et les messages lisibles. Faire glisser un coin agrandit le texte jusqu’à la taille de la zone d’impression. Sur téléphone, le nouveau texte démarre plus grand pour rester lisible, et un second appui sur un texte sélectionné l’ouvre en modification.

Images

Ouvrez Importer un visuel, puis faites glisser-déposer ou touchez pour importer. Les formats autorisés et la taille maximale de fichier dépendent de votre forfait et de votre méthode d’impression.
Les fichiers SVG sont acceptés. Chacun est d’abord contrôlé pour la sécurité — les fichiers contenant des scripts ou des liens vers du contenu externe sont refusés — puis converti en copie PNG haute résolution, utilisée par l’outil de personnalisation et le fichier d’impression.
Envoyer depuis le téléphone affiche un code QR pour que les clients sur ordinateur puissent envoyer des photos directement depuis leur téléphone. Voir Codes QR et envoi depuis le téléphone.
L’onglet Images récentes conserve tout ce que le client a importé dans la bibliothèque de cette session, avec une recherche par nom de fichier et la possibilité de supprimer des imports.
La taille d’origine est affichée, avec une action Rétablir la taille d’origine.
Les outils IA facultatifs — suppression d’arrière-plan, agrandissement, éditeur d’images et vectorisation — apparaissent ici lorsqu’ils sont activés.

Galerie

Lorsque vous activez la Galerie de designs, un bouton Galerie ouvre vos cliparts et vos arrière-plans. Les clients choisissent Clipart ou Arrière-plans, parcourent les catégories ou recherchent par mot-clé, et touchent une image pour l’ajouter. Un arrière-plan remplit toute la zone d’impression derrière le design ; Retirer l’arrière-plan le supprime.

Éléments : formes et codes QR

Éléments propose des formes simples avec couleur de remplissage et rayon des angles, et — lorsque la méthode d’impression autorise les images — le Code QR : Créez un code à scanner pour un lien, un contact ou le Wi-Fi. Les clients choisissent un type de contenu, une couleur et une tolérance aux dégâts, et le panneau leur indique la taille d’impression conseillée. Pour modifier un code déjà placé, ils le sélectionnent et cliquent sur Modifier le QR. Détails : Codes QR et envoi depuis le téléphone.

Couleurs et dégradés

Le sélecteur de couleur propose des couleurs populaires, des dégradés populaires, un sélecteur de couleur personnalisé avec réglage de la teinte, et un créateur de dégradés personnalisés avec plusieurs arrêts de couleur et un réglage de l’angle. La transparence est disponible lorsque c’est pertinent.

Modèles

Si vous proposez des modèles de design, le panneau Modèles permet aux clients d’appliquer un design prêt à l’emploi. Si le même design a été modifié entre-temps dans un autre onglet ou une autre fenêtre, l’outil de personnalisation indique Ce design a été modifié ailleurs. Rechargez pour continuer. Le rechargement récupère la dernière version. L’application d’un modèle résiste à l’actualisation de la page, à l’annulation et au rétablissement.

Calques et propriétés

Le panneau Calques liste tous les objets ; vous pouvez les réorganiser, les masquer, les verrouiller et les supprimer depuis ce panneau.
La position, la taille, la rotation et l’opacité se trouvent dans la barre d’outils contextuelle, avec des options propres à chaque type d’objet.
Proportions verrouillées / Proportions libres détermine si une image ou une forme conserve ses proportions lors du redimensionnement.
Aligner, répartir, dupliquer, supprimer, annuler et rétablir se trouvent dans la barre d’outils. Les objets pivotés sont alignés selon leurs bords visibles, pour rester à l’intérieur de la zone d’impression.

Plusieurs faces

Si le produit a plusieurs faces, un sélecteur de face permet au client de passer de l’avant à l’arrière, aux manches, etc. Les faces requises doivent contenir au moins un élément avant le paiement ; les faces facultatives peuvent être ignorées, mais au moins une face doit comporter un design.

Si le client tente de commander alors qu’une face requise est vide, il est informé de laquelle : La face “Arrière” nécessite un design. Veuillez ajouter au moins un élément avant de continuer.

Contrôles de qualité avant le paiement

Customezo bloque ou signale les erreurs qui gâchent les impressions :

Contrôle	Ce que voit le client
Qualité d’impression faible	Un badge DPI et un avertissement : Une image s’imprime à environ 120 DPI, en dessous des 300 DPI requis par cette méthode d’impression. Selon votre méthode d’impression, il peut continuer ou doit corriger.
En dehors de la zone d’impression	2 objets sont en dehors de la zone d’impression. Veuillez les déplacer ou les redimensionner pour qu’ils tiennent dans la zone imprimable. La commande est bloquée jusqu’à correction.
Face requise vide	Nommée dans le message d’erreur, comme ci-dessus.
Aucun élément de design	La commande et l’enregistrement sont bloqués pour un design entièrement vide.
Aucune quantité	Avec un tableau de quantités, au moins une quantité est requise.

Sur mobile, les mêmes avertissements apparaissent sous une forme condensée : Qualité d’impression faible — réduisez l’image ou importez un fichier plus grand.

Variantes, quantités et commandes en volume

L’outil de personnalisation inclut la sélection des variantes — pastilles de couleur et sélecteurs d’options — et, pour les produits adaptés aux commandes en volume, un tableau de quantités dans lequel les clients saisissent une quantité par variante sur un seul écran. Le nombre d’articles, le total en cours et l’éventuelle remise sur quantité s’affichent au fur et à mesure de la saisie.

Si le design est modifié alors qu’il est déjà dans le panier, la quantité et les options du produit sont verrouillées (Quantité (verrouillée — modifiez-la dans votre panier)) et seul le contenu du design peut changer.

Les prix dans l’outil de personnalisation

Le panneau de commande affiche le prix du produit plus tout ce que votre configuration y ajoute :

Les frais par face pour les designs sur des faces supplémentaires.
Les options et les effets choisis par le client.
La remise sur quantité correspondant à la quantité saisie, avec un message d’accroche tel que Réduction dès 25+ articles, jusqu’à 20 %.
Un total mis à jour.

Ce sont les mêmes règles que celles appliquées au paiement : le total ne change donc pas une fois arrivé au paiement. Voir Tarifs et frais et Réductions sur quantité.

Masquer les prix

Si vous désactivez Afficher les prix dans l’outil de personnalisation dans Paramètres → Paramètres de la boutique, l’outil de personnalisation n’affiche plus le prix du produit, les réductions ni les totaux. Les frais supplémentaires choisis par le client restent visibles, avec la mention Le prix du produit et les remises sont calculés dans le panier et au paiement. Les frais supplémentaires restent visibles ici. La tarification et les réductions s’appliquent toujours dans le panier et au paiement.

Enregistrer, ajouter au panier et modifier plus tard

Enregistrer le design conserve un brouillon auquel le client peut revenir ; les designs enregistrés apparaissent dans Mes designs.
Si vous avez configuré des confirmations avant le panier, une section Avant d’ajouter au panier demande d’abord au client de cocher une case ou de répondre à une question. Les champs obligatoires doivent être renseignés.
Ajouter au panier valide le design, génère un aperçu et ajoute la ligne avec sa personnalisation.
Depuis le panier, le lien Modifier le design rouvre l’outil de personnalisation et Mettre à jour le panier enregistre les modifications — à condition d’avoir activé Customezo Panier UX dans votre thème. Voir Configuration de la boutique en ligne. Sur téléphone et tablette, l’outil de personnalisation se ferme tout seul une fois la modification du panier ou de la commande enregistrée.
Dès que vous verrouillez une commande ou que la production commence, le lien du panier affiche à la place votre libellé de verrouillage et le design ne peut plus être modifié.

Après la commande, les clients peuvent aussi recevoir un récapitulatif du design, un lien de modification ou un BAT à approuver, selon votre mode de communication.

Image de marque et langue

L’outil de personnalisation reprend votre logo, la couleur de votre thème, votre style de bouton et votre rayon des boutons définis dans Image de marque de l’outil, et affiche les mesures dans l’unité que vous avez choisie. Il est traduit dans toutes les langues prises en charge par Customezo et suit la langue de la boutique du client.