Wie man mit OpenCart integriert

Du wirst lernen

Lerne, wie du OpenCart mit Klaviyo integrierst. Wenn du diese Schritte abgeschlossen hast, kannst du deine E-Mails auf der Grundlage der Einkäufe und der Website-Aktivität jedes Kunden personalisieren und zielgerichtet versenden. Die OpenCart-Integration wird jede Stunde synchronisiert.

Bevor du beginnst 

Bitte beachte, dass Klaviyo deinen Katalog nicht mit OpenCart synchronisiert.

Füge die OpenCart Integration hinzu

Das Hinzufügen der OpenCart-Integration von Klaviyo erfolgt in mehreren Schritten und erfordert Aktionen sowohl in OpenCart als auch in Klaviyo.

Um loszulegen, unterstützt Klaviyo derzeit OpenCart 1.4.x und 1.5.x. Lade das Klaviyo OpenCart Modul von hier herunter: https://www.klaviyo.com/media/downloads/OpenCartKlaviyo-1.1.0.tgz.

1. Entpacke die Datei in das Stammverzeichnis deiner OpenCart-Installation.
2. Melde dich im OpenCart-Administrationsbereich an und gehe auf die Seite Erweiterungen > Module.
3. Installiere das Klaviyo-Modul und klicke dann auf Bearbeiten für das Klaviyo-Modul.
4. Als Letztes musst du bei deiner OpenCart-Installation den folgenden PHP-Code kopieren und am Ende der Datei `upload/index.php` einfügen, direkt vor der Zeile `$response->getOutput();`:

   // [Klaviyo] Speichere den Kundenwagen, wenn er existiert.
   if ($registry->get('cart')->hasProducts()) {
     $registry->get('load')->model('module/Klaviyo');
   
     if ($registry->get('Kunde')->isLogged()) {
       $registry->get('model_module_klaviyo')->saveCustomerCart(
         session_id(),
         $registry->get('customer')->getId(),
         $session->data['cart']
       );
     } else if (array_key_exists('guest', $session->data)) {
       $registry->get('model_module_klaviyo')->saveGuestCart(
         session_id(),
         $session->data['guest'],
         $session->data['cart']
       );
     }
   }

5. Logge dich in dein Klaviyo-Konto ein, klicke dann unten links auf deinen Kontonamen und wähle Integrationen.
6. Klicke auf Integrationen hinzufügen und suche nach OpenCart, dann klicke auf die Karte. Klicke dann auf Installieren.
7. Du wirst zu einer Seite mit Integrationseinstellungen weitergeleitet. Auf der Einstellungsseite gibst du die URL deiner OpenCart-Website ein und klickst auf Mit OpenCart verbinden.
   
8. Auf der nächsten Seite kopierst du den API-Schlüssel unter Klaviyo OpenCart Module und fügst ihn in die Klaviyo Moduleinstellungen in OpenCart ein. Speichere die Einstellungen des Klaviyo-Moduls in der OpenCart-Verwaltung.
   
9. Falls gewünscht, aktiviere die Einstellung Neue OpenCart Kunden zu einer Klaviyo Liste hinzufügen und wähle dann eine Liste aus dem Dropdown-Menü.
10. Zurück in Klaviyo klickst du auf Einrichtung abschließen , um mit der Synchronisierung der Daten zu beginnen.

Klaviyo Onsite-Tracking installieren

Um die Vor-Ort-Aktivitäten in OpenCart zu verfolgen, musst du zuerst deinen Klaviyo öffentlichen API-Schlüssel finden, indem du dich in deinem Konto anmeldest, unten links auf deinen Kontonamen klickst und zu Einstellungen > API-Schlüssel navigierst. Dein öffentlicher Schlüssel ist sechs Zeichen lang. Es gibt zwei Arten von Onsite-Tracking, die du installieren kannst:

• Active on Site
  Diese Metrik wird verfolgt, wenn ein identifizierbarer Browser deine Website besucht.
• Angeschautes Produkt
  Diese Metrik wird verfolgt, wenn ein identifizierbarer Browser eine Produktseite auf deiner Website anschaut.

"hinzufügen Aktiv auf der Website" verfolgen

Diese Metrik wird verfolgt, wenn ein identifizierbarer Browser deine Website besucht. Um mit der Verfolgung von Active on Site-Aktivitäten zu beginnen:

1. Füge den folgenden Codeschnipsel zu deiner Hauptladenvorlage hinzu, damit er auf allen Seiten enthalten ist. Du solltest dieses Snippet entweder mit anderen Analyseskripten, die du verwendest, oder direkt vor dem schließenden </body > Tag </body>platzieren:
   

   <script type="text/javascript" async="" src="https://static.Klaviyo.com/onsite/js/Klaviyo.js?company_id=PUBLIC_API_KEY"></script>
   <script type="text/javascript"> 
   //Initialisiere Klaviyo Objekt beim Laden der Seite
   !function(){if(!window.Klaviyo){window._klOnsite=window._klOnsite||[];try{window.Klaviyo=new Proxy({},{get:function(n,i){return"Push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.Push([i].concat(o,[function(i){t&&t(i),n(i)}]))});return e}}})}catch(n){window.Klaviyo=window.Klaviyo[],window.Klaviyo.Push=function(){var n;(n=window._klOnsite).Push.apply(n,arguments)}}}}(); </script>
   

2. Ersetze PUBLIC_API_KEY durch den öffentlichen API-Schlüssel deines Klaviyo-Kontos.
3. Wenn Besucher oder Kunden Konten für deinen Laden erstellen können, füge das folgende Snippet direkt unter dem ersten Snippet ein:

   <script type="text/javascript">
     var Klaviyo = window.Klaviyo || [];
     {% if user.is_logged_in %}
     Klaviyo.identify({
       $email: '{{ user.email }}',
       $first_name: '{{ user.first_name }}',
       $last_name: '{{ user.last_name }}'
       });
     {% endif %}
   </script>

4. Je nachdem, welche Art von Vorlage du für deine Website verwendest, sind die {% if user.is_logged_in %}- und {{ user.email }} -Syntaxen wahrscheinlich unterschiedlich. Mit der verfügbaren Vorlage-Sprache willst du überprüfen, ob die Person, die die aktuelle Seite betrachtet, eingeloggt ist. Wenn ja, solltest du ihre E-Mail und ihren Namen ausgeben, falls vorhanden. Wenn du keine Namensangaben hast, entferne diese beiden Zeilen und das Komma nach der Zeile E-Mail $E-Mail.

Hinzufügen "Gesehenes Produkt" Verfolgung

Wenn du einen Browse-Abandonment-Flow einrichten oder ein Segment auf der Grundlage von Produkt-Browsing-Daten erstellen möchtest, musst du das JavaScript-Event-Tracking für ein "Viewed Product" Metrik hinzufügen.

1. Füge das folgende Snippet in die Vorlage deiner Produktseite ein:

   <script type="text/javascript">
       var Klaviyo = window.Klaviyo || [];
       Klaviyo.track("Gesehen Produkt", {
         Titel: '{{ product.title }}',
         ItemId: {{ product.id }},
         Kategorien: {{ category in product.categories|json }}, // Die Liste der Kategorien ist ein Array aus Strings. 
         ImageUrl: '{{ product.image_url }}',
         Url: '{{ product.url }}',
         Metadaten: {
           Marke: '{{ product.brand }}',
           Preis: ' {{ product.price }}',
           CompareAtPrice: {{ product.compare_at_price }} // Wenn du einen Vergleich zum Preis hast. Du könntest dies auch für einen Verkauf oder einen Sonderpreis anbieten.
         }
     });
   </script>

2. Das obige Snippet verwendet die {{ }} Platzhalter-Syntax, die bei deinem OpenCart Laden anders sein kann. Das Wichtigste dabei ist, dass die Produktfelder dynamisch dargestellt werden, je nachdem, welche Produktseite du gerade ansiehst.
3. Nachdem das Viewed Product Tracking für deine Website konfiguriert wurde, sollten die Viewed Product-Daten in deinem Klaviyo-Konto auftauchen, sobald bekannte Besucher deine Produktseiten durchstöbern.

Wie das Onsite-Tracking funktioniert

Wenn du Klaviyo Webtracking auf deiner Seite einfügst, können wir nur die Surfaktivitäten von "bekannten Browsern" verfolgen - d.h. von Browsern, die dich schon mindestens einmal besucht und angesprochen haben. Es gibt zwei wichtige Möglichkeiten, wie wir einen Website-Besucher für Web-Tracking-Zwecke identifizieren können:

• Wenn jemand irgendwann durch eine Klaviyo E-Mail auf deine Website geklickt hat
• Wenn jemand zu irgendeinem Zeitpunkt über ein Klaviyo-Formular abonniert/optiert hat

Klaviyo wird keine anonymen Browser verfolgen.

Überwache die Klaviyo-Synchronisation

Die Zeit, die es braucht, um alle historischen Kunden- und Bestelldaten aus deinem OpenCart Laden zu synchronisieren, hängt von der Größe deines Ladens ab. Sobald diese historische Synchronisierung abgeschlossen ist, siehst du unter Aktivierte Integrationen einen grünen Rahmen um deine OpenCart-Integration.

Um deine Integration zu überprüfen:

1. Navigiere zur Registerkarte Metrik in deinem Konto, die du unter Analytics findest. Hier kannst du filtern, um alle OpenCart Metrik anzuzeigen. Finde OpenCart's Placed Order Metrik und klicke auf das Symbol für den Activity Feed. Wenn deine Integration mit der Synchronisierung der Daten begonnen hat, werden hier die Ereignisse für die platzierte Bestellung angezeigt.
2. Wir werden automatisch alle historischen Bestelldaten synchronisieren. Um dies zu überprüfen, kannst du die Anzahl der Ereignisse an einem bestimmten Tag in Klaviyo mit den Angaben in deiner OpenCart-Oberfläche vergleichen und bestätigen, dass sie übereinstimmen.
3. Wenn du z.B. die Metrik "Erteilte Aufträge" betrachtest, kannst du mit der Maus über den gestrigen Datenpunkt fahren oder in der Datentabelle unter dem Diagramm nachsehen, wie viele Aufträge gestern gemeldet wurden.
4. Vergleiche diese Zahl mit der von Laden in OpenCart von gestern und du wirst sehen, dass sie genau übereinstimmen. Wenn das nicht der Fall ist, liegt es wahrscheinlich daran, dass die Zeitzone deines Klaviyo-Kontos nicht mit deiner OpenCart-Zeitzone übereinstimmt.

5. So überprüfst oder aktualisierst du die Zeitzone deines Kontos:

   • Klicke unten links auf den Namen deiner Organisation.

   • Wähle Einstellungen.
   • Gehe auf die Registerkarte Organisation . 

Daten von OpenCart synchronisiert

• Verkaufs- und Bestelldaten
  Welche Produkte wurden gekauft, einschließlich Produktdetails und Bilder.
• Kundeninformationen
  Vorname, Nachname, Ort und Kundengruppe.
• Gestartet Bezahlvorgang Daten
  Wird verwendet, um Warenkorbabbruch E-Mail auszulösen. Dies wird durch das PHP-Code-Fragment ermöglicht, das du bei der Integration hinzugefügt hast.
• Daten zu erfüllten Bestellungen
  Damit kannst du verfolgen, wann die Bestellungen versandt werden.
• Onsite-Tracking
  Wenn Menschen deine Website besuchen

Zu deiner OpenCart Metrik navigierst du in zu Analytics > Metrik Klaviyo, wo du nach filtern OpenCart kannst.

Standardmäßig synchronisiert Klaviyo die folgenden Status für "Placed Order" und "Fulfilled Order" Metrik:

• Bestellung aufgegeben: Ausstehend, Bearbeitet, In Bearbeitung, Versendet, Abgeschlossen
• Erfüllte Bestellung: Versendet, vollständig

Zusätzliche Ressourcen

• Wie oft die Integrationen die Referenz synchronisieren
• Brauchst du mehr Hilfe bei der Integration von Klaviyo? Schau dir Klaviyo's Agenturpartneran