Klaviyo zum Warenkorb hinzugefügt funktioniert nicht auf Shopify: Theme-Update und Pixelkorrekturen (2026)

Schnelle Lösung mit Thunder

Entscheiden Sie zunächst, welches „In den Warenkorb“-Ereignis Sie tatsächlich benötigen

Viele Shopify-Shops verwendeten ältere Klaviyo-Snippets, die auf Produktformulareinsendungen hörten und ein benutzerdefiniertes „Zum Warenkorb hinzugefügt“-Ereignis auslösten. Neuere Shopify-Integrationen können sich über die Integration und den Pixelpfad auf das nachverfolgte Ereignis „Zum Warenkorb hinzugefügt“ von Shopify verlassen. Nach einem Theme-Update funktioniert das native Shopify-Event möglicherweise weiterhin, während die ältere benutzerdefinierte Klaviyo-Metrik stillgelegt wird.

Überprüfen Sie Ihre Klaviyo-Flows, bevor Sie wieder Code hinzufügen. Wenn abgebrochene Warenkörbe-Flows das aktuelle „Shopify Added to Cart“-Ereignis verwenden können, können Sie sie klonen und migrieren, anstatt ein doppeltes Legacy-Ereignis am Leben zu erhalten. Doppelte Add-to-Cart-Ereignisse können zu übermäßigen Auslösern von Abläufen und einer unklaren Zuordnung führen.

Für die Storefront-Seite desselben Klicks lesen Sie die Anleitung für Shopify-Buttons zum Hinzufügen zum Warenkorb und Warenkorb wird erst aktualisiert, wenn die Anleitung aktualisiert wird.

Überprüfen Sie die Einbettung der Klaviyo-App, das Shopify-Pixel und die Zustimmung

Öffnen Sie im Shopify-Adminbereich den Live-Theme-Customizer und vergewissern Sie sich, dass die Einbettung der Klaviyo-App aktiviert ist, wenn Ihr Setup davon abhängt. Überprüfen Sie dann die Shopify-Kundenereignisse und die Klaviyo-Integrationseinstellungen. Ein Theme-Update kann ein sauberes Theme veröffentlichen, bei dem die Einbettung deaktiviert ist, obwohl die App noch installiert ist.

Testen Sie unter Berücksichtigung der Einwilligung. Verwenden Sie ein sauberes Browserprofil, akzeptieren Sie das Cookie-Banner, sehen Sie sich ein Produkt an, legen Sie es in den Warenkorb und überprüfen Sie dann sowohl die Browser-Netzwerkanfragen als auch die Zeitleiste des Klaviyo-Profils. Wenn das Ereignis erst nach Zustimmung ausgelöst wird, funktioniert Ihr Tracking wie konfiguriert.

Klaviyos Shopify-Integrationsdokumentation und Shopifys Web Pixels API-Dokumente sind sicherere Referenzen als alte Snippets, die aus Foren kopiert wurden.

Wenn Sie ein Legacy-Event behalten, binden Sie es sicher

Behalten Sie ein Legacy-Event „Zum Warenkorb hinzugefügt“ nur bei, wenn Sie einen bestimmten Grund für die Flow-Migration haben. Wenn Sie dies tun, vermeiden Sie spröde Selektoren, die bei jedem Themenwechsel kaputt gehen. Warten Sie auf das Absenden des Produktformulars, warten Sie auf eine erfolgreiche Warenkorbantwort und senden Sie ein Ereignis.

document.addEventListener('submit', async (event) => {
  const form = event.target;
  if (!(form instanceof HTMLFormElement)) return;
  if (!form.matches('form[action*="/cart/add"]')) return;

  const variantId = new FormData(form).get('id');
  if (!variantId) return;

  // Prefer your platform's current Klaviyo/Shopify event path.
  // Do not fire this if the Shopify Added to Cart event already triggers the same flow.
  window._learnq = window._learnq || [];
  window._learnq.push(['track', 'Added to Cart', { VariantID: String(variantId) }]);
});

Dieses vereinfachte Beispiel ist absichtlich konservativ. Die Produktionsverfolgung sollte Produktname, URL, Bild, Preis, Kollektion und Menge erst dann umfassen, wenn die Warenkorbmutation erfolgreich ist. Feuern Sie nicht auf ungültige Varianten, ausverkaufte Produkte oder fehlgeschlagene Add-to-Cart-Anfragen.

Vermeiden Sie doppelte Ereignisse, unterbrochene Abläufe und langsame Produktseiten

Die schlechteste Lösung ist das Hinzufügen eines weiteren Snippets, ohne das alte zu entfernen. Das kann zwei Added to Cart-Ereignisse erzeugen: eines von Shopifys Integration und eines von Legacy-JavaScript. Klaviyo-Flows können dann zweimal ausgelöst werden, falsch unterdrückt werden oder einen überhöhten Warenkorb-Intent melden.

Suchen Sie im Theme nach den Zeichenfolgen _learnq, Added to Cart und Klaviyo sowie nach alten App-Snippets. Prüfen Sie theme.liquid, Produktvorlagen, benutzerdefinierte Abschnitte und Tag-Manager-Container. Wenn ein altes Snippet von einer deinstallierten App stammt, verwenden Sie die Anleitung zur Bereinigung von App-Resten.

Für die Performance-Optimierung verwenden Sie den Leitfaden zu Drittanbieter-JavaScript, den Leitfaden zur Total Blocking Time und den vollständigen Leitfaden zur Shopify-Geschwindigkeitsoptimierung.

Manueller Fix vs. Thunder Fix

Wenn Sie sich zwischen App-Automatisierung und praktischer Bereinigung entscheiden, vergleichen Sie die Thunder-Preise mit einer professionellen Geschwindigkeitsoptimierung und dem Leitfaden zu den besten Shopify-Speed-Apps.

FAQ