--- title: "Ein Beacon erstellen" slug: "create-beacons" updated: 2024-11-08T14:53:08Z published: 2024-11-08T14:53:08Z canonical: "support.whatfix.com/create-beacons" --- > ## 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. # Ein Beacon erstellen Die Erstellung von Beacon ist ein zweistufiger Prozess: [Schritt 1: Das Beacon erstellen](/docs/de/create-beacons#Step-Create-the-Beacon) [Schritt 2: Das Segment für den Beacon konfigurieren](/docs/de/create-beacons#Step-Configure-the-segment-for-the-Beacon) ## Schritt 1: Das Beacon erstellen Gehen Sie wie folgt vor, um eine Beacon Sammlung zu erstellen: 1. Melden Sie sich bei der Anwendung an, in der Sie Inhalte erstellen möchten, und starten Sie dann **Whatfix Studio**. ![CLM_editor plug in2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_editor%20plug%20in%282%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 2. Klicken Sie in Whatfix Studio auf **Beacon**. ![clm_studio_beacon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_studio_beacon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Info - Eine Beacon-Sammlung ist eine Gruppe von Beacons und befindet sich normalerweise auf derselben Seite. - Der Beacon Sammlungsname dient ausschließlich Ihrer (des Erstellers) Referenz und ist für den Endbenutzer nicht sichtbar. - Visibility Rules werden für eine Beacon Sammlung definiert. Selbst wenn Sie also nur einen Beacon auf einer Seite haben, muss dieser Teil einer Sammlung sein. 1. Klicken Sie **+ Beacon hinzufügen**, um ein neues Beacon zu erstellen. ![Add_Beacon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Add_Beacon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 2. Wählen Sie ein Element in der Anwendung aus, in dem der Beacon erscheinen soll. 3. Geben Sie eine Beschreibung für die Beacon-Aktion ein. ![RB_DB_beaconaction](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_beaconaction.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Info Die Beacon-Beschreibung ist für den Endbenutzer sichtbar, wenn er mit dem Mauscursor über das Beacon fährt. 1. Auf Studio, geben Sie den Namen des Beacons ein. ![Enter_beaconname](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Enter_beaconname.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Info Der Beacon Name ist nur für Sie (den Ersteller) bestimmt und für den Endbenutzer nicht sichtbar. 1. In der **KONFIGURATIONEN** Tab, erweitern Sie **Interaktion**, und wählen Sie dann im Abschnitt **Beacon verschwinden** die Bedingung aus, um die Anzeige des Beacons zu stoppen. ![Disappear_Beacon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Disappear_Beacon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 2. Erweitern Sie **Erscheinungsbild**, unter dem Abschnitt **Tooltip**, machen Sie die folgenden Änderungen: - Ändern Sie die Tips **Farbe** mithilfe des Farbwählers oder geben Sie den Hex Code in das Textfeld ein. - Passen Sie den Stil, die Farbe und die Größe des Textes des Beacon Tooltip an. ![Config_beaconappearance](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Config_beaconappearance.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 1. Im Abschnitt **Icon** wählen Sie den **Typ**, **Farbe** und **Größe** des Icons aus. ![Configure_beaconicon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Configure_beaconicon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) your title goes here - Standardmäßig stellt Whatfix vier Arten von Symbolen für einen Beacon bereit, nämlich Anpassen, Radial, Ripple und Speckle. ![Beacon_type](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Beacon_type.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) - Wählen Sie das **Custom** Symbol aus, um den **Text** Ihres Beacons zu konfigurieren. ![Custom_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Custom_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) - Sie können die Größe des **Custom** Symbols nicht ändern. - Whatfix ermöglicht es Ihnen, benutzerdefinierte Symbole für Beacons hinzuzufügen. Um benutzerdefinierte Icons hinzuzufügen, sehen Sie [Benutzerdefinierte Icons für Beacon verwenden](/studio/docs/de/change-the-icon-for-beacon). Note Sobald Sie das Element auswählen, in dem die Beacon platziert werden soll, wechselt der Cursor zum eingestellten Beacon Stil. Sie können die Beacon dann an jeder beliebigen Stelle platzieren. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Beacon%20style%281%29.gif?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 1. Passen Sie im Abschnitt **Positionierung** die Position des Beacon an. ![Beacon_position](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Beacon_position.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) your title goes here Es gibt zwei verschiedene Positionierungsmodi, - Im **Basis-Positionierungsmodus** können Sie zwischen den 8 verfügbaren Positionen wählen. ![clm_beacon_basic positioning](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_beacon_basic%20positioning.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) - m **Erweiterten Positionierungsmodus** können Sie die Position der Beacon pixelweise einstellen. 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. - Klicken Sie auf das **Lock**-Symbol, um den Beacon zu entsperren und neu zu positionieren. ![Advanced_positioning](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Advanced_positioning.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 1. Im Abschnitt **Tooltip Position** wählen Sie die Position der Tooltip. ![clm_beacon_tooltip position](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_beacon_tooltip%20position.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) your title goes here [Display Rules](/studio/docs/de/visibility-and-display-rule-conditions-1) ermöglichen es Ihnen, Beacons zu konfigurieren, um das Tooltip nur anzuzeigen, wenn vordefinierte Bedingungen erfüllt sind. Verwenden Sie die folgenden Schritte, um Display Rules zu einem Beacon hinzuzufügen: a. Klicken Sie **ERWEITERTE OPTIONEN**. ![Click_Advanced_Options](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Advanced_Options.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) b. Erweitern Sie den Abschnitt Regeln anzeigen und klicken Sie dann auf **+ Regel hinzufügen**. ![Click_Add_rule](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Add_rul.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) c. Legen Sie die gewünschten Bedingungen fest. Für weitere Informationen zu den verschiedenen Bedingungen, die in den Display Rules verwendet werden können, sehen Sie [Visibility und Display Rules Bedingungen](/studio/docs/de/visibility-and-display-rule-conditions-1). ![image.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28326%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Zusätzliche Bedingungen können bei Bedarf mit **+ Regel hinzufügen** hinzugefügt werden. 1. Klicken Sie **Beacon speichern**. ![save beacon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/save%20beacon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) your title goes here Um weitere Beacons hinzuzufügen, klicken Sie im Studio auf **+ Beacon hinzufügen** und wiederholen Sie dann die Schritte 5 bis 11. 1. Um die Beacon-Sammlung zu speichern, klicken Sie auf **Beacon speichern**. ![RB_beacon_clicksavebeacon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_beacon_clicksavebeacon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Note - Sobald Sie die Beacon Sammlung erstellt haben, wird automatisch ein Segment in Ihrem Whatfix Dashboard erstellt. - Um Inhalte wie Beacon oder Smart Tip auf Ihrer Seite/Anwendung anzuzeigen, gehen Sie im Whatfix Dashboard zum Widget Bereich und verschieben das zugehörige Beacon Segment von Entwurf in Produktion. Info Sie können ein Beacon innerhalb einer Sammlung während des Beacon Erstellungsprozesses bearbeiten. Weitere Informationen finden Sie unter [Beacons bearbeiten](/studio/docs/de/edit-beacons). ## Schritt 2: Das Segment für den Beacon konfigurieren Note Wenn Ihr Konto Smart Context aktiviert ist, konfiguriert Whatfix die Visibility Rules automatisch. In diesem Fall überspringen Sie Schritt 7. Gehen Sie wie folgt vor, um ein Beacon-Segment 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-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 2. Klicken Sie **Beacons**. ![ia_widget_beacons](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_beacons.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 1. Schweben Sie den Mauscursor in der Phase **Entwurf** über das automatisch erstellte Segment und klicken Sie dann auf das Symbol **Bearbeiten**. ![db_beacon_edit](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/db_beacon_edit.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Info Die Beacon-Sammlung, die angehängt ist, ist der neu veröffentlichte Inhalt. 1. Erweitern Sie den **Visibility Rules festlegen** Abschnitt und konfigurieren Sie Ihre Visibility Rules, die bestimmen, wie die Beacon Sammlung dem Endbenutzer angezeigt wird. ![RB_DB_beacon_setvisibilityrules](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_beacon_setvisibilityrules.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Note Weitere Informationen zu den verschiedenen Bedingungen, die in Visibility Rules verwendet werden können, finden Sie unter [Visibility und Display Rules Bedingungen](/studio/docs/de/visibility-and-display-rule-conditions). 1. Klicken Sie auf den Tab **Wann**, und wählen Sie dann die Anzahl der Male aus, die Sie das Beacon anzeigen möchten. ![RB_DB_Whentab(1)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_Whentab%281%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Note - Sie können auch einen Flow, ein Video oder einen Link an ein Beacon anhängen. - Um Inhalte an ein Beacon anzuhängen, erweitern Sie den Abschnitt Inhalte anhängen, klicken Sie auf den Button **Inhalte anhängen** und wählen Sie dann die Inhalte aus, die Sie Ihren Benutzern anzeigen möchten. ![attach content](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/attach%20content.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) - Der angehängte Inhalt wird auf der Grundlage der Einstellung für das Verschwinden von Beacons angezeigt, die Sie bei der Erstellung festgelegt haben. 1. Klicken Sie **Speichern**. Info - Das Beacon wird nicht mehr angezeigt, sobald der Endbenutzer darauf klickt. - Um die Beacon wieder anzuzeigen, können Sie das Beacon-Segment aktualisieren oder neu erstellen. - Wenn Beacons für mehrere Seiten verwendet werden sollen, müssen für jede einzelne Seite separate Segmente erstellt werden. - Spätere Änderungen an der Beacon-Sammlung führen nicht zur Aktualisierung des entsprechenden Segments. 1. Wenn Sie mit der Erstellung der Beacon-Sammlung fertig sind, wählen Sie das Segment aus und klicken Sie **an Bereit Senden**. ![clm_db_send_to_ready](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-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) 2. Gehen Sie zum **Bereits** und wählen Sie das Segment aus, das Sie in das Produktionsstadium verschieben möchten, und klicken Sie dann **zur Produktion schieben**. ![clm_db_push_to_production](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-29T04%3A34%3A35Z&se=2026-10-29T05%3A34%3A35Z&sr=c&sp=r&sig=4gvX%2BNj00gKoN699JVnAPIUpqoJ3heoVlZXCv4WTdqs%3D) Note: Wenn Sie die [JS Embed method](/studio/docs/de/integrating-whatfix-using-javascript) verwenden, um Whatfix-Inhalte zu testen oder zu veröffentlichen, fügen Sie die entsprechenden Bedingungen in Map Stages hinzu. Dadurch wird sichergestellt, dass der Inhalt in der richtigen Instanz angezeigt wird. Weitere Informationen finden Sie unter [Wie fügt man Bedingungen in Map Stages hinzu?](/studio/docs/de/how-are-the-visibility-rules-evaluated-while-mapping-stages) (Melden Sie sich an, um den Artikel anzuzeigen)