Le texte sur Showit, c’est beaucoup plus qu’une simple zone de saisie. Tu as un contrôle total sur le style, la mise en forme et le comportement desktop/mobile de chaque texte. Voici comment t’y prendre.
Ajouter un texte
Clique sur le bouton Add Element > Texte dans la Bottom Toolbar. Showit te propose quatre styles prédéfinis : Title, Header, Subheading, Paragraph. Ces styles correspondent à tes Type Styles configurés dans les Design Settings.
Éditer le contenu d’un texte
Double-clique sur la zone de texte pour passer en mode édition : un curseur apparaît, tu peux saisir ou modifier le contenu directement. Pour sortir du mode édition, clique en dehors de la zone.
Un seul clic sélectionne l’élément texte (pour le déplacer, le redimensionner, accéder au Properties Panel). Un double-clic entre dans le texte pour l’éditer.
Formater le texte
Quand tu es en mode édition (double-clic), une barre de formatage inline apparaît au-dessus de la zone. Tu peux y appliquer :
Gras, Italique, Barré
Listes à puces et listes numérotées
Lien inline : pour transformer une portion de texte en lien cliquable (vers une URL, une page, un email…).
💡 Les liens inline sont différents des Click Actions. Un lien inline s’applique à une sélection de texte à l’intérieur d’un paragraphe. Une Click Action s’applique à tout l’élément texte.
Modifier le style global du texte
Quand l’élément texte est sélectionné (un seul clic), le Properties Panel affiche deux onglets principaux :
- Text Style : police, taille, couleur, interligne, espacement des lettres, casse, alignement.
- Text Properties : largeur de colonne, marge basse, comportement de débordement.
Les modifications dans Text Style s’appliquent à tout le contenu de la zone texte, sauf si tu as une sélection active en mode édition.
Adapter le texte au mobile
Par défaut, les réglages desktop et mobile sont synchronisés. Pour définir une taille de police ou une couleur différente sur mobile, survole le réglage concerné dans le Properties Panel et clique sur les trois points qui apparaissent à droite, puis choisis Split Mobile & Desktop.
Une icône desktop et une icône mobile apparaissent alors. Tu peux basculer de l’une à l’autre pour ajuster chaque version indépendamment.
⚠️ Si tu splites un réglage, pense à le faire aussi pour les autres propriétés liées (taille ET interligne, par exemple). Chaque réglage se gère indépendamment.
Redimensionner la zone de texte
Fais glisser les coins ou les bords de la zone texte pour l’agrandir ou la réduire. Tu peux aussi saisir des dimensions exactes dans l’onglet Size & Position du Properties Panel.
💡 Si ton texte semble coupé, c’est souvent que la zone texte est trop petite. Agrandis-la verticalement pour laisser le contenu s’afficher entièrement.
