- 06 Jun 2025
- 3 Minuten zu lesen
- Drucken
- DunkelLicht
- pdf
AI gestützter Editor für die Anpassung von Tooltips
- Aktualisiert am 06 Jun 2025
- 3 Minuten zu lesen
- Drucken
- DunkelLicht
- pdf
Note:
Der AI gesteuerte Editor für die Erstellung von Tooltips ist eine Beta Funktion. Wenn Sie die Funktion aktivieren möchten, müssen Sie zunächst die CSS-Anpassung (ebenfalls Beta) für Tooltips aktivieren. Kontaktieren Sie support@whatfix.com um beide Funktionen für Ihr Konto zu aktivieren. Weitere Informationen über die Verwendung von CSS für Tooltips finden Sie unter CSS für die Benutzerdefinierung von Tooltips verwenden.
Info:
Die CSS-Codeansicht kann nicht gelöscht werden. Der AI-Stil-Editor kann ebenfalls nicht gelöscht werden.
Bei der Verwendung des AI gestützten Stileditors haben Sie die Möglichkeit, bei der Erstellung von Tooltips zum CSS-Code-Editor zu wechseln.
Für Inhalte und Widgets, die sich bereits in der Veröffentlichungsphase befinden, stellen Sie sicher, dass Sie zur Produktion schieben durchführen, damit die Änderungen übernommen werden.
Whatfix ermöglicht es Account Managern und Content Managern, benutzerdefinierte AI gestützte Tooltips zu erstellen. Weitere Informationen zu Benutzerrollen finden Sie unter Whatfix User Roles.
Der AI gestützte Editor ermöglicht die Erstellung markenkonformer Tooltips auf sehr viel einfachere Weise. Anstatt mehr Zeit im CSS-Code-Editor zu verbringen, generieren Sie das erforderliche Tooltip-Design durch Eingabeaufforderungen. Die AI gestützte Funktion ermöglicht eine bessere Kontrolle über die Verfeinerung der Entwurfskonsistenz und den gewünschten Output.
Auf diese Funktion kann sowohl im Whatfix Studio als auch im Whatfix Dashboard zugegriffen werden. Sie ist für Flows, Smart Tips und Beacons verfügbar.
Verwenden Sie den AI Stil Editor für die Anpassung von Tooltips auf dem Whatfix Dashboard
Auf dem Whatfix Guidance Dashboard, klicken Sie Stil.
Klicken Sie Vorlagen.
Klicken Sie Standard.
Gehen Sie zu dem Tooltip, die Sie kopieren und anpassen möchten, und klicken Sie dann auf das Symbol Vorlage kopieren.
Gehen Sie zum Abschnitt Angepasste, um die kopierte Vorlage anzuzeigen.
Klicken Sie in der kopierten Vorlage auf das Symbol Vorlage bearbeiten.
Klicken Sie auf CSS, um den AI-Stil-Editor zu öffnen.
Hier sehen Sie die Dashboard-Ansicht des AI gesteuerten Editors:
Geben Sie Eingabeaufforderungen auf der Grundlage Ihrer Anwendungsfälle ein und klicken Sie auf Senden, damit die Änderungen übernommen werden.
Wenn Sie z. B. möchten, dass die Hintergrundfarbe der Flow-Tooltips von dunkelblau auf grün wechselt, geben Sie unter eine Aufforderung ein: Bitte ändern Sie die Hintergrundfarbe der Tooltips auf grün. Die gezeigte Eingabeaufforderung dient nur der Veranschaulichung und würde sich je nach Anwendungsfall und Anforderungen ändern.
Klicken Sie Speichern.
Note:
Beispiele für andere Tooltip-Anpassungen, die mithilfe des AI Style Editors vorgenommen wurden:
Die Breite des Tooltips ändern.
Die Hintergrundfarbe der Buttons ändern.
Den Schatteneffekt auf dem Tooltip erhöhen oder verringern.
Kontaktieren Sie support@whatfix.com für Hilfe bei der Anpassung von Tooltips auf dem Dashboard mithilfe des AI Style Editors.Der AI Style Editor ermöglicht die Anpassung von Tooltips für Flows, Smart Tips und Beacons.
Verwenden Sie den AI Stil Editor für die Anpassung von Tooltips im Whatfix Studio
Rufen Sie die Standardvorlage in Studio auf und klicken Sie Ändern.
Wählen Sie eine Vorlage Ihrer Wahl aus den benutzerdefinierten Vorlagen, die Sie auf dem Dashboard erstellt haben.
Klicken Sie auf CSS, um den AI Stil Editor zu öffnen.
Hier ist die Studio-Ansicht des AI-gesteuerten Stileditors:
Geben Sie Eingabeaufforderungen auf der Grundlage Ihrer Anwendungsfälle ein und klicken Sie auf Senden, damit die Änderungen übernommen werden.
Wenn Sie z. B. einen Rahmen um den Button Next hinzufügen möchten, geben Sie die Aufforderung- Rahmen um den Button Next hinzufügen ein. Oder wenn Sie möchten, dass die Hintergrundfarbe der Tooltip von Rot zu Blau wechselt, geben Sie die Aufforderung - Die Hintergrundfarbe dem Tooltip sollte blau sein. Die gezeigten Eingabeaufforderungen dienen nur der Veranschaulichung und würden sich je nach Anwendungsfall und Anforderungen ändern.
Klicken Sie Schritt speichern.
Note:
Die Tooltip-Anpassungen in Studio werden nicht auf dem Dashboard angezeigt und bleiben daher spezifisch und einzigartig für den Schritt, den Sie in Studio bearbeiten.
Beispiele für andere Tooltip-Anpassungen, die mithilfe des AI Style Editors vorgenommen wurden:
Die Breite des Tooltips ändern.
Die Hintergrundfarbe der Buttons ändern.
Den Schatteneffekt auf dem Tooltip erhöhen oder verringern.
Kontaktieren Sie support@whatfix.com für Hilfe bei der Anpassung von Tooltips im Studio mithilfe des AI Style Editors.
Anwendungsbeispiele für die Anpassung von Tooltips
Einige der anderen Anwendungsfälle, die Sie mit dem AI-Style-Editor auf Dashboard und Studio ausprobieren können:
Ändern Sie die Strichstärke der Pfeile neben den Buttons (geben Sie die Breite an).
Ändern Sie die Textfarbe im Tooltip (geben Sie die Farbe an).
Fügen Sie einen Rahmen um die Buttons hinzu.
Fügen Sie eine Hintergrundfarbe für die Buttons hinzu (geben Sie die Farbe an).
Entfernen Sie einen der Buttons in dem Tooltip.