Top
Custom Icons für Smart Tips verwenden
  • 08 Nov 2024
  • 1 Minute zum Lesen
  • Dunkel
    Licht
  • pdf

Custom Icons für Smart Tips verwenden

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Whatfix ermöglicht es Ihnen, Ihre eigenen Custom Icons für Smart Tips hochzuladen und zu verwalten, sodass Sie Ihre Widgets an das Design Ihrer Anwendung und spezifische Anwendungsfälle anpassen können.

Voraussetzungen

Sie müssen zuerst die Icons in die Icon Library hochladen. Für weitere Informationen zum Hochladen von Icons, sehen Sie Custom Icons in Whatfix-Inhalten und Widgets verwenden.

Note:

  • Für Icons wird nur das .SVG-Format unterstützt. Stellen Sie sicher, dass Ihre Symbole im SVG-Format vor dem Hochladen in die Icon Library vorliegen.

  • Die SVG-Auflösung sollte 48×48 Pixel nicht überschreiten und die Größe sollte weniger als 25 KB betragen.

  • Sie können bis zu 25 Custom Icons in die Icon Library hochladen. Sobald das Upload-Limit erreicht ist, löschen Sie alle nicht verwendeten Symbole, um neue hinzuzufügen.

  • Um mehr über das SVG-Verhalten und die besten Praktiken zu erfahren, sehen SieBeste Praktiken für die Icon Library.

Custom Icons für Smart Tips verwenden:

Note:

Dies ist eine kontoebene Konfiguration, die hier vorgenommenen Änderungen gelten für alle Smart Tip Sammlungen.

Verwenden Sie die folgenden Schritte, um Custom Icons für Smart Tips aus der Icon Library hinzuzufügen:

  1. Auf dem Whatfix Guidance Dashboard, klicken Sie Stil.

  2. Klicken Sie Smart Tips.

  3. Klicken Sie im Abschnitt Icon auf + Icon hinzufügen.

  4. Wählen Sie das hochgeladene Symbol aus der Icon Library aus und klicken Sie auf Hinzufügen.

Info:

  • Fügen Sie bis zu 5 Symbole zum Icon-Bereich hinzu.

  • Sobald dieses Limit erreicht ist, wird der + Icon hinzufügen Button ausgegraut angezeigt.

  • Um neue Icons hinzuzufügen, fahren Sie mit dem Cursor über das Icon und klicken Sie auf das Icon entfernen.

  1. Wählen Sie das Symbol aus, das Sie verwenden möchten.

  2. Führen Sie folgende Anpassungen aus:

    Your title goes here

    Einige Anpassungen gelten möglicherweise nicht für bestimmte SVG-Dateien aufgrund ihrer Struktur oder anderer Faktoren. In diesem Fall versuchen Sie, eine andere SVG hochzuladen. Weitere Informationen finden Sie unter Beste Praktiken für die Icon Library.

    • Wählen Sie die Farbe aus dem vorhandenen Farbwähler aus oder geben Sie den Hex-Code der gewünschten Farbe ein.  

    • Wählen Sie die Größe des Symbols über das Dropdown-Menü aus.  

  3. Klicken Sie auf Speichern.

    Click_saveicon

Note:

Wenn Sie auf Änderungen verwerfen klicken, gehen alle Änderungen, die Sie am Inhalt vorgenommen haben, verloren, und die Seite wird zu ihrem vorherigen gespeicherten Status zurückkehren.    

Info:

Sobald Sie die Änderungen speichern, erscheinen die Symbole, die Sie im Icon-Bereich des Dashboards hinzufügen, zusammen mit den Standardsymbolen im Icon-Bereich des Studios.


War dieser Artikel hilfreich?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.