--- title: "Konfetti zu Ihrem App-Bildschirm hinzufügen" slug: "add-confetti-to-your-app-screen" updated: 2024-06-05T04:18:53Z published: 2024-06-05T04:18:53Z canonical: "support.whatfix.com/add-confetti-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. # Konfetti zu Ihrem App-Bildschirm hinzufügen Der Konfetti-Effekt kann Ihnen helfen, Wertschätzung oder Glückwünsche zu übermitteln, wenn Ihre Endbenutzer eine Aufgabe abschließen. Zum Beispiel kann der Konfetti-Effekt in Ihrer Restaurant-App verwendet werden, wenn Ihr Endbenutzer eine Bestellung aufgibt. Führen Sie die folgenden Schritte aus, um den Confetti Delight-Effekt zu Ihrem App-Bildschirm hinzuzufügen: [Schritt 1: Erstellen Sie ein Konfetti-Projekt](/mobile/docs/de/add-confetti-to-your-app-screen#create-confetti) [Schritt 2: Erfassen Sie Ihre mobilen App-Bildschirme](/mobile/docs/de/add-confetti-to-your-app-screen#connect-capture) [Schritt 3: Identifizieren Sie den Bildschirm](/mobile/docs/de/add-confetti-to-your-app-screen#identify-screen) [Schritt 4: Gestalten Sie den Effekt](/mobile/docs/de/add-confetti-to-your-app-screen#design-confetti) ## Schritt 1: Ein Konfetti-Projekt 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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) 1. Im Abschnitt **DELIGHT** klicken Sie, **Konfetti**. ![delight_confetti](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/delight_confetti.png?sv=2026-02-06&spr=https&st=2026-10-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) 1. Ihr Konfetti-Projekt wird erstellt und Sie werden zum Whatfix Mobile Studio weitergeleitet. ![snowfall_studio](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/snowfall_studio.png?sv=2026-02-06&spr=https&st=2026-10-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) Beispiel: Wenn Sie den Konfetti-Effekt auf dem Startbildschirm hinzufügen möchten, können Sie den Titel Start auswählen, der den Bildschirm eindeutig identifizieren kann und den Konfetti-Effekt auf dem richtigen Bildschirm anzeigt. your title goes here Klicken Sie **Weitere 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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) ## Schritt 4: Das Design gestalten Führen Sie die folgenden Arbeitsschritte aus, um Ihren Konfetti-Effekt zu entwerfen: 1. Klicken Sie im Whatfix Mobile Studio auf **Design**. ![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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) your title goes here Der Konfetti Effekt erscheint im Studio. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Confetti.gif?sv=2026-02-06&spr=https&st=2026-10-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) 1. Konfigurieren Sie die folgenden Optionen für den Confetti Effekt: ![confetti_design](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/confetti_design.png?sv=2026-02-06&spr=https&st=2026-10-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) - **AUTO DISMISS:** Aktivieren Sie des **AUTO DISMISS** Toggles hilft Ihnen, den Konfetti-Effekt 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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) - **ELEMENT TRIGGER:** Sie können die folgenden Bedingungen festlegen, um den Konfetti-Effekt auszulösen: **Bildschirmerkennung - sofort** lässt den Konfetti-Effekt sofort auf dem Bildschirm der App erscheinen, sobald der Benutzer zur bestimmten App-Seite 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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) **Bildschirmerkennung - Nach Verzögerung** lässt den Konfetti-Effekt 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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) - **ELEMENT TERMINIERUNG:** Sie können die folgenden Bedingungen festlegen, um den Konfetti-Effekt zu beenden: **Nie**: Wenn Sie diese Bedingung festlegen, erscheint der Konfetti-Effekt 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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) **Nach 'n' Sitzungen**: Wann Sie diese Bedingung festlegen, können Sie den Konfetti 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 das Konfetti aufhören muss 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-29T11%3A42%3A12Z&se=2026-10-29T12%3A42%3A12Z&sr=c&sp=r&sig=auZwjBXO5%2FUCNr5cHzaO5o%2Fi70RPOZgDU3Z5Nuxe1Ho%3D) - Eine Sitzung wird definiert als jedes Mal, wenn Ihr Endbenutzer die App schließt und erneut öffnet. Der Konfetti, den Sie hinzufügen, wird automatisch gespeichert. your title goes here - Sie können [Projekte auf einem Gerät vorab anzeigen](/mobile/docs/de/preview-projects-on-a-device), bevor Sie es für Ihre Endbenutzer live schalten. - Nachdem Sie das Konfetti erstellt und konfiguriert haben, klicken Sie **Veröffentlichen**, um das Konfetti-Projekt für Ihre Endbenutzer live zu schalten. Für weitere Informationen zum Veröffentlichen von Whatfix Mobile-Inhalten sehen Sie [Whatfix Mobile-Inhalte veröffentlichen](/mobile/docs/de/publishing-whatfix-content). 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).