---
title: "Create Smart Tips"
slug: "creating-smart-tips"
updated: 2024-05-13T09:13:26Z
published: 2024-05-13T09:13:26Z
canonical: "support.whatfix.com/creating-smart-tips"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Smart Tips erstellen

Die Erstellung eines Smart-Tips ist ein zweistufiger Prozess.

Schritt 1: [Smart-Tip erstellen](/desktop/docs/de/creating-smart-tips#create-the-smart-tip) Schritt 2: [Das Segment für den Smart-Tip konfigurieren](/desktop/docs/de/creating-smart-tips#configure-the-segment-for-the-smart-tip)

### Schritt 1: Erstellen Sie den Smart Tip

Gehen Sie wie folgt vor, um einen Smart Tip zu erstellen:

1. Gehen Sie zu der Anwendung, in der Sie Inhalte erstellen möchten, und starten Sie dann das Whatfix Desktop Studio.
2. Klicken Sie **Smart-tip**. ![clm_studio_smart tip1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_studio_smart%20tip%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
3. Geben Sie eine Name des Smart Tips ein. ![Studio_editor_enterSTname](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_editor_enterSTname.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          **Info**

          

  - Eine Smart-Tip-Sammlung ist eine Gruppe von Smart-Tips, die auf derselben Seite einer Anwendung erstellt wurden.
  - Der Name der Smart-Tip-Sammlung dient nur als Referenz für Sie (den Ersteller) und ist für den Endbenutzer nicht sichtbar.
4. Klicken Sie **+ Hilfetipp hinzufügen**, um einen neuen Smart Tip zu erstellen. ![Studio_ST_help_tip.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_ST_help_tip.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          your title goes here

          

Wenn Sie einen Validierungshinweis erstellen möchten, klicken Sie auf das Dropdown-Menü und dann **+ Validierungshinweis hinzufügen**. ![Studio_editor_AddValidationTip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_editor_AddValidationTip.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
5. Wählen Sie ein Element in der Anwendung aus, auf das der Smart Tip zeigen soll. ![RB_select element2.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_select%20element%282%29%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

1. Geben Sie den Zweck des Smart-Tips ein. ![Purposedescription.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Purpose_description.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          your title goes here

          

Sie können auch eine detailliertere optionale Beschreibung hinzufügen
2. In dem Tab **KONFIGURATIONEN** erweitern Sie das Dropdown-Menü **Interaktion**, und wählen Sie dann im Abschnitt **Smart Tip anzeigen bei** aus, wann Sie den Smart Tip anzeigen möchten. ![configinteractions.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/config_interactions.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
3. Passen Sie im **Positionierung**-Abschnitt die Position des Smart Tip an. ![clmsmart tipbasic positioning](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_smart%20tip_basic%20positioning.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          your title goes here

          

  - Die folgenden sind die beiden verschiedenen Positionierungsmodi verfügbar:
  - Im **Basis-Positionierungsmodus** können Sie zwischen vier verfügbaren Positionen wählen.  

![clmsmart tipbasic positioning](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_smart%20tip_basic%20positioning.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
  - Im **Erweiterten Positionierungsmodus** können Sie mikrofeine Anpassungen an der Position des Smart Tip vornehmen. Sie können entweder die Navigationspfeile verwenden oder den Wert in das **Bewegung bei Tastenklick (px)** Dropdown eingeben, um die Position in Pixel zu ändern.  

![clmsmart tipadvanced positioning](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_smart%20tip_advanced%20positioning.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
4. Im Abschnitt **Tooltip-Position** wählen Sie die Position der Tooltip. ![Clmsmart tip tool position](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Clm_smart%20tip%20tool%20position.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          your title goes here

          

[Anzeigeregeln](/desktop/docs/de/visibility-and-display-rule-conditions) ermöglichen es Ihnen, Smart Tips nur anzuzeigen, wann bestimmte Bedingungen erfüllt sind. Durch das Festlegen von Anzeigeregeln für einen Smart Tip wird sichergestellt, dass der Tip basierend auf den festgelegten Bedingungen auf der richtigen Seite angezeigt wird.

Gehen Sie wie folgt vor, um den Flow-Schritten Anzeigeregeln zu einem Smart Tip hinzuzufügen:

a. Klicken Sie auf den **ERWEITERTE OPTIONEN** Tab. ![StudioeditorAdvancedOptions(1)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_editor_AdvancedOptions%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

b. Klicken Sie im Abschnitt Anzeigeregeln auf **+ Regel hinzufügen**, um die gewünschten Bedingungen festzulegen. ![StudioeditorAdvancedOptionsAddRule(1)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_editor_AdvancedOptions_AddRule%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

  - Für weitere Informationen zu den verschiedenen Bedingungen, die in Anzeigeregeln verwendet werden können, sehen Sie [Sichtbarkeits- und Anzeigeregelnbedingungen](/desktop/docs/de/visibility-and-display-rule-conditions).
  - Sie können mehrere Anzeigeregelbedingungen hinzufügen, indem Sie die Schaltfläche **+ Regel hinzufügen** verwenden. ![StudioEditorAdvancedOptionsAddmoreRule](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Editor_AdvancedOptions_AddmoreRule.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
5. Klicken Sie **Tipp speichern**. ![StudioeditorsaveTip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_editor_saveTip.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          **Info**

          

Um weitere Smart Tips hinzuzufügen, klicken Sie **+ Hilfe-Tipp hinzufügen** im Studio und wiederholen Sie dann die Schritte 5 bis 10.
6. Nachdem Sie alle Smart Tips erstellt haben, im Studio auf **Tipp speichern** klicken. ![StudioeditorsaveSTcollection](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_editor_saveSTcollection.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
7. In dem Bestätigungs-Pop-up, klicken Sie **Okay**. ![Studiostsave tip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_st_save%20tip.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          **Note**

          

Sobald Sie die Smart Tip-Sammlung erstellt haben, wird automatisch ein Segment in Ihrem Whatfix Dashboard erstellt.

### Schritt 2: Das Segment für den Smart Tip konfigurieren

Führen Sie die folgenden Schritte aus, um das Segment für die Smart-Tips zu konfigurieren:

1. Auf dem Whatfix Guidance Dashboard, klicken Sie **Widgets**. ![ia_left_nav_widgets](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_widgets.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
2. Klicken Sie **Smart-tips**. ![ia_widget_smart%20tips](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_smart%20tips.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

1. Schweben Sie den Mauscursor über das Smart Tip Segment, das Sie konfigurieren möchten, und klicken Sie dann auf das **Bearbeiten** Symbol. ![CLMDBSmartTipEditicon.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_SmartTip_Edit_icon%282%29.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          your title goes here

          

Der Segmentname ist der Name der Smart-Tip-Sammlung.
2. Erweitern Sie den Abschnitt **Sichtbarkeitsregeln festlegen**, wählen Sie die Option **Window Variable** oder **Andere Elemente auf der Seite** aus dem Dropdown-Menü aus und geben Sie ihren Wert ein. ![2023-02-1718-38-43.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2023-02-17_18-38-43.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          Info:

          

- Um die Window Variable und ihren Wert für die Desktop-App zu finden, sehen Sie [Ermitteln der Window variablenwerte für Sichtbarkeitsregeln](/desktop/docs/de/finding-the-window-variable-values-for-visibility-rules). - Um den Wert des CSS-Selektors für das ausgewählte Element zu finden, kontaktieren Sie Ihren Whatfix Repräsentanten. Für weitere Informationen, kontaktieren Sie [support@whatfix.com](mailto:support@whatfix.com?Subject=Find%20a%20unique%20CSS%20selector%20for%20desktop%20application%20element&Body=Hello%20Team%2C%20%0APlease%20help%20me%20find%20a%20unique%20CSS%20selector%20for%20the%20elements%20of%20my%20desktop%20application.%20%0AThanks%20and%20Regards.)
3. Fügen Sie die Sammlung hinzu, die Sie zuvor erstellt haben. ![2023-02-1718-42-47.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2023-02-17_18-42-47.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
4. Klicken Sie **Speichern**.
5. Sobald Sie das Smart Tip Segment konfiguriert haben, wählen Sie das Segment mithilfe des Kontrollkästchens aus und klicken dann **an Bereitschaft senden**. ![clmdbsendtoready](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_send_to_ready.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)
6. Gehen Sie zum **Bereit**-Abschnitt und klicken Sie dann **Zum Produktion schieben**. ![clmdbpushtoproduction](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_push_to_production.png?sv=2026-02-06&spr=https&st=2026-10-30T05%3A43%3A44Z&se=2026-10-30T06%3A43%3A44Z&sr=c&sp=r&sig=6WpKKelDgsgaomFYv7sqrOOQXra72U0yZSbESvlSsbo%3D)

          Info:

          

  - Positionieren Sie den Smart Tip sorgfältig, damit keine anderen wichtigen Informationen oder Elemente dahinter versteckt sind.
  - Um eine Sequenz von Smart Tips zu erstellen, müssen alle Tips auf derselben Seite sein. Wenn Smart Tips für verschiedene Seiten angewendet werden sollen, müssen separate Abschnitte für jede einzelne Seite erstellt werden.