Oversigt

Som standard overtager Upcart Shopifys kurvfunktionalitet, hvilket kan forhindre tredjepartsapps som Klaviyo i at registrere kurvopdateringer. Heldigvis er der to pålidelige måder at gendanne Add to Cart (ATC)-sporing i Klaviyo, mens Upcart forbliver aktiv. Før du begynder, skal du sørge for, at Klaviyo Onsite Tracking er korrekt konfigureret. Du kan følge deres opsætningsguide her:
👉 Klaviyo Onsite Tracking opsætningsguide

Mulighed 1: Brug AJAX-kompatibilitet (hurtigste opsætning)

Upcart har en indstilling, der genopretter kompatibilitet med andre apps ved at eksponere Shopifys native kurvopdateringsadfærd. Når denne er aktiveret, kan Klaviyo igen lytte efter Add to Cart-events.

Sådan aktiverer du:

Gå til Upcart > Cart Editor > Settings > Cart settings
Rul til Advanced Settings, og fold den ud
Markér Enhanced Ajax API compatibility
Klik på Save, og test resultatet

⚠️ Vigtigt: Afvejninger ved Enhanced AJAX API Compatibility
Denne indstilling er deaktiveret som standard for de fleste butikker. Aktivér den KUN, hvis din butik bruger et ikke-standard AJAX cart API, og Upcart ikke opfanger add to cart-events. Når den er aktiveret, får andre apps mere kontrol over kurvens adfærd, hvilket kan forårsage redirect-loops eller sende kunder til Shopifys kurvside i stedet for at åbne Upcart-draweren. Hvis aktivering af denne indstilling forårsager redirects, skal du deaktivere den og i stedet skifte til Mulighed 2 med det manuelle Upcart API (upcartRegisterAddToCart). For komplet vejledning om denne indstilling, se Enhanced AJAX API Compatibility.

Mulighed 2 (anbefalet): Tilføj et brugerdefineret Klaviyo-script

Denne metode giver dig det bedste fra begge verdener: Upcart bevarer fuld kontrol, og Klaviyo-sporing virker stadig.

Trin:

Åbn Upcart > Cart Editor > Settings
Rul ned til sektionen Custom HTML
I dropdown-menuen skal du vælge Scripts (Before Load)
Indsæt følgende script:

Moderne API (anbefalet):

<script>
  function TrackATC(){
    var _learnq = window._learnq || [];
    _learnq.push(['track', 'Added to Cart']);
    console.log("Klaviyo ATC");
  }

  window.upcartSubscribeAddedToCart(function(event) { TrackATC(); });
  window.upcartSubscribeUpsellsAddedToCart(function(event) { TrackATC(); });
</script>

Indsæt hele blokken, inklusive TrackATC-funktionen. Subscriberen kalder den, så et kodestykke med kun de to upcartSubscribe…-linjer kaster Uncaught ReferenceError: TrackATC is not defined ved hver tilføjelse til kurven og sender intet til Klaviyo.

Ældre API (virker stadig, men er forældet):

<script>  
  function TrackATC(){  
    var _learnq = window._learnq || [];  
    fetch(`${window.location.origin}/cart.js`)  
      .then((res) =>  
        res.clone().json().then((data) => {  
          var cart = {  
            total_price: data.total_price / 100,  
            $value: data.total_price / 100,  
            total_discount: data.total_discount,  
            original_total_price: data.original_total_price / 100,  
            items: data.items,  
          };  
          _learnq.push(['track', 'Added to Cart', cart]);  
          console.log("Klaviyo ATC");  
        }).catch((e) => {  
          console.error('Klaviyo add to cart tracking failed', e);  
        })  
      );  
  }  
  
  window.upcartOnAddToCart = () => { TrackATC(); };  
  window.upcartOnAddUpsell = () => { TrackATC(); };  
</script>

Hvad dette gør:

Sender et “Added to Cart”-event til Klaviyo, hver gang et produkt eller en upsell tilføjes via Upcart
Tilføjer en bekræftelsesbesked (Klaviyo ATC) til din browserkonsol, så du ved, at det virker

Sådan tester du din opsætning

For at bekræfte, at din Klaviyo-integration fungerer korrekt:

Følg Klaviyos guide til test af Add to Cart-events
Brug din browsers Console-fane til at verificere, at “Klaviyo ATC”-loggen vises efter tilføjelse af et produkt
Tjek Klaviyos analyse-dashboard for ATC-eventdata

Hvis du stadig ikke ser sporingsdata, skal du bekræfte, at Klaviyos onsite-scripts er installeret og aktiveret. For hjælp kan du kontakte Klaviyo Help Center.

Opsummering


Metode	Fordele	Hvornår den skal bruges
Mulighed 1 – Aktivér AJAX-kompatibilitet	Hurtigste opsætning, ingen kode påkrævet	Når andre apps ikke forstyrrer
Mulighed 2 – Tilføj brugerdefineret script	Mest pålidelig, Upcart bevarer kontrollen	Når Mulighed 1 forårsager kurv-redirect

Hvis du bruger Klaviyo og Upcart sammen, bør denne guide hjælpe dig med at spore events problemfrit, mens din cart drawer-oplevelse forbliver intakt.

Har du brug for mere hjælp? Kontakt os via supporten i appen.

Kom godt i gang

Kurvmoduler

Kurvindstillinger

Fastgjort kurvknap

Multicart

Tilpasninger

Analyser

Integrationer og kompatibilitet

Fakturering og konto

Fejlfinding

Klaviyo add to cart-eventsporing i Upcart

Oversigt

Mulighed 1: Brug AJAX-kompatibilitet (hurtigste opsætning)

Sådan aktiverer du:

Mulighed 2 (anbefalet): Tilføj et brugerdefineret Klaviyo-script

Trin:

Hvad dette gør:

Sådan tester du din opsætning

Opsummering

​Oversigt

​Mulighed 1: Brug AJAX-kompatibilitet (hurtigste opsætning)

​Sådan aktiverer du:

​Mulighed 2 (anbefalet): Tilføj et brugerdefineret Klaviyo-script

​Trin:

​Hvad dette gør:

​Sådan tester du din opsætning

​Opsummering

Oversigt

Mulighed 1: Brug AJAX-kompatibilitet (hurtigste opsætning)

Sådan aktiverer du:

Mulighed 2 (anbefalet): Tilføj et brugerdefineret Klaviyo-script

Trin:

Hvad dette gør:

Sådan tester du din opsætning

Opsummering