--- title: "Fireworks zu Ihrem App-Bildschirm hinzufügen" slug: "add-fireworks-to-your-app-screen" updated: 2024-06-05T04:19:06Z published: 2024-06-05T04:19:06Z canonical: "support.whatfix.com/add-fireworks-to-your-app-screen" --- > ## 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. # Fireworks zu Ihrem App-Bildschirm hinzufügen Der Feuerwerkeffekt kann hinzugefügt werden, wann Ihre Endbenutzer zum ersten Mal die Homepage Ihrer App besuchen. Führen Sie die folgenden Schritte aus, um den Fireworks Delight-Effekt zu Ihrem App-Bildschirm hinzuzufügen: [Schritt 1: Erstellen Sie ein Fireworks Projekt](/mobile/docs/de/add-fireworks-to-your-app-screen#create-fireworks) [Schritt 2: Erfassen Sie Ihre Mobile App Bildschirme](/mobile/docs/de/add-fireworks-to-your-app-screen#connect-capture) [Schritt 3: Identifizieren Sie den Bildschirm](/mobile/docs/de/add-fireworks-to-your-app-screen#identify-screen) [Schritt 4: Gestalten Sie den Effekt](/mobile/docs/de/add-fireworks-to-your-app-screen#design-fireworks) ## Schritt 1: Ein Feuerwerksprojekt erstellen 1. Wählen Sie auf dem Whatfix Mobile Dashboard die App aus, in der Sie Ihr Projekt erstellen möchten. ![dashboard_select_app](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/dashboard_select_app.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 2. Um einen neuen Projekt zu erstellen, klicken Sie **Neu**. ![new_project](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/new_project.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 1. Im Abschnitt **DELIGHT** klicken Sie, **Fireworks**. ![delight_firework](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/delight_firework.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 1. Geben Sie einen Namen für Ihr Projekt ein. ![project_name](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/project_name.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 2. Geben Sie die **App-Version** ein oder wählen Sie die **App-Version** über die Dropdown-Liste aus. ![app_version](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/app_version.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) your title goes here - Verwenden Sie die neueste Version Ihrer App, um Whatfix Mobile-Inhalte zu erstellen. Weitere Informationen zur App-Version finden Sie unter [Was ist eine App-Version?](/mobile/docs/de/app-version). - Stellen Sie sicher, dass Sie die korrekte App-Version aus dem App-Build hinzufügen, das in das Whatfix Mobile SDK integriert wurde. 3. Klicken Sie **Erstellen**. ![create_walkthrough](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/create_walkthrough.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 1. Ihr Fireworks-Projekt wird erstellt und Sie werden zum Whatfix Mobile Studio weitergeleitet. ![fireworks_studio](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/fireworks_studio.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) --- ## Step 2: Die Bildschirme Ihrer mobilen Anwendungen erfassen Mit dem Whatfix Creator-Widget können Sie Bildschirme in einem einzigen Schritt erfassen. Mit diesem Widget können Sie App-Bildschirme als Screenshots erfassen und in Ihrem Whatfix Mobile Dashboard speichern, um In-App-Anleitungsinhalte zu erstellen. Außerdem können Sie damit eine Vorschau Ihrer Projekte anzeigen und sie vor der Veröffentlichung testen. Weitere Informationen über das Erfassen und Hinzufügen von App-Bildschirmen finden Sie unter [Bildschirme von mobilen Anwendungen erfassen](/mobile/docs/de/capture-your-app-screen-using-new-screen-capture-experience). Gehen Sie wie folgt vor, um einen Bildschirm hinzuzufügen, 1. Klicken Sie im Window **Bildschirm identifizieren** auf **+ Bildschirm hinzufügen**.. ![new_add_screen.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/new_add_screen.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 2. Wählen Sie den Bildschirm aus, auf dem Sie den Inhalt erstellen möchten, und klicken Sie **Bildschirm hinzufügen**. ![select_screen_add_screen.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/select_screen_add_screen.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) ## Step 3: Den Bildschirm identifizieren Nach der Erfassung des Bildschirms müssen Sie die eindeutigen Elemente auf dem Bildschirm identifizieren und den Bildschirm kennzeichnen, damit das von Ihnen erstellte In-App-Erlebnis auf der richtigen Seite erscheint. 1. Um die eindeutigen Elemente auf dem Bildschirm zu identifizieren und den richtigen Bildschirm zu markieren, klicken Sie **Kennzeichen hinzufügen**. ![add_identifier](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/add_identifier.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 2. Klicken Sie auf das gewünschte Element auf der Seite. ![identifier_home](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/identifier_home.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 1. Klicken Sie auf das gewünschte Element auf der Seite. ![identifier_home](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/identifier_home.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) Beispiel: Wenn Sie den Feuerwerkseffekt auf dem Startbildschirm hinzufügen möchten, können Sie den Titel Feuerwerk auswählen, der den Bildschirm eindeutig identifizieren kann und den Feuerwerkseffekt auf dem richtigen Bildschirm anzeigt. your title goes here Klicken Sie **Mehr hinzufügen**, um mehr Elemente auf der Seite auszuwählen und wiederholen Sie dann Schritt 2. ![add_more_identifier](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/add_more_identifier.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) ## Schritt 4: Den Effekt gestalten Verwenden Sie die folgenden Schritte, um Ihr Feuerwerkseffekt zu gestalten: 1. Im Whatfix Mobile Studio, wählen Sie im Navigationsbereich **Design** aus. ![element_design ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/element_design%20.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) your title goes here Der Feuerwerkseffekt erscheint im Studio. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Fireworks.gif?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) 1. Konfigurieren Sie die folgenden Optionen für den Feuerwerkseffekt: ![fireworks_config](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/fireworks_config.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) **Bildschirmerkennung - Nach Verzögerung** lässt den Feuereffekt auf dem Bildschirm der App nach einer Verzögerung erscheinen. Sie können die Verzögerung in Sekunden einstellen. ![screen_detection_delay](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/screen_detection_delay.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) **Nach 'n' Sitzungen**: Wenn Sie diese Bedingung festlegen, können Sie die Feuerwerke vom Bildschirm der App verschwinden lassen, nachdem Ihr Endbenutzer die App geschlossen, geöffnet und dann eine bestimmte App-Seite eine bestimmte Anzahl von Malen aufgerufen hat. Sie können die Anzahl der Sitzungen festlegen, nach denen die Feuerwerke aufhören müssen zu erscheinen. ![element_termination_n_sessions](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/element_termination_n_sessions.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) - **AUTO DISMISS:** Aktivieren Sie des **AUTO DISMISS** Toggle hilft Ihnen dabei, den Feuerwerkseffekt automatisch ohne Eingriffe Ihrer Endbenutzer nach einer Verzögerung von ein paar Sekunden, die Sie einstellen können, auszublenden. ![auto_dismiss_snowfall](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/auto_dismiss_snowfall.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) - **ELEMENT TRIGGER:** Legen Sie die folgenden Bedingungen fest, um den Feuerwerkseffekt auszulösen: **Bildschirmerkennung - sofort** lässt die Feuerwerke sofort auf dem Bildschirm der App erscheinen, sobald der Benutzer zu diesem Bildschirm navigiert. ![element_trigger_instant](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/element_trigger_instant.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) - **ELEMENT TERMINIERUNG:** Sie können die folgenden Bedingungen festlegen, um den Feuereffekt zu beenden: **Nie**: Wenn Sie diese Bedingung festlegen, erscheinen die Feuerwerke jedes Mal, wenn Ihr Benutzer die App öffnet und zur bestimmten App-Seite navigiert ![element_termination_never](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/element_termination_never.png?sv=2026-02-06&spr=https&st=2026-10-29T12%3A30%3A33Z&se=2026-10-29T13%3A30%3A33Z&sr=c&sp=r&sig=%2BoDgQuwzfcErYL4KU80l6uIByPEWYR8uWxX0N91EiFU%3D) - Eine Sitzung wird definiert als jedes Mal, wenn Ihr Endbenutzer die App schließt und erneut öffnet. Der Feuerwerk, den Sie hinzufügen, wird automatisch gespeichert. your title goes here - Sie können [Projekte auf einem Gerät in der Vorschau anzeigen](/mobile/docs/de/preview-projects-on-a-device), bevor Sie sie für Ihre Endbenutzer aktivieren. - Nachdem Sie Ihr Projekt erstellt und gestaltet haben, klicken Sie **Veröffentlichen**, um es für Ihre Endbenutzer verfügbar zu machen. Weitere Informationen zur Veröffentlichung von Whatfix Mobile-Inhalten finden Sie unter [Whatfix Mobile-Inhalte veröffentlichen](https://support.whatfix.com/mobile/docs/de/publishing-whatfix-content).