Wenn Ihre E-Commerce-Plattform keine native Omnisend-Integration hat, können Sie sie über unsere API verbinden. Dies gibt Ihnen Zugriff auf dieselben Funktionen wie native Integrationen – Automatisierung des Warenkorbabbruchs, Kundensegmentierung, Bestellverfolgung und mehr.

Die Einrichtung umfasst zwei Schritte: Hinzufügen eines Tracking-Snippets (Frontend-Integration) und Synchronisieren Ihrer Daten über die API (Backend-Integration).

Verwendest du bereits eine native Integration?
We have built-in integrations for , , and . Verwenden Sie stattdessen diese Anleitungen für eine schnellere Einrichtung.

Bevor Sie beginnen

Für wen dieser Leitfaden gedacht ist

Verwenden Sie diesen Leitfaden, wenn Ihr Webshop auf Folgendem basiert:

Benutzerdefinierte Websites oder Plattformen, die nicht in unseren nativen Integrationen aufgeführt sind.
Plattformen mit eingeschränkter nativer Unterstützung: Etsy, Squarespace, Hostinger Website Builder, benutzerdefinierte WordPress-Themen.
Kopflose Commerce-Setups: Shopify Hydrogen, benutzerdefinierte React/Vue-Frontends, API-first-Plattformen.

Wenn Sie auf Shopify, WooCommerce, BigCommerce oder Wix sind, verwenden Sie unsere nativen Integrationsanleitungen für eine einfachere Einrichtung.

Brauchen Sie einen Entwickler?

Frontend-Integration (Hinzufügen des Snippets) kann von jedem durchgeführt werden, der sich damit wohlfühlt:

Zugriff auf die HTML- oder Template-Dateien Ihrer Website.
Code-Snippets in Ihre Fußzeile einfügen (wie Google Analytics).
Verwendung von Google Tag Manager (optionale Methode).

Backend-Integration (Daten über die API synchronisieren) erfordert einen Entwickler mit:

REST API-Wissen.
Zugriff auf die Kunden- und Bestelldatenbank Ihres Geschäfts.
Fähigkeit zur Implementierung von Webhooks oder geplanten Datensynchronisierungen.

Was Sie ohne einen Entwickler tun können:

Anmeldeformulare (alle Typen: Der Pop-up, Rad, Die Landingpage)
E-Mail- und SMS-Kampagnen
Willkommen Die Automatisierung
Durchsuchen & Produktverlassen (erfordert die Einrichtung des Ereignisses "Produkt angesehen")
Echtzeit-Besuchertracking

Was einen Entwickler erfordert:

Der Warenkorbabbruch & Der Checkout-Automatisierung.
Die Bestellbestätigung, Versandbestätigung, Stornierung der Bestellung.
Erweiterte Segmentierung (z. B. "Kunden, die X gekauft haben, aber nicht Y").
Produktwähler in E-Mails.
Der Umsatzberichterstattung in der Kampagnenanalyse.

Wenn du dir unsicher bist, beginne mit der Frontend-Integration. Du kannst die Backend-Integration später hinzufügen.

Plattform-spezifische Einschränkungen

⚠️ Einige Plattformen haben Einschränkungen beim Zugriff auf Code oder Daten:

Etsy: Erlaubt keinen benutzerdefinierten Code auf Shop-Seiten. Sie benötigen eine externe Landingpage oder Website, um den Omnisend-Snippet hinzuzufügen und Anmeldeformulare zu verwenden. Die Backend-Integration erfordert Entwicklerarbeit oder Tools wie Zapier.
Squarespace: Eingeschränkte Code-Anpassung. Verwenden Sie Zapier oder Make, um Formularübermittlungen zu synchronisieren, oder kontaktieren Sie Ihren Entwickler für die vollständige API-Integration.
Hostinger Website Builder, Wix (benutzerdefinierte Domains): Frontend-Snippet kann hinzugefügt werden, aber die Backend-Integration erfordert einen Entwickler.
Kopflose Stores (Shopify Hydrogen, benutzerdefinierte Frameworks): Ihr Entwicklungsteam steuert das gesamte Event-Tracking und die Datensynchronisierung über die API.

Wenn Ihre Plattform Einschränkungen hat, kontaktieren Sie Ihren Entwickler, bevor Sie mit der Einrichtung beginnen.

Was jede Integration freischaltet

Integrationsstufe	Was Sie erhalten	Was Sie immer noch nicht tun können	Wird ein Entwickler benötigt?
Nur Frontend	Anmeldeformulare, Willkommensautomatisierung, Durchsuchen & Produktverlassen, Live-Ansicht, E-Mail-Kampagnen	Der Warenkorbabbruch, Bestellautomatisierungen, kaufbasierte Segmentierung, Umsatzberichterstattung	Nein
Frontend + Backend	Alle Automatisierungen (Warenkorb, Bestellung, Reaktivierung), fortgeschrittene Die Segmentierung, Produktwähler, Verkaufszuordnung	Nicht zutreffend	Ja

Frontend-Integration

Die Frontend-Integration fügt den Omnisend-Tracking-Snippet zu deinen Webseiten hinzu. Dies schaltet Anmeldeformulare, den Browsingabbruch, die Besucherverfolgung und E-Mail-Kampagnen frei.

Schritt 1: Verbinden Sie Ihren Webshop

Ein Omnisend Konto registrieren und einloggen.
Klicken Sie in Ihrem Omnisend Dashboard auf Der Webshop verbinden.
Wählen Sie Andere aus der Liste der Webshop-Plattformen.

Schritt 2: Geben Sie die URL Ihres Webshops ein

Geben Sie die URL Ihres Webshops ein und klicken Sie auf Webshop verbinden.

Schritt 3: Fügen Sie das Tracking-Snippet hinzu

Sie sehen auf der nächsten Seite ein JavaScript-Snippet. Fügen Sie diesen Code-Schnipsel in die HTML-Fußzeile Ihrer Website ein, direkt vor der schließenden Markierung auf jeder Seite – genau wie bei Google Analytics.

Wo das Snippet hinzugefügt werden soll:

Die einfachste Methode besteht darin, das Snippet in die Fußzeile Ihrer Website einzufügen (normalerweise footer.html, footer.php oder theme.liquid, je nach Plattform). Diese Datei wird auf allen Seiten gerendert.

⚠️ Wenn Sie sich unsicher sind, wo Sie es hinzufügen sollen, kontaktieren Sie Ihren Webentwickler.

Verwendung von Google Tag Manager

Wenn Sie Google Tag Manager verwenden:

Melden Sie sich bei Ihrem Google Tag Manager Konto an und wählen Sie Ihren Arbeitsbereich aus.
Klicken Sie auf Tags → Neu.
Klicken Sie auf Tag-Konfiguration → Benutzerdefiniertes HTML.
Kopiere den Snippet von Omnisend und füge ihn in das HTML-Feld ein. Platzieren Sie es innerhalb von -Tags.
Setzen Sie den Trigger auf Alle Seiten.
Speichern und veröffentlichen.

Überprüfen Sie diesen Google-Leitfaden für weitere GTM-Einrichtungsdetails.

Schritt 4: Überprüfen Sie Ihre Verbindung

Nachdem Sie das Snippet hinzugefügt haben, klicken Sie auf Überprüfen & Verbinden in Omnisend. Wenn die Überprüfung erfolgreich ist, bist du mit der Frontend-Integration fertig. Sie können jetzt Anmeldeformulare, den Browsingabbruch und E-Mail-Kampagnen verwenden.

⚠️ Wichtig: Überprüfung des Google Tag Managers

Wenn Sie den Snippet über GTM hinzugefügt haben, kann die Überprüfung fehlschlagen, selbst wenn der Snippet korrekt funktioniert. Dies geschieht, weil unsere Überprüfung nach direkter HTML-Platzierung sucht.

So überprüfen Sie, ob es funktioniert:

Öffnen Sie Ihre Website
Drücken Sie F12, um die Browser-Konsole zu öffnen
Geben Sie window.omnisend ein und drücken Sie die Eingabetaste
Wenn Sie ein Array sehen, wird das Snippet korrekt ausgeführt

Nächste Schritte:
Kontakt support via in-app chat with your store URL. Wir werden Ihre Verbindung manuell überprüfen.

Fehlerbehebung: Überprüfung fehlgeschlagen

Wenn die Überprüfung fehlschlägt:

Warten Sie 5–10 Minuten, nachdem Sie das Snippet hinzugefügt haben (Änderungen können Zeit benötigen, um sich zu verbreiten).
Leeren Sie den Cache Ihres Browsers und aktualisieren Sie Ihre Website.
Überprüfen Sie die Platzierung des Snippets: Klicken Sie mit der rechten Maustaste auf Ihre Website → Seitenquelltext anzeigen. Suchen Sie nach omnisend.push. Es sollte vor auf jeder Seite erscheinen.
Kopieren Sie das Snippet erneut von Omnisend und fügen Sie es erneut ein, um sicherzustellen, dass keine Zeichen fehlen.
Überprüfen Sie Ihre Marken-ID: Stellen Sie sicher, dass die Marken-ID im Snippet mit der in Ihrem Omnisend-Konto übereinstimmt (fahren Sie mit der Maus über das Webshop-Symbol auf der linken Seite → Ihre Marken-ID).

Wenn Sie den Google Tag Manager verwenden, siehe die obenstehende Warnung – kontaktieren Sie den Support für eine manuelle Überprüfung.

Was als Nächstes getestet werden soll

Sobald die Überprüfung abgeschlossen ist, testen Sie diese Funktionen sofort:

Erstellen Sie ein Anmeldeformular (Kampagnen → Formulare) und testen Sie es auf Ihrer Website.
Live-Ansicht überprüfen (Webshop → Live-Ansicht), um zu sehen, ob Seitenbesuche verfolgt werden.
Richten Sie eine Willkommensautomatisierung ein (Die Automatisierung → Vorgefertigt) – dies funktioniert nur mit der Frontend-Integration.

Hinweis: Die Ereignisverfolgung (Warenkorbereignisse, Produktansichten) funktioniert nur, nachdem ein Kontakt über das Anmeldeformular oder die API identifiziert wurde. Anonyme Besucher lösen keine Ereignisse aus, bis sie ihre E-Mail einreichen.

Backend-Integration

Die Backend-Integration synchronisiert die Daten von Der Kunde, Die Bestellung und Das Produkt mit Omnisend über die API. Dies schaltet die Automatisierung des Warenkorbabbruchs, Bestellbestätigungen, erweiterte Segmentierung und Umsatzberichterstattung frei.

Die Backend-Integration erfordert Entwicklerkenntnisse. Teilen Sie diese Ressourcen mit Ihrem Entwicklungsteam:

Was die Backend-Integration freischaltet

Sobald die Backend-Integration abgeschlossen ist, hast du Zugriff auf:

Automatisierung des Warenkorbabbruchs und des Kassenabbruchs.
Bestellbezogene Automatisierungen: Die Bestellbestätigung, die Bestellstornierung, die Versandbestätigung, die Nachverfolgung der Bestellung, das Kundenfeedback, die Kundenreaktivierung.
Benutzerdefinierte Automatisierungs-Workflows basierend auf dem Kaufverhalten (z. B. "X gekauft, aber Y nicht").
Erweiterte Die Segmentierung mit Die Bestellung und Das Produktdaten.
Das Produkt-Auswahlwerkzeug in Die E-Mail-Kampagnen.
Der Umsatzbericht in der Kampagne und der Automatisierung Analytik.

Sobald Ihr Entwickler die erforderlichen Daten über die API überträgt, werden alle aktivierten Funktionen sofort funktionieren. Hinweis: Einige Funktionen (wie Live View) erfordern weiterhin den Frontend-Snippet.

Fehlerbehebung

Ich habe das Snippet hinzugefügt, aber die Überprüfung ist fehlgeschlagen

Siehe den Abschnitt "Fehlerbehebung: Überprüfung fehlgeschlagen" oben für detaillierte Schritte.

Wenn Sie den Google Tag Manager verwenden, kann die Überprüfung fehlschlagen, selbst wenn die Einrichtung korrekt ist – siehe die GTM-Warnung in Schritt 4 und kontaktieren Sie den Support für eine manuelle Überprüfung.

Ich erhalte 400-Fehler beim Verfolgen von Ereignissen

Ereignisse erfordern einen identifizierten Kontakt, um zu funktionieren. Ein 400-Fehler bedeutet normalerweise, dass der Kontakt noch nicht identifiziert wurde.

Wie Kontakte identifiziert werden:

Sie reichen ein Anmeldeformular mit ihrer E-Mail ein
Sie identifizieren sie über die API mit der setContact-Methode

Zu beheben:

Stellen Sie sicher, dass Ihr Ereignis-Tracking-Code nach der Kontaktidentifikation ausgeführt wird.
Testen Sie, indem Sie zuerst ein Anmeldeformular absenden und dann das Ereignis auslösen.
Überprüfen Sie Webshop-Einstellungen → API → Protokolle auf spezifische Fehlermeldungen

Anonyme Besucher lösen keine Ereignisse aus, bis sie identifiziert sind.

Produktwähler wird nicht angezeigt

Produktwähler erfordert, dass Omnisend Ihre Produktkatalogdaten hat. Für benutzerdefinierte Plattformen:

Synchronisieren Sie Ihren Produktkatalog über die API (Backend-Integration)
Fügen Sie das Ereignisverfolgung "Produkt angesehen" zu Ihren Produktseiten hinzu (Frontend-Snippet + dynamische Produktdaten)

Befolgen Sie die Einrichtungsanleitung für den Produktwähler für detaillierte Anweisungen.

Der Webshop ist verbunden, aber Automatisierungen funktionieren nicht

Um Automatisierungs-Workflows auszulösen, müssen Sie das Ereignis und die zugehörigen Daten über die API übermitteln. Zum Beispiel:

Der Warenkorbabbruch erfordert Ereignisse der Warenkorb-API und der Bestell-API
Die Bestellbestätigung erfordert das Ereignis Bestellung aufgegeben
Produktverlassen erfordert ein Ereignis "Produkt angesehen"

Überprüfen Sie Webshop-Einstellungen → API → API-Protokolle auf Fehler.

Hinweis: Die Frontend-Integration unterstützt nur Willkommens-, Der Browsingabbruch- und Das Produkt-Abbruch-Automatisierungen. Alle bestellungsbasierten Automatisierungen erfordern die Backend-Integration.

Der Produkt-Tab im Kontaktprofil zeigt nichts an.

Die unter dem Produkte-Tab im Profil eines Kontakts angezeigten Informationen stammen aus der Live-View-Überwachung. Für API-basierte Plattformen kann Omnisend einige Ereignisse (wie die aufgegebene Bestellung oder das gekaufte Produkt) nicht über die Live-Ansicht verfolgen – es erhält diese Daten stattdessen über die API.

Das bedeutet, dass der Produkte-Tab leer bleiben kann, selbst wenn deine Integration korrekt funktioniert. Überprüfen Sie Die Webshop-Einstellungen → API → Protokolle, um zu bestätigen, dass die Bestell- und Produktdaten synchronisiert werden.

Häufig gestellte Fragen

Kann ich diesen Leitfaden für Etsy, Squarespace, Hostinger oder andere nicht in Ihren Integrationen aufgeführte Plattformen verwenden?

Ja. Jede Plattform, die benutzerdefiniertes HTML/JavaScript erlaubt, kann die Frontend-Integration nutzen (Anmeldeformulare, grundlegende Automatisierungen).

Etsy: Erlaubt keinen benutzerdefinierten Code auf Shop-Seiten. Sie benötigen eine externe Landingpage oder Website, um den Snippet hinzuzufügen, oder verwenden Sie Zapier, um Kontakte zu synchronisieren. Die Backend-Integration erfordert Entwicklerarbeit.
Squarespace: Eingeschränkte Code-Anpassung. Verwenden Sie Zapier oder Make, um Formularübermittlungen zu synchronisieren, oder kontaktieren Sie Ihren Entwickler für die vollständige API-Integration.
Hostinger Website Builder: Frontend-Snippet kann hinzugefügt werden. Die Backend-Integration erfordert einen Entwickler.

Die vollständige Backend-Integration erfordert API-Zugriff auf die Bestelldaten Ihres Shops.

Ich habe den Snippet über Google Tag Manager hinzugefügt, aber die Überprüfung ist fehlgeschlagen. Was soll ich tun?

Deine Integration kann funktionieren, auch wenn die Überprüfung fehlschlägt. GTM-installierte Snippets bestehen oft nicht unsere automatische Überprüfung, da wir nach direkter HTML-Platzierung suchen.

Um zu bestätigen, dass es funktioniert:

Öffnen Sie Ihre Website
Drücken Sie F12, um die Browser-Konsole zu öffnen
Geben Sie window.omnisend ein und drücken Sie die Eingabetaste
Wenn Sie ein Array sehen, wird der Snippet korrekt ausgeführt

Der Kontakt zum Support erfolgt über den In-App-Chat mit Ihrer Webshop-URL. Wir werden Ihre Verbindung manuell überprüfen.

Stellen Sie sicher:

Ihr GTM-Tag wird auf allen Seiten ausgelöst
Die Markierung ist veröffentlicht in GTM
Der Snippet ist in -Tags eingeschlossen

Welche Automatisierungen funktionieren nur mit der Frontend-Integration?

Mit nur der Frontend-Integration kannst du verwenden:

Willkommens-E-Mails
Der Browsingabbruch
Produktverlassen (erfordert die Einrichtung des Ereignisses "Produkt angesehen")
Geburtstags-E-Mails
Automatisierungen, die durch Kontaktsegmente ausgelöst werden.

Du kannst nicht ohne Backend-Integration verwenden:

Der Warenkorbabbruch
Die Bestellbestätigung
Versandbestätigung
Die Bestellung stornieren
Der Kunde Reaktivierung
Jeder Workflow, der auf Einkaufsdaten basiert

Diese erfordern die Backend-API-Integration, um Bestelldaten an Omnisend zu übermitteln.

Kann ich Warenkorb- und Checkout-Ereignisse über den Google Tag Manager senden?

Sie können Warenkorbereignisse (Checkout gestartet, in den Warenkorb gelegt) über GTM mithilfe von benutzerdefinierten HTML-Tags mit dynamischen Produktdatenvariablen übertragen.

Allerdings müssen abgeschlossene Bestellungen über die Backend-API gesendet werden, da GTM im Browser läuft und nicht sicher auf die endgültigen Bestelldaten nach der Zahlung zugreifen kann.

Bei Warenkorbabbrüchen:

Push $startedCheckout Ereignis mit Warenkorbdaten über GTM

Für die Bestellbestätigung:

Verwenden Sie die serverseitige API, um Bestelldaten zu übermitteln

Siehe unsere Dokumentation zur Event-Tracking-API für Implementierungsdetails.

Warum erhalte ich 400-Fehler beim Verfolgen von Ereignissen?