Demande

Je souhaite modifier le texte dans les boutons Suivant, Précédent ou Terminé sur mes étapes.

Solution

La modification du texte du bouton pour les étapes peut être réalisée à l'aide de CSS.

CSS

Trouver l'ID d'étape

Tout d'abord, vous devez localiser l'ID de l'étape de Smart Walk-Thru en suivant ces étapes :

1. Dans l'éditeur, ouvrez votre Smart Walk-Thru
2. Cliquez sur l'étape que vous souhaitez mettre à jour
3. Dans l'en-tête, sélectionnez Copier à côté de l'ID de l'étape
   
4. Collez l'ID à la place de "XXXXX" dans les solutions CSS fournies dans cet article.

Modifier le CSS global

1. Dans l'éditeur, cliquez sur Paramètres )
2. Sélectionnez Modifier le CSS global Modifier le CSS global
   
   
3. Saisissez le CSS personnalisé dans l'Éditeur CSS
   
4. Cliquez sur Save (Enregistrer).
5. Cliquez sur Publier les paramètres

Modifier le texte du bouton Suivant

Remplacez les mots « new text » (nouveau texte) par votre texte préféré.

div#walkme-balloon-xxxxxxx button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-next-button.walkme-action-next.walkme-click-and-hover span.walkme-custom-balloon-button-text:before {

font-size:0px !important ;

}

div#walkme-balloon-XXXXXXX button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-next-button.walkme-action-next.walkme-click-and-hover span.walkme-custom-balloon-button-text::before {

contenu : "nouveau texte" !important ;

visibility: visible !important;

font-size: 12px !important;

}

Modifier le texte du bouton Retour

Remplacez les mots « new text » (nouveau texte) par votre texte préféré.

div#walkme-balloon-XXXXXXX button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-back-button.walkme-action-back.walkme-click-and-hover span.walkme-custom-balloon-button-text {

font-size : 0px!important ;

}

div#walkme-balloon-xxxxxxx button.walkme-custom-balloon-button.walkme-custom-balloon-weak-button.walkme-custom-balloon-back-button.walkme-action-back.walkme-click-and-hover span.walkme-custom-balloon-button-text::before {

contenu : "nouveau texte" !important ;

visibility: visible !important;

font-size: 12px !important;

}

Modifier le texte du bouton Terminé

Remplacez les mots « new text » (nouveau texte) par votre texte préféré.

div#walkme-balloon-xxxxxxx button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-done-button.walkme-action-done.walkme-click-and-hover span.walkme-custom-balloon-button-text {

font-size: 0px !important;

}

div#walkme-balloon-xxxxxxx button.walkme-custom-balloon-button.walkme-custom-balloon-normal-button.walkme-custom-balloon-done-button.walkme-action-done.walkme-click-and-hover span.walkme-custom-balloon-button-text::before {

contenu : "nouveau texte" !important ;

visibility: visible !important;

font-size: 12px !important;

}