Så integrerar du med OpenCart

Du kommer att lära dig

Lär dig hur du integrerar OpenCart med Klaviyo. När du har slutfört de här stegen kan du personanpassa och rikta e-post baserat på varje kunds köp och webbplatsaktivitet. OpenCart-integrationen synkroniseras varje timme.

Innan du börjar

Observera att Klaviyo inte synkar din katalog från OpenCart.

Lägg till OpenCart-integrationen

Processen för att lägga till OpenCart-integrationen av Klaviyo består av flera steg och kräver att du utför åtgärder i både OpenCart och Klaviyo.

För att komma igång stöder Klaviyo för närvarande OpenCart 1.4.x och 1.5.x. Ladda ner Klaviyo OpenCart-modulen här: https://www.klaviyo.com/media/downloads/OpenCartKlaviyo-1.1.0.tgz.

1. Packa upp filen till roten av din OpenCart-installation.
2. Logga in i OpenCart-administratörssektionen och gå till sidan Tillägg > Moduler.
3. Installera Klaviyo-modulen och klicka sedan på Redigera för Klaviyo-modulen.
4. Det sista du ska göra med din OpenCart-installation är att kopiera och klistra in följande PHP-kod i slutet av `upload/index.php`, precis före raden `$response->getOutput();`:

// [Klaviyo] Save customer cart if it exists.
if ($registry->get('cart')->hasProducts()) {
  $registry->get('load')->model('module/klaviyo');

  if ($registry->get('customer')->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']
    );
  }
}

1. På Klaviyo väljer du fliken Integrationer.
2. Klicka på Utforska appar och sök efter OpenCart, och klicka sedan på kortet. Klicka sedan på Installera.
3. Du kommer till en sida för integrationsinställningar . På inställningssidan anger du webbadressen till din OpenCart-webbplats och klickar på Anslut till OpenCart.
   

4. På nästa sida kopierar du API-nyckeln under Klaviyo OpenCart Module och klistrar in den i Klaviyo-modulinställningarna i OpenCart. Spara Klaviyo-modulinställningarna i OpenCart-admin.
   

5. Om du vill kan du markera inställningen Lägg till nya OpenCart-kunder i en Klaviyo-lista och sedan välja en lista i rullgardinsmenyn.
6. Tillbaka i Klaviyo klickar du på Slutför konfigurationen för att börja synkronisera data.

Installera Klaviyo-spårning på plats

För att spåra aktivitet på webbplatsen i OpenCart hittar du först din offentliga Klaviyo API-nyckel genom att logga in på ditt Konto, klicka på ditt kontonamn i det nedre vänstra hörnet och navigera till Inställningar > API-nyckel. Din offentliga nyckel är sex tecken lång. Det finns två typer av spårning på webbplatsen som du kan installera:

• Aktiv på webbplats
  Detta mättal spåras varje gång en identifierbar webbläsare besöker din webbplats
• Viewed Product
  Detta mättal spåras varje gång en identifierbar webbläsare visar en produktsida på din webbplats

Lägg till spårning av ”Aktiv på webbplatsen”

Detta mättal spåras varje gång en identifierbar webbläsare besöker din webbplats. Så här börjar du spåra Aktiv på webbplats -spårning:

1. Lägg till följande kodsnutt i din huvudsakliga butiksmall så att den ingår på alla sidor. Du ska placera den här snutten antingen tillsammans med andra analysskript som du använder eller precis före den avslutande </body> -etiketten:
   

<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js></script>
<script type="text/javascript"> 
//Initialize Klaviyo object on page load
!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>

1. Se till att ersätta PUBLIC_API_KEY med ditt Klaviyo-kontos offentliga API-nyckel.
2. Om besökare eller kunder kan skapa konton för din butik lägger du till följande kodsnutt direkt under den första kodsnutten:

<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>

1. Beroende på vilka typer av mallar du använder för din webbplats är {% if user.is_logged_in %} - och {{ user.email }} -syntaxen troligen annorlunda. Med hjälp av det mallspråk som finns vill du kontrollera om personen som visar den aktuella sidan är inloggad. Om så är fallet ska du mata ut deras e-postadress och namn, om det är tillgängligt. Om du inte har namninformation tar du bort de två raderna och det efterföljande kommatecknet efter e-postraden $email.

Lägg till spårning av "Viewed Product"

Om du vill konfigurera ett flöde för övergiven surfning eller bygga segment baserat på produktbläddringsdata behöver du lägga till JavaScript-händelsespårning för ett mättal för ”Viewed Product”.

1. Lägg till följande kodsnutt i din mall för produktsidan:

<script type="text/javascript">
    var klaviyo = window.klaviyo || [];
    klaviyo.track("Viewed Product", {
      Title: '{{ product.title }}',
      ItemId: {{ product.id }},
      Categories: {{ category in product.categories|json }}, // The list of categories is an array of strings. 
      ImageUrl: '{{ product.image_url }}',
      Url: '{{ product.url }}',
      Metadata: {
        Brand: '{{ product.brand }}',
        Price: {{ product.price }},
        CompareAtPrice: {{ product.compare_at_price }} // If you have a compare at price. You could also include this for a sale or special price.
      }
  });
</script>

1. Kodsnutten ovan använder platshållarsyntaxen {{ }}, vilket kan skilja sig åt för din OpenCart-butik. Det viktiga är att produktfält renderas dynamiskt baserat på vilken produktsida du tittar på.
2. När Viewed Product -spårning har konfigurerats för din webbplats ska Viewed Product -data börja fyllas i i ditt Klaviyo-Konto när kända besökare bläddrar på dina produktsidor.

Så fungerar webbspårning

När du lägger till Klaviyo webbspårning på din webbplats kan vi bara spåra webbläsaraktiviteten för ”kända webbläsare” – dvs. webbläsare som har besökt och varit engagerad minst en gång tidigare. Det finns två viktiga sätt som vi kan identifiera en webbplatsbesökare för webbspårning:

• Om någon vid något tillfälle har klickat sig vidare till din webbplats via ett Klaviyo Email
• Om någon vid något tillfälle har prenumererat/anmält sig via ett Klaviyo-formulär

Klaviyo spårar inte anonyma webbläsare.

Övervaka Klaviyo-synkroniseringen

Hur lång tid det tar att synkronisera all historisk kund- och orderdata från din OpenCart-butik beror på storleken på din butik. När den här historiska synkroniseringen är klar ser du en grön kant runt din OpenCart-integration under Aktiverade integrationer.

Så här kontrollerar du dina integrationer:

1. Gå till fliken Mättal i ditt Konto, som finns under Analytics. Här kan du filtrera för att visa alla OpenCart-mättal. Hitta OpenCarts Placed Order mättal och klicka på ikonen för aktivitetsflöde. Om din integration har börjat synka data kommer du att börja se Placed Order -händelser fyllas i här.
2. Vi synkroniserar automatiskt alla historiska orderdata. För att verifiera detta kan du jämföra antalet händelser en viss dag i Klaviyo med vad som finns i ditt OpenCart-gränssnitt och bekräfta att de matchar.
3. När du till exempel utforskar mättalet Placed Order kan du hålla muspekaren över gårdagens datapunkt eller titta i datatabellen under diagrammet för att se hur många beställningar som rapporterades i går.
4. Jämför det numret med det som finns lagrat i OpenCart från i går så bör du se att de matchar exakt. Om de inte gör det beror problemet troligen på att tidszonen för ditt Klaviyo-Konto inte matchar din inställda OpenCart-tidszon.
5. För att kontrollera eller uppdatera tidszonen för ditt konto:
   • Klicka på ditt organisationsnamn längst ned till vänster.
   • Välj Inställningar.
   • Gå till fliken Organisation .

Data synkroniserade från OpenCart

• Försäljnings- och orderdata
  Vilka produkter som köptes, inklusive produktinformation och bilder.
• Kundinformation
  Förnamn, efternamn, plats och kundgrupp.
• Data för påbörjad kassa
  Används för att utlösa e-postmeddelanden för övergiven kundvagn. Detta aktiveras av PHP-kodsnippetet som du lade till vid integreringen.
• Data för uppfylld order
  Används för att spåra när beställningar skickas.
• Spårning på plats
  När personer besöker din webbplats

För att se dina OpenCart-mättal går du till Analytics > Metrics i Klaviyo, där du kan filtrera efter OpenCart.

Som standard synkroniserar Klaviyo följande statusar för mättal Lagda beställningar och Levererade beställningar:

• Placed Order: Väntande, Bearbetad, Bearbetas, Skickad, Slutförd
• Uppfylld beställning: Skickad, slutförd

Ytterligare resurser