Anfrage

Ich möchte den Text in den Schaltflächen Weiter, Zurück oder Fertig 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 ausführen:

1. Öffnen Sie Ihren Smart Walk-Thru im Editor
2. Klicken Sie auf den Schritt, den Sie aktualisieren möchten
3. Wählen Sie in der Kopfzeile neben der Schritt-ID die Option Kopieren die Schritt-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 Editor auf Einstellungen Einstellungen die Einstellungen Einstellungen die Einstellungen
2. Wählen Sie Globale CSS bearbeiten
   
   
3. Geben Sie die benutzerdefinierte CSS in den CSS-Editor ein
   
4. Klicken Sie auf Save
5. 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;

}