Shopify Standard-Integration einrichten
Auf dieser Seite erfahren Sie, wie Sie Braze mithilfe unserer Standardintegration für Nutzer:innen mit einem Shopify-Onlineshop in Shopify integrieren können. Wenn Sie eine Shopify-Headless-Website verwenden oder weitere angepasste Lösungen implementieren möchten, lesen Sie bitte den Abschnitt Einrichtung der angepassten Integration in Shopify.
Schritt 1: Verbinden Sie Ihren Shopify-Shop
- Gehen Sie in Braze zu Partnerintegrationen > Technologie-Partner und suchen Sie nach „Shopify“.
- Wählen Sie auf der Shopify-Partnerseite Begin setup aus, um den Integrationsprozess zu starten.

- Installieren Sie im Shopify App Store die Braze-App.


Wenn Ihr Shopify-Konto mit mehr als einem Shop verknüpft ist, können Sie den Shop, in dem Sie angemeldet sind, wechseln, indem Sie das Shop-Symbol in der Kopfzeile auswählen und Switch stores wählen.
- Nachdem Sie die Braze-App installiert haben, werden Sie zu Braze weitergeleitet, um den Workspace zu bestätigen, den Sie mit Shopify verbinden möchten. Ein Shopify-Shop kann nur mit einem Workspace verbunden werden. Wenn Sie wechseln müssen, wählen Sie den richtigen Workspace aus.

- Wählen Sie Begin setup aus.

Schritt 2: Braze Web SDKs aktivieren
Für Shopify-Onlineshops können Sie das Standard-Setup auswählen, um das Braze Web SDK und JavaScript SDK automatisch zu implementieren.

Nachdem Sie den Standard-Setup-Onboarding-Pfad ausgewählt haben, müssen Sie festlegen, wann Braze die SDKs initialisieren und laden soll. Wählen Sie eine der folgenden Optionen:
- Beim Seitenbesuch, z. B. bei Sitzungsbeginn
- Erfasst sowohl identifizierte als auch anonyme Nutzer:innen
- Bei der Kontoregistrierung, z. B. bei der Kontoanmeldung
- Erfasst nur identifizierte Nutzer:innen
- Beginnt mit dem Tracking von Daten, wenn Seitenbesucher:innen sich registrieren oder in ihre Konten einloggen

Neue Kund:innen werden während des Setups mit den neuesten Versionen des Braze Web SDK und JavaScript SDK bereitgestellt. Bestehende Kund:innen können ihre aktuelle SDK-Version in den Integrationseinstellungen einsehen, werden benachrichtigt, wenn eine neuere Version verfügbar ist, und können Upgrades eigenständig über die Integrationseinstellungen durchführen.
Schritt 3: Shopify-Daten konfigurieren
Standard-Dateneinrichtung

Für diese Integration muss der Nutzer-Alias das folgende Format verwenden, damit Braze Webhooks dem richtigen Nutzerprofil zuordnen kann:
alias_label:shopify_cart_${cartToken}alias_name:shopify_cart_token
Wählen Sie nun die Shopify-Daten aus, die Sie tracken möchten.
![]()
Die folgenden Events werden in der Standardintegration standardmäßig aktiviert.
| Von Braze empfohlene Events | Angepasste Shopify-Events | Angepasste Shopify-Attribute |
|---|---|---|
|
|
|
Weitere Informationen zu den über die Integration getrackten Daten finden Sie unter Shopify-Daten-Features.

Die Shopify-Integration unterstützt Shopify-Webhooks für die Erstellung und Aktualisierung von Kund:innen, die sich in Ihren Datenkonfigurationseinstellungen befinden. Wenn ein Nutzerprofil in Shopify erstellt oder aktualisiert wird, wird ein entsprechendes Nutzerprofil in Braze erstellt oder aktualisiert.
Diese Aktionen triggern keine angepassten Events in Braze und dienen ausschließlich dazu, Shopify-Nutzerdaten mit Braze zu synchronisieren. Die synchronisierten Daten umfassen angepasste Attribute, Standardattribute und, sofern in Ihrer Konfiguration aktiviert, den Status von Abo-Gruppen.
Einrichtung des historischen Backfills
Aktivieren Sie im Schritt Track Shopify data das Kontrollkästchen, um den initialen historischen Datenladevorgang in Ihre Integration einzubeziehen.
Informationen zu importierten Daten, zum Umsatz-Reporting-Verhalten, zu Einrichtungs-Screenshots und zur Vorgehensweise, wenn Sie Braze bereits mit aktiven Campaigns oder Canvases nutzen, finden Sie unter Historischer Backfill.
(Erweitert) Einrichtung des angepassten Daten-Trackings
Mit den Braze SDKs können Sie angepasste Events oder angepasste Attribute tracken, die über die Standard-Events dieser Integration hinausgehen. Angepasste Events erfassen einzigartige Interaktionen in Ihrem Shop, wie zum Beispiel:
| Angepasste Events | Angepasste Attribute |
|---|---|
|
|
Das Tracking angepasster Daten liefert tiefere Insights in das Nutzerverhalten und unterstützt zusätzliche Personalisierung. Um angepasste Events zu implementieren, müssen Sie den Theme-Code Ihres Storefronts in der Datei theme.liquid bearbeiten. Möglicherweise benötigen Sie Unterstützung von Ihren Entwickler:innen.
Das folgende JavaScript-Snippet prüft beispielsweise, ob die aktuelle Nutzerin bzw. der aktuelle Nutzer einen Newsletter abonniert hat, und protokolliert dies als angepasstes Event im Braze-Profil:
braze.logCustomEvent(
“subscribed_to_newsletter”,
{
newsletterName: ‘News and Offers’,
customerEmail: ‘customer_1@example.com’,
sendOffers: true
}
);
Das SDK muss auf dem Gerät der Nutzerin bzw. des Nutzers initialisiert sein (auf Aktivität lauschen), um Events oder angepasste Attribute zu protokollieren. Weitere Informationen zum Protokollieren angepasster Daten finden Sie unter User object und logCustomEvent object.
4. Schritt: Konfigurieren Sie die Nutzerverwaltung
Wählen Sie Ihren external_id-Typ aus der Dropdown-Liste aus.


Die Verwendung einer E-Mail-Adresse oder einer gehashten E-Mail-Adresse als externe Braze-ID kann die Identitätsverwaltung über Ihre Datenquellen hinweg vereinfachen. Es ist jedoch wichtig, die potenziellen Risiken für den Datenschutz und die Datensicherheit der Nutzer:innen zu berücksichtigen.
- Erratbare Informationen: E-Mail-Adressen sind leicht zu erraten, was sie anfällig für Angriffe macht.
- Missbrauchsrisiko: Wenn eine böswillige Person ihren Webbrowser so manipuliert, dass die E-Mail-Adresse einer anderen Person als externe ID gesendet wird, kann sie möglicherweise auf sensible Nachrichten oder Kontoinformationen zugreifen.
Standardmäßig wandelt Braze E-Mails von Shopify automatisch in Kleinbuchstaben um, bevor sie als externe ID verwendet werden. Wenn Sie E-Mail oder gehashte E-Mail als externe ID verwenden, vergewissern Sie sich, dass Ihre E-Mail-Adressen ebenfalls in Kleinbuchstaben umgewandelt werden, bevor Sie sie als externe ID zuweisen oder bevor Sie sie aus anderen Datenquellen hashen. Dies hilft, Diskrepanzen bei externen IDs zu vermeiden und die Erstellung doppelter Nutzerprofile in Braze zu verhindern.

Die nächsten Schritte hängen davon ab, welche externe ID Sie ausgewählt haben:
- Wenn Sie einen angepassten externen ID-Typ ausgewählt haben: Führen Sie die Schritte 4.1–4.3 aus, um Ihre angepasste externe ID-Konfiguration einzurichten.
- Wenn Sie Shopify-Kund:innen-ID, E-Mail oder gehashte E-Mail ausgewählt haben: Überspringen Sie die Schritte 4.1–4.3 und fahren Sie direkt mit Schritt 4.4 fort.
Schritt 4.1: Erstellen Sie das Metafeld braze.external_id
- Gehen Sie in Ihrem Shopify-Admin-Panel zu Settings > Metafields and metaobjects.
- Wählen Sie Customers > Add definition.
- Geben Sie für Name
braze.external_idein. - Wählen Sie den automatisch generierten Namespace und Schlüssel (
custom.braze_external_id) aus, um ihn zu bearbeiten und inbraze.external_idzu ändern. - Wählen Sie unter Type den ID Type aus.
Nachdem Sie das Metafeld erstellt haben, füllen Sie es für Ihre Kund:innen aus. Wir empfehlen die folgenden Ansätze:
- Auf Webhooks zur Kund:innen-Erstellung lauschen: Richten Sie einen Webhook ein, um auf
customer/create-Events zu lauschen. Damit können Sie das Metafeld schreiben, wenn eine neue Kund:in angelegt wird. - Bestehende Kund:innen nachfüllen: Verwenden Sie die Admin API oder die Customer API, um das Metafeld für zuvor erstellte Kund:innen zu füllen.
Mögliche Race-Condition
Der Shopify-Webhook customers/create kann ausgelöst werden, bevor das Metafeld braze.external_id in das Kundenprofil geschrieben wurde. In diesem Fall:
- Wenn das Metafeld fehlt, ruft Braze den konfigurierten Endpunkt (Schritt 4.2) auf, um die externe ID abzurufen.
- Wenn auch dieser Aufruf fehlschlägt oder ein Timeout auftritt, erstellt Braze ein temporäres Kundenprofil mit der Shopify-Kund:innen-ID als externe ID.
- Bei jedem nachfolgenden Event, bei dem das Metafeld vorhanden ist (z. B.
customers/updateoderorders/createfür einecommerce.order_placed-Event), erkennt Braze automatisch die Abweichung und führt das temporäre Profil mit der korrekten externen ID zusammen.
Das bedeutet, dass temporäre doppelte Profile möglich sind, sich aber automatisch korrigieren. Sie müssen keine manuellen Maßnahmen ergreifen, um diese Profile zusammenzuführen.
Schritt 4.2: Erstellen Sie einen Endpunkt zum Abrufen Ihrer externen ID
Sie müssen einen öffentlichen Endpunkt erstellen, den Braze zum Abrufen der externen ID aufrufen kann. Dadurch kann Braze die ID in Szenarien abrufen, in denen Shopify das Metafeld braze.external_id nicht direkt bereitstellen kann.
Endpunkt-Spezifikationen
Methode: GET
Braze sendet die folgenden Parameter an Ihren Endpunkt:
| Parameter | Erforderlich | Datentyp | Beschreibung |
|---|---|---|---|
| shopify_customer_id | Ja | String | Die Shopify-Kund:innen-ID. |
| shopify_storefront | Ja | String | Der Storefront-Name für die Anfrage. Bsp.: <storefront_name>.myshopify.com |
| email_address | Nein | String | Die E-Mail-Adresse der angemeldeten Nutzer:in. Dieses Feld kann in bestimmten Webhook-Szenarien fehlen. Ihre Endpunkt-Logik sollte hier Nullwerte berücksichtigen (z. B. die E-Mail über die shopify_customer_id abrufen, wenn Ihre interne Logik dies erfordert). |
Beispiel-Endpunkt
GET https://mystore.com/custom_id?shopify_customer_id=1234&[email protected]&shopify_storefront=dev-store.myshopify.com
Erwartete Antwort
Braze erwartet einen 200-Statuscode, der die externe ID als JSON zurückgibt:
{
"external_id": "my_external_id"
}
Validierung
Es ist wichtig, dass Sie überprüfen, ob shopify_customer_id und email_address (falls vorhanden) mit den Kund:innen-Werten in Shopify übereinstimmen. Sie können die Shopify Admin API oder die Customer API verwenden, um diese Parameter zu validieren und das richtige braze.external_id-Metafeld abzurufen.
Fehlerverhalten und Zusammenführung
Jeder andere Statuscode als 200 wird als Fehler betrachtet.
- Auswirkungen auf die Zusammenführung: Wenn der Endpunkt fehlschlägt (nicht
200zurückgibt oder ein Timeout auftritt), kann Braze die externe ID nicht abrufen. Folglich findet die Zusammenführung zwischen dem Shopify-Nutzer und dem Braze-Kundenprofil zu diesem Zeitpunkt nicht statt. - Wiederholungslogik: Braze kann standardmäßige sofortige Netzwerk-Wiederholungsversuche unternehmen. Wenn der Fehler jedoch bestehen bleibt, wird die Zusammenführung bis zum nächsten qualifizierenden Ereignis aufgeschoben (zum Beispiel, wenn Nutzer:innen das nächste Mal ihr Profil aktualisieren oder einen Checkout abschließen).
- Unterstützbarkeit: Um eine zeitnahe Zusammenführung von Nutzer:innen zu gewährleisten, stellen Sie sicher, dass Ihr Endpunkt hochverfügbar ist und das optionale Feld
email_addressordnungsgemäß verarbeitet.
Schritt 4.3: Geben Sie Ihre externe ID ein
Wiederholen Sie Schritt 4 und geben Sie Ihre Endpunkt-URL ein, nachdem Sie die angepasste externe ID als Ihren externen Braze-ID-Typ ausgewählt haben.
Überlegungen
- Wenn Ihre externe ID noch nicht generiert wurde, wenn Braze eine Anfrage an Ihren Endpunkt sendet, verwendet die Integration standardmäßig die Shopify-Kund:innen-ID, wenn die Funktion
changeUseraufgerufen wird. Dieser Schritt ist entscheidend für das Zusammenführen des anonymen Nutzerprofils mit dem identifizierten Kundenprofil. Daher kann es vorübergehend vorkommen, dass verschiedene Arten von externen IDs in Ihrem Workspace existieren. - Wenn die externe ID im Metafeld
braze.external_idverfügbar ist, priorisiert die Integration diese externe ID und weist sie zu.- Wenn die Shopify-Kund:innen-ID zuvor als externe Braze-ID festgelegt wurde, wird sie durch den Wert des Metafelds
braze.external_idersetzt.
- Wenn die Shopify-Kund:innen-ID zuvor als externe Braze-ID festgelegt wurde, wird sie durch den Wert des Metafelds
Schritt 4.4: Sammeln Sie Ihre E-Mail- oder SMS-Opt-ins von Shopify (optional)
Sie haben die Möglichkeit, Ihre Opt-ins für E-Mail- oder SMS-Marketing von Shopify zu sammeln.
Wenn Sie die Kanäle E-Mail oder SMS nutzen, können Sie Ihre Opt-in-Status für E-Mail- und SMS-Marketing mit Braze synchronisieren. Wenn Sie Opt-ins für das E-Mail-Marketing von Shopify synchronisieren, erstellt Braze automatisch eine E-Mail-Abo-Gruppe für alle Nutzer:innen, die mit diesem Shop verbunden sind. Sie müssen einen eindeutigen Namen für diese Abo-Gruppe erstellen.


Wie in der Shopify-Übersicht erwähnt, müssen Ihre Entwickler:innen Braze-SDK-Code integrieren, wenn Sie ein Erfassungsformular eines Drittanbieters verwenden möchten. Damit können Sie die E-Mail-Adresse und den globalen E-Mail-Abo-Status aus Formularübermittlungen erfassen. Konkret müssen Sie diese Methoden in Ihrer theme.liquid-Datei implementieren und testen:
- setEmail: Legt die E-Mail-Adresse im Kundenprofil fest
- setEmailNotificationSubscriptionType: Aktualisiert den globalen E-Mail-Abo-Status
Schritt 5: Produkte synchronisieren (optional)
Sie können alle Produkte aus Ihrem Shopify-Shop in einen Braze-Katalog synchronisieren, um eine tiefergehende Personalisierung Ihrer Nachrichten zu ermöglichen. Automatische Updates erfolgen nahezu in Realtime, sodass Ihr Katalog stets aktuelle Produktdetails widerspiegelt. Weitere Informationen finden Sie unter Shopify-Produktsynchronisierung.

Schritt 6: Kanäle aktivieren (optional)
Für Shopify-Standardintegrationen können Sie In-App Messages und Banner über Ihre Integrationseinstellungen aktivieren, ohne zusätzliche Entwicklung.
Banner
Banner zeigen personalisierte Inhalte auf Ihrer Shopify-Storefront an, z. B. Aktionen, Ankündigungen und gezielte Angebote.

Banner für die Shopify-Standardintegration befinden sich derzeit in der Early-Access-Phase. Wenden Sie sich an Ihren Account Manager, wenn Sie am Early Access teilnehmen möchten.

Banner erfordern ein Shopify Online Store 2.0 Theme und Braze SDK Version 6.8.0 oder höher. Während der Einrichtung prüft Braze, ob das veröffentlichte Theme Ihres Shops Inline-Banner-Platzierungen unterstützt. Vintage-Themes unterstützen keine Inline-Platzierungen, daher ist Banner aktivieren und Banner-Platzierungen erstellen unter Kanäle aktivieren deaktiviert. Um Banner zu verwenden, wechseln Sie in Ihrem Shopify-Admin zu einem Online Store 2.0 Theme und kehren Sie dann zur Integrationseinrichtung zurück, um Banner zu aktivieren.
Einrichtung
Wählen Sie unter Kanäle aktivieren die Option Banner aktivieren und Banner-Platzierungen erstellen aus und speichern Sie.

Braze erstellt automatisch die folgenden Banner-Platzierungen einmal pro Workspace, die für alle verbundenen Shopify-Shops gemeinsam genutzt werden:
- Global header
- Home body
- Global footer
- Product info banner
- Product body
- Collection body
- Cart body
- Cart summary

Wenn Sie mehrere Shopify-Shops verbinden und Banner für jeden aktivieren, erstellt Braze dieselben acht Platzierungen gleichzeitig. Dieselben Platzierungs-IDs können gleichzeitig für alle verbundenen Shops verwendet werden.
Wenn die Standard-Platzierungs-IDs nicht zu Ihrer Einrichtung passen oder Sie zusätzliche verwenden möchten, müssen Sie die Platzierungen manuell erstellen. Jede Platzierungs-ID muss mit der Konfiguration im entsprechenden Shopify-App-Block übereinstimmen. Wenn Sie eine Platzierungs-ID nach dem Launch ändern, aktualisieren Sie den App-Block entsprechend, da das Banner sonst nicht mehr gerendert wird.
Ein Banner erstellen
Erstellen Sie Ihr Banner als Campaign oder Canvas mit dem Drag-and-Drop-Editor, HTML oder einem Template.

Die Braze-Editor-Vorschau zeigt nur den Inhalt des Banners. Um zu sehen, wo das Banner auf Ihrer Website erscheint, verwenden Sie die Vorschau im Shopify-Theme-Editor.
Schritt 1: Fügen Sie Ihr Banner zu Ihrem Shopify-Theme hinzu
- Starten Sie Ihre Campaign oder Ihren Canvas für eine kleine Zielgruppe, z. B. ein Testsegment, das nur Ihr Konto enthält (zum Beispiel Ihre eigene
external_idoderdevice_id), oder eine Testgruppe in Ihrem Targeting. So können Sie das Banner auf Ihrer Live-Site überprüfen, ohne es für Käufer:innen sichtbar zu machen. - Öffnen Sie im Shopify-Theme-Editor die Seite, auf der Sie das Banner platzieren möchten, und wählen Sie dann Apps > Add Block > Apps > Braze im Menü.

- Geben Sie in den App-Block-Einstellungen die
placement_idfür Ihre gewählte Platzierung ein (zum Beispielglobal_header) aus Ihren Banner-Platzierungen.

- (Optional) Passen Sie die Breite des App-Blocks (
%des Containers) an und fügen Sie eine feste Höhe in Pixeln hinzu. Standardmäßig passt sich die maximale Höhe an den Inhalt Ihres Banners an. Legen Sie eine feste Höhe fest, wenn Ihr Theme einen begrenzten Bereich benötigt, z. B. um zu verhindern, dass ein hohes Banner den Seiteninhalt nach unten verschiebt.
Schritt 2: Testen und starten
Besuchen Sie Ihren Shop als Testnutzer:in, um zu überprüfen, ob das Banner an der richtigen Stelle gerendert wird und wie erwartet aussieht. Bearbeiten Sie dann das Targeting Ihrer Campaign oder Ihres Canvas, um Ihre gesamte Zielgruppe zu erreichen. Informationen zur Erfolgsmessung finden Sie unter Banner Analytics.

Banner werden derzeit auf Dankes-, Bestellstatus- oder Kundenkonten-Seiten nicht unterstützt. Wenn Sie an diesen spezifischen Platzierungen interessiert sind, wenden Sie sich an Ihr Braze-Account-Team.
Content Cards und Feature-Flags
Um Content Cards oder Feature-Flags hinzuzufügen, arbeiten Sie mit Ihren Entwickler:innen zusammen, um den erforderlichen SDK-Code direkt in Ihre theme.liquid-Datei einzufügen. Ausführliche Anweisungen finden Sie unter Integration des Braze SDK.
Web-Push-Benachrichtigungen
Web-Push wird derzeit für die Shopify-Integration nicht unterstützt. Wenn Sie an web push for the Shopify integration interessiert sind, reichen Sie Produktfeedback ein.
Schritt 7: Einrichtung abschließen
- Nachdem Sie Ihre Einrichtung konfiguriert haben, wählen Sie Finish Setup aus.
- Aktivieren Sie die Braze-App-Einbettung in Ihren Shopify-Theme-Einstellungen. Wählen Sie Open Shopify aus, um zu Ihrem Shopify-Konto weitergeleitet zu werden und die App-Einbettung in den Theme-Einstellungen Ihres Shops zu aktivieren.

- Nachdem Sie die App-Einbettung aktiviert haben, ist Ihre Einrichtung abgeschlossen!
Vergewissern Sie sich, dass Sie Ihre Integrationseinstellungen, den Status der initialen Datensynchronisierung und Ihre aktiven Shopify-Events einsehen können.

