Avec la caractéristique Texte personnalisé sur le produit, vos clients conçoivent eux-mêmes leur produit : ils saisissent un texte et le voient immédiatement dans l'image du produit, exactement à l'endroit où il sera ensuite imprimé, gravé ou brodé. Exemples typiques : cartes de vœux, cartes de visite, panneaux, gravures et prénoms sur des textiles. Cet article montre comment configurer la caractéristique et ce que vos clients peuvent en faire.
Prérequis
- Moteur frontend V3. Le type de donnée s'appelle donc Texte personnalisé sur le produit (V3 uniquement). Un composant contenant cette caractéristique fonctionne automatiquement avec V3. Pour en savoir plus : Moteur frontend : Legacy ou V3.
- Image de produit combinée. Le texte est dessiné dans l'image de produit combinée. Le composant a donc besoin d'au moins une caractéristique dont les valeurs ont des images pour l'image de produit combinée. Voir Visualisation et chargement d'images.
- Option « Designer ». Pour publier, vous avez besoin de l'option Designer, que vous réservez dans le portail de service, sous vos services. Elle est toujours incluse pendant l'essai gratuit.
Créer la caractéristique
- Ouvrez le composant et créez une nouvelle caractéristique.
- Choisissez Saisie libre comme catégorie de données et Texte personnalisé sur le produit (V3 uniquement) comme type de donnée.
- Sous Saisie de texte, définissez la longueur en caractères et une valeur par défaut, par ex. « Alles Gute ». Comme pour les autres champs de saisie, vous pouvez aussi afficher la valeur par défaut comme texte indicatif.
- Sous Conception sur le produit, configurez la zone de conception, les polices et les couleurs (voir ci-dessous).
- Enregistrez, vérifiez l'aperçu et publiez le composant.
La zone de conception
La zone de conception est la partie du produit dans laquelle le texte peut figurer, par exemple l'intérieur de la carte ou la poitrine d'un t-shirt.
- L'éditeur affiche l'image du bas de l'image de produit combinée, c'est-à-dire le produit de base. Faites glisser le cadre au bon endroit et modifiez sa taille par le coin.
- Saisissez Largeur (mm) et Hauteur (mm) : la taille réelle de la zone sur le produit. configento.app en déduit les tailles de police, si bien qu'un texte de 5 mm mesure aussi 5 mm sur le produit.
- Avec Rotation (°), vous faites pivoter la zone, par exemple pour une surface inclinée.
Le texte ne quitte jamais la zone. La zone correspond à ce qui sera produit ensuite.
Polices, tailles et couleurs
| Réglage | Effet |
|---|---|
| Polices | Les polices parmi lesquelles votre client peut choisir. La première police cochée est celle par défaut. Toutes les polices sont sous licence libre et sont fournies par configento.app, et non par Google. |
| Taille min. (mm), Taille par défaut (mm), Taille max. (mm) | La plage dans laquelle votre client peut régler la taille. Si le minimum et le maximum sont identiques, il n'y a pas de curseur. |
| Réduire le texte jusqu'à ce qu'il tienne dans la zone | Un texte long est réduit jusqu'à ce qu'il tienne dans la zone, mais jamais en dessous de la taille minimale. |
| Couleurs | La palette de couleurs. La première couleur est celle par défaut. Nommez les couleurs comme votre production les connaît, par ex. « Goldfolie ». Le nom apparaît dans la commande. |
| Proposer aussi un sélecteur de couleur libre | En plus de la palette, votre client peut choisir n'importe quelle couleur. Laissez-le désactivé si votre procédé ne permet que certaines couleurs, comme le marquage à chaud ou la gravure. |
| Alignement, Alignement vertical | L'emplacement du texte dans la zone tant que votre client ne le déplace pas. |
| Plusieurs lignes, Max. lignes | Autorise les retours à la ligne, par ex. pour un message sur deux lignes. Les lignes trop longues passent automatiquement à la ligne entre deux mots. |
| L'acheteur ne peut pas modifier | Verrouille Police, Taille, Couleur, Alignement ou Position. Votre client ne voit pas les réglages verrouillés. |
Ce que voit votre client
- un champ de saisie pour le texte,
- selon vos réglages, un choix de police, un curseur de taille, des pastilles de couleur et des boutons d'alignement,
- le texte en direct dans l'image du produit.
Votre client peut déplacer le texte dans l'image du produit à la souris ou au doigt, tant que vous n'avez pas verrouillé la position. Lorsque le texte est sélectionné, cela fonctionne aussi avec les touches fléchées. Pendant le déplacement, un cadre en pointillés montre la zone. Réinitialiser la position remet le texte à l'endroit défini par l'alignement.
Si le texte ne tient pas dans la zone, même à la plus petite taille, le configurateur affiche « Le texte ne tient pas : raccourcissez-le ou choisissez une taille plus petite » et retient le panier.
Dans la commande
La commande contient le texte avec sa mise en forme, par ex. :
Alles Gute (Great Vibes · 6 mm · Goldfolie)
En outre, la police, la taille, la couleur, l'alignement et la position sont transmis sous forme de données, et l'image de produit combinée dans le panier, dans les e-mails et dans le PDF affiche le texte. Si votre client rouvre la configuration, tout est exactement tel qu'il l'a conçu.
Les prix, les règles et le champ obligatoire fonctionnent comme pour tout autre champ de saisie, par ex. un supplément dès qu'un texte a été saisi.
L'option « Designer »
- Pendant l'essai gratuit, vous pouvez utiliser la caractéristique sans restriction.
- Ensuite, vous avez besoin de l'option Designer réservée. Sans l'option, le type de donnée est verrouillé dans l'éditeur. Vous pouvez continuer à modifier les caractéristiques existantes, mais lors de la publication, configento.app vous signale l'option.
- Si l'option prend fin, un composant déjà publié continue de fonctionner sans changement dans votre boutique.
Dépannage
- L'éditeur n'affiche aucune image pour la zone de conception : le composant n'a pas encore d'image dans l'image de produit combinée. Ajoutez d'abord une image à une valeur.
- Le texte n'apparaît pas dans l'image du produit : vérifiez qu'une image de base est sélectionnée dans l'aperçu et que le Moteur est réglé sur V3.
- Le texte ne ressemble pas à la police choisie : la police est encore en cours de chargement, ou un bloqueur de publicité ou un pare-feu bloque les fichiers de polices de configento.app.
- « Le texte ne tient pas » : agrandissez la zone (mm), baissez la Taille min. (mm) ou limitez la longueur en caractères.
- La publication échoue avec une mention de l'option : réservez l'option Designer dans le portail de service et publiez à nouveau.