So ändern Sie den Text in „Next/Done“ (Weiter/Fertig)-Schaltflächen
QUESTION (FRAGE)
Ich möchte den Text der Schaltflächen „next“, „back“ (zurück) oder „done“ in meinen Schritten ändern!
Antwort
Das Ändern des Schaltflächentextes für Schritte kann derzeit mit CSS ausgeführt werden.
Zunächst finden Sie die Step ID heraus, indem Sie Folgendes tun:
- Öffnen Sie die „Step Options“ (Sie können dies tun, indem Sie im „Flow“ (Ablauf) darauf klicken)
- Navigieren Sie zu „Notes“
- Scrollen Sie, um die ID neben „For CSS Adjustments, use balloon ID“ zu finden
- Kopieren Sie diese ID und fügen Sie sie anstelle von „xxxxxx“ unten ein
- Wenn Sie dies für mehrere Schritte tun möchten, müssen Sie für jeden Schritt separate CSS hinzufügen
Ändern Sie den Text der Schaltfläche „Next“ (Nächste)
Kopieren Sie die unten gezeigten BEIDEN Code-Blöcke in Ihre Registerkarte „Global CSS“ im Editor → Customize → CSS.>> Ersetzen Sie die Wörter „new text“ mit Ihrem bevorzugten Text.
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;
}
Ändern Sie den Text der Schaltfläche „Back“ (Zurück)
Kopieren Sie die unten gezeigten BEIDEN Code-Blöcke in Ihre Registerkarte „Global CSS“ im Editor → Customize → CSS.>> Ersetzen Sie die Wörter „new text“ mit Ihrem bevorzugten Text.
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;
}
Ändern Sie den Text der Schaltfläche „Done“ (Fertig)
Kopieren Sie die unten gezeigten BEIDEN Code-Blöcke in Ihre Registerkarte „Global CSS“ im Editor → Customize → CSS.>> Ersetzen Sie die Wörter „new text“ mit Ihrem bevorzugten Text.
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;
}