Comment modifier le texte dans les boutons « Suivant/Terminé »
QUESTION
Je veux un moyen de modifier le texte dans les boutons « next » (suivant), « back » (retour) ou « done » (terminé) dans mes étapes !
Réponse
La modification du texte du bouton des étapes peut actuellement être effectuée à l’aide du CSS.
D’abord, vous devez localiser l’ID de l’étape en effectuant les opérations suivantes :
- Ouvrez les options d’étape (vous pouvez le faire en cliquant dessus à partir du flux)
- Allez dans Notes
- Faites défiler pour trouver l’ID à côté de « For CSS Adjustments, use balloons ID » (Pour les ajustements CSS, utilisez l’ID de la bulle)
- Copiez cet ID et collez-le à la place de « xxxxxx » en dessous.
- Si vous souhaitez faire cela pour plusieurs étapes, vous devrez ajouter un CSS séparé pour chaque étape.
Modifier le texte du bouton Next (suivant)
Copiez et collez les deux blocs de code ci-dessous dans votre onglet CSS global >Customize>CSS (personnaliser le CSS) dans l’Éditeur. 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 {
!important;
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 {
content: "new text" !important;
visibility: visible !important;
font-size: 12px !important;
}
Modifier le texte pour le bouton Back (retour)
Copiez et collez les deux blocs de code ci-dessous dans votre onglet CSS global >Customize>CSS (personnaliser le CSS) dans l’Éditeur. 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 {
content: "new text" !important;
visibility: visible !important;
font-size: 12px !important;
}
Modifier le texte pour le bouton Done (terminé)
Copiez et collez les deux blocs de code ci-dessous dans votre onglet CSS global >Customize>CSS (personnaliser le CSS) dans l’Éditeur. 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 {
content: "new text" !important;
visibility: visible !important;
font-size: 12px !important;
}