Wachstums-Widgets

Mit einem Growth Widget kannst du ein Einzelkanal- oder Mehrkanal-Widget in deine Website einbetten, sodass Besucher über ihre bevorzugten Messaging-Apps mit dir in Kontakt treten können. Du kannst deinen Widgets auch Kampagnenzuweisungen hinzufügen, um nachzuverfolgen, von welchem Growth Widget deine Kontakte stammen.

Wenn du ein Website‑Chat‑Widget hinzufügen möchtest, erfährst du mehr hier.

Unterstützte Kanäle

Kontakte werden verfolgt, wenn du die Felder Voreingestellter Text oder Referenz für bestimmte Kanäle ausfüllst.

• Unterstützt über voreingestellten Text: WhatsApp, TikTok, Viber

• Unterstützt über Referenz: Facebook

• Nicht unterstützt: Instagram, Telegram, LINE, SMS, E-Mail

Erfasste Daten

Die erfassten Daten hängen von deinem Widget-Typ ab.

Website-Widget

Wenn ein Kontakt über ein Website-Widget schreibt, erfasst respond.io Folgendes:

• Widget-Name: Der Name, der dem Growth Widget zugewiesen wurde (z. B. Fruits).

• Website: Die Domain, von der der Kontakt sich gemeldet hat (z. B. apple.com).

• Seiten-URL: Die spezifische Seite, von der der Kontakt sich gemeldet hat (z. B. apple.com/abc).

QR-Code- und Chat-Link-Widget

Wenn ein Kontakt über ein QR-Code- oder Chat-Link-Widget schreibt, erfasst respond.io Folgendes:

• Widget-Name: Der Name, der dem Growth Widget zugewiesen wurde (z. B. Summer Sales Flyer).

So gelangst du hierhin

Auf diese Einstellung können nur Eigentümer und Manager zugreifen.

Diese Einstellung kann über das Navigationsmenü Einstellungen unter dem Untermenüpunkt Arbeitsbereichseinstellungen , Wachstums-Widgets aufgerufen werden.

Im Abschnitt „Einstellungen des Wachstums-Widgets“ können Sie eine Liste der in Ihrem Arbeitsbereich vorhandenen Widgets sehen. Hier können Sie diese Widgets bearbeiten und verwalten oder neue erstellen.

In dieser Einstellung kannst du:

• Erstellen eines Widgets

• Vorhandene Widgets verwalten

• Löschen eines Widgets

Widget erstellen

Schritt 1: Klicke auf den Add Widget-Button, um alle verfügbaren Widgets zu erkunden.

Schritt 2: Wähle das Widget, das du erstellen möchtest > klicke auf den Create Widget-Button

Sie können Einzelkanal-Widgets nur auswählen, wenn der Kanal mit dem Arbeitsbereich verbunden ist.

Widget konfigurieren

Konfigurieren Sie das ausgewählte Widget gemäß den erforderlichen Feldern.

Widget-Name

Gib einen Namen ein, um dein Widget zu identifizieren.

Website-Domains

Füge im Feld Website domains die Website(s) hinzu, auf denen das Widget installiert wird. So whitelistest du Websites:

• Wenn du https://app.respond.io hinzufügst, wird nur https://app.respond.io auf die Whitelist gesetzt. Andere Subdomänen oder Roots sollten nicht funktionieren.

• Wenn du https://*.respond.io hinzufügst, werden alle Subdomains einschließlich der Stammdomäne auf die Whitelist gesetzt.

• Wenn du https://respond.io hinzufügst, wird nur die Stammdomäne auf die Whitelist gesetzt.

Wählen Sie Ihre Kanäle

Wählen Sie aus der Dropdown-Liste der verfügbaren Kanäle den Kanal aus, für den Sie ein Widget erstellen möchten.

Erweiterte Einstellungen

Du kannst auf den Advanced Settings-Button klicken, um die optionalen Felder weiter zu konfigurieren.

• Hover-Text: Wird angezeigt, wenn du mit der Maus über das Widget fährst.

• Voreingestellter Text (optional): Voreingestellter Text, der angezeigt wird, bevor ein Kontakt eine Nachricht sendet. Fülle dies aus, um die Quellenverfolgung für Kontakte zu aktivieren.

• Referenz (nur Facebook Messenger): Ein Weiterleitungsparameter, der zu deiner m.me-URL hinzugefügt wird, um nachzuverfolgen, woher Kontakte kommen, wenn sie auf den Link klicken. Erfahre mehr über References.

Aufgrund einer Einschränkung von Meta funktioniert der Referral-Parameter möglicherweise nicht für einige Android Messenger-Nutzer oder Seiten mit Geobeschränkung. Der m.me-Link leitet Kunden weiterhin zum Senden von Nachrichten weiter, aber die Referral-Daten werden möglicherweise nicht übermittelt. Mehr dazu in der Meta-Dokumentation.

Installieren Sie das Skript

Kopiere das generierte Skript, um es auf deiner Website zu installieren, und klicke auf den Done-Button. Alternativ leiten Sie die Installationsanleitung per E-Mail weiter.

Weitere Informationen zur Installation des Skripts auf deiner Website findest du hier.

Klicke nach Abschluss auf den Generate Widget-Button oben rechts.

Widgets verwalten

Sobald Sie ein Widget erstellt haben, können Sie es wie unten beschrieben verwalten.

Öffnen Sie den Installationscode

Um den Installationscode (Skript) des erstellten Widgets anzuzeigen oder zu kopieren, klicken Sie auf die Schaltfläche Installationscode und folgen Sie den Anweisungen auf dem Bildschirm.

Diese Funktion ist nicht auf den QR-Code-Generator anwendbar.

Laden Sie den QR-Code herunter

Um den generierten QR-Code herunterzuladen, klicken Sie auf die Schaltfläche Code scannen , dann auf die Schaltfläche Herunterladen und wählen Sie die gewünschten Pixelmaße für Ihren scanbaren Code aus.

Dies gilt nur für den QR-Code-Generator, nicht für die anderen Messaging-Widgets.

Für weitere Informationen zur Nutzung dieser Funktion findest du unseren Blogartikel zur Verwendung scannbarer Codes.

Widget anpassen

Um vorhandene Widgets anzupassen, klicken Sie auf die Schaltfläche Anpassen , um die Anpassungsseite zu öffnen.

Du siehst eine ID neben dem Namen deines Widgets oben auf der Anpassungsseite. Das ist die Growth Widget-ID und kann nicht bearbeitet werden.

Es gibt 5 Abschnitte, die Sie je nach Widget-Typ anpassen können:

Allgemein

Sie können die folgenden allgemeinen Einstellungen konfigurieren:

• Widget-Name: Intern verwendeter Name zur Identifizierung des Widgets

• Website domains: Die Websites, auf denen das Widget installiert werden soll. Wenn Sie Ihre Website nicht zu dieser Liste hinzufügen, wird Ihr Widget nicht geladen. Sie können mehrere URLs eingeben, wenn Sie das Widget auf mehreren Websites installieren möchten.

Kanäle

Sie können Folgendes anpassen, um das Verhalten des Widgets basierend auf dem ausgewählten Kanal zu definieren:

• Hover-Text: Der Hover-Text wird in einem Tooltip angezeigt, wenn Sie mit der Maus über das Widget fahren.

• Voreingestellter Text: Der voreingestellte Text ist ein Eingabevorschlag, wenn ein Kontakt eine Unterhaltung beginnt. Es enthält einen Standardtext, den du bearbeiten kannst — verwende ihn als Quellenkennzeichen, um nachzuverfolgen, aus welchem Widget ein Kontakt stammt.

• Farben: Wählen Sie die Hintergrundfarbe des Kanalsymbols und das Erscheinungsbild des Symbols im Widget.

Wenn du ein Growth Widget erstellt hast, bevor die Kontaktverfolgung eingeführt wurde:
- Die Option Include current page URL (checkbox) könnte weiterhin sichtbar sein. Diese Option ist veraltet und für neue Widgets nicht mehr verfügbar.
- Das Feld Pre-filled text enthält keinen Standardtext. Du kannst einen manuell hinzufügen, indem du das Widget bearbeitest.

Anzeige & Aussehen

Sie können Folgendes anpassen, um das Erscheinungsbild des Widgets auf Ihrer Website zu ändern:

• Popup-Nachricht: Die Popup-Nachricht wird Website-Besuchern einmal täglich 5 Sekunden nach dem Laden der Seite angezeigt. Wenn es nicht definiert ist, wird keine Popup-Nachricht angezeigt.

• Widget-Größe: Wählen Sie zwischen der Widget-Größe „Groß“, „Standard“ oder „Klein“.

• Anzeigeoptionen: Wählen Sie, ob dieses Widget auf dem Desktop, auf Mobilgeräten oder auf beiden angezeigt werden soll.

Position

Sie können die Position des Widgets auf Ihrer Website anhand der folgenden Einstellungen ändern:

• Ausrichtung: Geben Sie an, ob das Widget unten links oder rechts auf der Website angezeigt werden soll.

• Vertikaler Abstand: Geben Sie den vertikalen Abstand zwischen dem Widget und dem unteren Bildschirmrand an.

• Horizontaler Abstand: Geben Sie den horizontalen Abstand zwischen dem Widget und dem Bildschirmrand an.

Zusätzliche Einstellungen

Zusätzliche Anpassungen für Widgets:

• Respond.io-Branding ausblenden: Entfernen Sie das respond.io-Branding aus Ihrem Widget.

Beste Vorgehensweisen

• Fülle immer das Feld Pre-filled Text und das Feld Reference aus. Für die Kontaktverfolgung ist je nach Kanal entweder voreingestellter Text oder Referenztext erforderlich.

• Verwende eine spezifische, einheitliche Namenskonvention für deine Growth Widgets. Vage Widget-Namen wie "aug-campaign" können Berichte schwer lesbar machen. Etwas wie "aug-promo-sale" oder "storefront-qr-viber" macht sofort klar, von welchem Growth Widget und welcher Kampagne der Kontakt stammt.

• Klicke immer auf Generate Widget, bevor du deinen Link kopierst oder deinen QR-Code herunterlädst. Dadurch werden alle vorgenommenen Änderungen gespeichert. Wenn du den Link kopierst oder den QR-Code herunterlädst, bevor du auf Generate Widget klickst, werden deine letzten Änderungen nicht übernommen und Kontakte werden nicht korrekt erfasst.

Widget löschen

Um ein vorhandenes Widget zu löschen, klicken Sie auf die Schaltfläche Löschen und folgen Sie den Anweisungen auf dem Bildschirm. Dadurch wird das Widget vollständig aus Ihrem Arbeitsbereich entfernt.

Seien Sie vorsichtig, wenn Sie ein Widget aus Ihrem Arbeitsbereich löschen. Wenn ein Widget gelöscht wird, werden alle seine Konfigurationen gelöscht. Das Löschen kann nicht rückgängig gemacht werden.

Berichte

Kontakte von deinen Growth Widgets werden automatisch nachverfolgt und in die Berichte aufgenommen.

Um kontaktbasierte Daten nach Growth Widget anzuzeigen, verwende die Lifecycle- oder Contacts-Berichte:

1. Gehe zu Berichte.

2. Wähle Lifecycle oder Contacts.

3. Klicke auf + Add Filter.

4. Wähle Source > Growth Widget.

5. Wähle das gewünschte Widget oder wähle alle Widgets.

In den Lifecycle- und Contacts-Berichten kannst du außerdem nach folgendem filtern:

• Widget-Name-ID: Die ID deines Growth Widgets.

• Website: Die Domain, von der der Kontakt sich gemeldet hat.

• Page URL: Die spezifische Seite, von der der Kontakt sich gemeldet hat.

Um konversationsbasierte Daten nach Growth Widget anzuzeigen, nutze die Conversations, Responses oder Resolutions-Berichte:

1. Gehe zu Berichte.

2. Wähle Conversations, Responses oder Resolutions.

3. Klicke auf + Add Filter.

4. Wähle Conversation Opened Source > Growth Widget.

5. Wähle das gewünschte Widget oder wähle alle Widgets.