Klaviyo aggiunto al carrello non funziona su Shopify: aggiornamento del tema e correzioni dei pixel (2026)

Correzione rapida con Thunder

Decidi innanzitutto quale evento aggiunto al carrello ti serve effettivamente

Molti negozi Shopify utilizzavano snippet Klaviyo più vecchi che ascoltavano gli invii di moduli prodotto e inviavano un evento personalizzato Aggiunto al carrello. Le integrazioni Shopify più recenti possono fare affidamento sull'evento Aggiunto al carrello monitorato di Shopify attraverso l'integrazione e il percorso pixel. Dopo un aggiornamento del tema, l'evento Shopify nativo potrebbe continuare a funzionare mentre la vecchia metrica Klaviyo personalizzata diventa silenziosa.

Prima di aggiungere nuovamente il codice, controlla i flussi di Klaviyo. Se i flussi di carrello abbandonati possono utilizzare l'attuale evento Shopify Aggiunto al carrello, clonali ed esegui la migrazione invece di mantenere attivo un evento legacy duplicato. Gli eventi di aggiunta al carrello duplicati possono innescare flussi eccessivi e un'attribuzione confusa.

Per il lato vetrina dello stesso clic, leggere il Guida ai pulsanti Aggiungi al carrello di Shopify Il carrello e non si aggiorna fino all'aggiornamento della guida.

Controlla l'incorporamento dell'app Klaviyo, il pixel di Shopify e il consenso

Nel pannello di controllo Shopify, apri il personalizzatore del tema live e verifica che l'incorporamento dell'app Klaviyo sia abilitato se la tua configurazione dipende da questo. Quindi controlla gli eventi cliente Shopify e le impostazioni di integrazione di Klaviyo. Un aggiornamento del tema può pubblicare un tema pulito in cui l'incorporamento è disattivato, anche se l'app è ancora installata.

Test tenendo presente il consenso. Utilizza un profilo del browser pulito, accetta il banner dei cookie, visualizza un prodotto, aggiungilo al carrello, quindi controlla sia le richieste della rete del browser che la sequenza temporale del profilo Klaviyo. Se l'evento si attiva solo dopo il consenso, il monitoraggio funziona come configurato.

Klaviyo Documentazione di integrazione di Shopify e Shopify Documenti API Web Pixel are safer references than old snippets copied from forums.

Se mantieni un evento legacy, vincolalo in modo sicuro

Conserva un evento legacy Aggiunto al carrello solo se hai un motivo specifico per la migrazione del flusso. Se lo fai, evita selettori fragili che si rompono ogni volta che cambia il tema. Ascolta l'invio del modulo del prodotto, attendi la risposta del carrello con esito positivo e invia un evento.

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 Shopify's Added to Cart event already triggers the same flow.
  window._learnq = window._learnq || [];
  window._learnq.push(['track', 'Added to Cart', { VariantID: String(variantId) }]);
});

Questo esempio semplificato è intenzionalmente conservativo. Il monitoraggio della produzione dovrebbe includere nome del prodotto, URL, immagine, prezzo, collezione e quantità solo dopo che la modifica del carrello ha avuto esito positivo. Non attivare varianti non valide, prodotti esauriti o richieste di aggiunta al carrello non riuscite.

Evita eventi duplicati, flussi interrotti e pagine di prodotto lente

The worst fix is adding another snippet without removing the old one. That can produce two Added to Cart events: one from Shopify's integration and one from legacy JavaScript. Klaviyo flows may then trigger twice, suppress incorrectly, or report inflated cart intent.

Cerca il tuo tema _imparaq, Aggiunto al carrello, claviyo, and old app snippets. Check theme.liquid, product templates, custom sections, and tag-manager containers. If an old snippet came from an app uninstall, use the Guida alla pulizia degli avanzi dell'app.

Per le prestazioni, utilizzare il file Guida alla correzione di JavaScript di terze parti, Guida al tempo di blocco totalee guida completa all'ottimizzazione della velocità di Shopify.

Correzione manuale vs. Correzione Thunder

Se scegli tra l'automazione delle app e la pulizia pratica, confronta Prezzi tempestosi, ottimizzazione della velocità professionalee il migliore guida alle app veloci di Shopify.

FAQ