Comment modifier le texte sur mobile uniquement

Pourquoi utiliser un texte différent pour les appareils mobiles et les ordinateurs de bureau ?

Les utilisateurs mobiles et les utilisateurs d'ordinateur interagissent souvent différemment avec votre site web. Voici quelques cas où des versions texte distinctes sont utiles :

• Messagerie concise sur mobile: Les écrans mobiles sont plus petits, donc un texte plus court améliore la lisibilité et l'expérience utilisateur.
• Promotions spécifiques aux mobiles:Certaines offres ou CTA (appels à l'action) peuvent être exclusifs aux utilisateurs mobiles, comme les téléchargements d'applications ou les remises réservées aux mobiles.
• Formatage optimisé:Certains textes peuvent s'enrouler de manière gênante sur mobile, nécessitant une version plus simplifiée.

Comment modifier le texte sur mobile uniquement dans GemPages ?

Une fois que vous avez accédé à l'éditeur GemPages, suivez ces étapes pour modifier votre texte sur les appareils mobiles uniquement :

Étape 1 : Sélectionnez l’élément de texte cible

Identifiez le texte que vous souhaitez modifier pour mobile. Il peut s'agir d'un Élément d'en-tête (par exemple, titres de page, en-têtes de section) ou un Élément de bloc de texte (par exemple, texte de paragraphe, descriptions).

Étape 2 : dupliquer l'élément de texte

Étant donné que GemPages n'a pas de module intégré Modifier le texte pour mobile uniquement fonction, nous utiliserons une solution de contournement simple en créant deux versions du même texte.

Comment dupliquer l'élément :

• Faites un clic droit sur l'élément de texte et sélectionnez DupliquerOU
• Utilisez le raccourci Ctrl + C (Copie) et Ctrl + V (Pâte).

Maintenant, tu verras deux éléments de texte identiques:l'un sera destiné aux utilisateurs de bureau et l'autre aux utilisateurs mobiles.

Étape 3 : Définissez le texte d'origine pour qu'il s'affiche uniquement sur les ordinateurs de bureau et les tablettes

• Cliquez sur le élément de texte original (celui que vous ne voulez pas afficher sur mobile).
• Accédez à la Avancé dans la barre latérale droite et localisez l'onglet Afficher sur paramètres.
• Par défaut, l'élément GemPages sera affiché sur tous les appareils (ordinateur de bureau, tablette et mobile). Désactiver l'option Mobile pour définir ce texte pour qu'il s'affiche uniquement sur les vues Bureau et Tablette.

Maintenant, cette version du texte va mais apparaissent lorsque quelqu'un visite votre site sur un appareil mobile.

Étape 4 : définissez le texte dupliqué pour qu'il s'affiche uniquement sur mobile

• Cliquez sur le élément de texte dupliqué (ce sera le texte spécifique au mobile).
• Accédez à la Avancé dans la barre latérale droite et localisez l'onglet Afficher sur paramètres.
• Désactiver les options Bureau et Tablette pour définir ce texte pour qu'il s'affiche uniquement sur la vue mobile.

Par la suite, ce texte sera masqué lorsque vous serez dans l'éditeur de bureau. mode d'aperçu mobile pour voir le texte dupliqué.

Étape 5 : Modifier le texte pour les utilisateurs mobiles

Maintenant, dans l'éditeur d'aperçu mobile, accédez à l' Paramètres Onglet pour personnaliser le texte pour les utilisateurs mobiles. Vous pouvez :
✔ Raccourcir les longs paragraphes pour une meilleure lisibilité.
✔ Utilisez des CTA spécifiques aux mobiles comme « Appuyez ici » au lieu de « Cliquez ici ».
✔ Mettre l'accent sur les informations clés que les utilisateurs mobiles doivent voir rapidement.

De plus, pour une édition rapide ou si vous préférez modifier une partie du contenu de cet élément, mettez en surbrillance le texte cible pour accéder à l' Éditeur de texte en direct.