So ändern Sie den Text in „Next/Done“ (Weiter/Fertig)-Schaltflächen

Anfrage

Ich möchte den Text der Schaltflächen „next“, „back“ oder „done“ in meinen Schritten ändern.

Lösung

Das Ändern des Schaltflächentextes für Schritte kann mit CSS ausgeführt werden.

CSS

Schritt-ID finden

Zunächst müssen Sie die Smart Walk-Thru-Schritt-ID finden, indem Sie diese Schritte befolgen:

1. Klicken Sie im Editor auf den Schritt, den Sie aktualisieren möchten
2. Öffnen Sie die Registerkarte Anmerkungen
3. Kopieren Sie die ID neben „For CSS Adjustments, use balloon ID:“
4. Fügen Sie die ID anstelle von „XXXXX“ in die CSS-Lösungen ein, die Sie in diesem Artikel finden

Globale CSS bearbeiten

1. Klicken Sie im Menü „WalkMe Editor-Einstellungen“ auf Globale CSS bearbeiten
2. Geben Sie die benutzerdefinierte CSS in den CSS-Editor ein
3. Klicken Sie auf Save
4. Klicken Sie auf „Publish Settings“

Text der Schaltfläche „Weiter“ ändern

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 {

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;

}

Text der Schaltfläche „Zurück“ ändern

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;

}

Text der Schaltfläche „Fertig“ ändern

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;

}

Text der Schaltfläche mit mehrsprachigen Einstellungen ändern