Ajouter et mettre en forme du texte

Ajoutez du texte, réglez sa police, sa couleur et son espacement, et utilisez l'ajustement automatique avec des limites de longueur testées pour les saisies plus longues.

Sur cette page

Le texte permet aux clients d’ajouter un prénom, une date ou un court message. Ce guide explique comment ajouter du texte, modifier son apparence et utiliser l’ajustement automatique avec une limite de caractères testée.

Ajouter un élément texte

Vous ajoutez du texte depuis le panneau Éléments. Le nouveau texte arrive au centre de votre zone d’impression, prêt à être modifié.

Ouvrir le panneau Éléments

Dans le Design Studio, cliquez sur Éléments dans la barre d’icônes à gauche. Le panneau s’ouvre avec une grille de tuiles que vous pouvez ajouter à votre création.

Tableau de bordLe panneau Éléments avec la tuile Texte bleue
Le panneau Éléments, ouvert depuis la barre d'icônes.

Ajouter la tuile Texte

Cliquez sur la tuile Texte pour déposer un élément texte au centre de la zone d’impression. Vous pouvez aussi faire glisser la tuile sur le canevas pour la placer exactement là où vous la relâchez.

Le nouvel élément commence avec un texte d’exemple dans la langue de l’éditeur. Le nouveau texte est modifiable par le client par défaut ; vérifiez le champ créé et sa longueur autorisée avant de publier.

Partir de l'élément sélectionné

Votre nouveau texte est sélectionné tout de suite, et son panneau de propriétés s’ouvre à droite. Une barre d’outils flottante apparaît au-dessus du canevas avec des contrôles rapides : le nom de la police, qui ouvre la liste des polices, un sélecteur de taille de police, une pastille de couleur, le gras, et un bouton d’alignement qui fait défiler les options. L’italique et le soulignement se trouvent dans le panneau de propriétés.

Tableau de bordUn nouvel élément texte sélectionné sur le canevas, avec la barre d'outils flottante du texte au-dessus
Un nouvel élément texte, sélectionné, avec sa barre d'outils flottante.

Régler la police, la taille et la couleur

Le panneau de propriétés contrôle l’apparence de votre texte. Travaillez de haut en bas : d’abord le contenu, puis la police et la couleur, puis l’alignement et l’espacement.

Saisir votre contenu

En haut du panneau de propriétés se trouve une zone de texte. Saisissez-y les mots voulus. C’est le texte d’exemple que les clients voient avant de le personnaliser : choisissez donc quelque chose de clair, comme un prénom d’exemple ou « Votre texte ».

Choisir une police, une taille et une graisse

Utilisez le sélecteur de police pour choisir une police. Réglez la taille dans le champ de taille. Activez le gras ou l’italique selon le style voulu. Pour approfondir les polices et savoir comment ajouter les vôtres, consultez choisir et charger des polices.

Choisir une couleur et un alignement

Cliquez sur la couleur de remplissage pour définir la couleur du texte. Réglez l’alignement horizontal sur gauche, centre, droite ou justifié. Vous pouvez aussi régler l’alignement vertical sur haut, milieu ou bas, ainsi que le soulignement ou le barré si nécessaire.

Ajuster l'espacement et la casse

Utilisez l’interlettrage pour modifier l’espace entre les lettres et l’interligne pour modifier l’écart entre les lignes. La transformation du texte change la casse sans retaper : choisissez aucune, majuscules, minuscules ou capitaliser.

Tableau de bordLe panneau de propriétés du texte avec la zone de contenu, le sélecteur de police, la taille, le gras et l'italique, la couleur et l'alignement
Le panneau de propriétés du texte, avec les contrôles de contenu, de police, de couleur et d'alignement.

Pour en savoir plus sur le remplissage du texte avec de la couleur et sur les outils de couleur de l’éditeur, consultez couleurs et remplissages. Pour ajouter un contour, un arrière-plan ou un texte courbé, ouvrez ces sections distinctes dans le panneau de propriétés, ou lisez les effets de texte.

Garder un texte long dans la zone

Un client peut saisir un prénom plus long que prévu. Utilisez les réglages du comportement du texte et testez des saisies longues plutôt que de supposer que toutes les valeurs tiendront.

Ouvrir la section Comportement du texte

Faites défiler le panneau de propriétés jusqu’à la section Comportement du texte et ouvrez-la. C’est là que se trouvent les options d’ajustement et de retour à la ligne.

Activer l'ajustement automatique

Activez l’ajustement automatique pour que le texte rétrécisse et reste dans sa zone. Définissez une taille de police min et max pour contrôler jusqu’où il peut diminuer et grandir. Le texte s’adapte entre ces deux valeurs.

Tableau de bordLa section Comportement du texte avec l'ajustement automatique, le multiligne automatique, le texte vertical et le nombre maximal de caractères
La section Comportement du texte, avec l'ajustement automatique activé et une taille de police min et max définie.

Utiliser le multiligne et un plafond de caractères

Activez le multiligne automatique pour que le texte passe sur plusieurs lignes au lieu de s’étirer sur une seule. Utilisez Caractères max pour plafonner ce qu’un client peut saisir. Il existe aussi une option Texte vertical si vous voulez que le texte se lise de haut en bas.

Questions fréquentes

Les clients peuvent-ils modifier mon texte dans la boutique ?

Oui. Le nouveau texte est modifiable par le client par défaut, de sorte que les clients peuvent saisir leurs propres mots. Vous décidez dans ses propriétés si chaque élément est modifiable.

Avec quelle police et quelle couleur le nouveau texte commence-t-il ?

Le nouveau texte commence avec la police DM Sans, un remplissage noir et un alignement centré. Vous pouvez tout modifier dans le panneau de propriétés ou dans la barre d'outils flottante.

Mon texte dépasse de la zone d'impression. Que faire ?

Ouvrez la section Comportement du texte et activez l'ajustement automatique, puis définissez une taille de police min et max. Ajoutez le multiligne automatique pour que les saisies plus longues passent à la ligne, et un plafond de caractères max pour limiter la longueur.

Où changer les textes que les clients peuvent modifier ?

Chaque élément texte a un réglage de personnalisation. Consultez le guide pour rendre des champs modifiables par les clients pour le parcours complet.

Pour décider quels éléments texte vos clients peuvent modifier, lisez rendre des champs modifiables par les clients.

Pour aller plus loin : choisir et charger des polices.

Besoin d'un coup de main ?

Si un guide n'a pas répondu à votre question, notre équipe est là pour vous aider. La plupart des messages reçoivent une première réponse sous un jour ouvré.

Contacter le support

Articles associés