I frammenti di Omnisend collegano il tuo Negozio Stencil BigCommerce con Omnisend, abilitando funzionalità come il recupero del carrello, il tracciamento delle vendite, moduli di iscrizione, il selettore di prodotto, e altro ancora. Omnisend aggiunge automaticamente questi frammenti per i nuovi negozi BigCommerce. Se stai utilizzando una versione più vecchia del negozio o un tema Stencil personalizzato, dovrai aggiungerli manualmente utilizzando il Gestore Script di BigCommerce.
Questo articolo mostra come aggiungere manualmente i frammenti Stencil per completare la tua integrazione con BigCommerce.
Stai usando un tema Blueprint? Segui il Guida ai BigCommerce Blueprint Snippets invece.
Prima di iniziare
Prima di aggiungere frammenti, devi collega il tuo Negozio BigCommerce a Omnisend
Usa solo un tipo di frammento alla volta: Stencil o Blueprint. Mescolare entrambi interromperà la funzionalità. Se non sei sicuro di quale tema stai usando, controlla la guida di BigCommerce
Quando cambi tema, devi riaggiungere i frammenti. Le modifiche al tema rimuovono il codice esistente.
I frammenti vengono aggiunti automaticamente per i nuovi negozi BigCommerce. Se vedi un messaggio di errore come quello qui sotto, segui i passaggi di installazione manuale in questa guida.
Aggiunta dei frammenti
Passaggio 1. Trova il tuo ID negozio
Per attivare gli script di tracciamento, devi sostituire XXXXX con il tuo ID negozio attuale. Senza di esso, il codice non funzionerà.
Puoi trovare il tuo shop ID nella barra degli indirizzi mentre sei connesso al tuo pannello di controllo di BigCommerce. Se hai bisogno di aiuto per trovarlo, fai riferimento a guida di BigCommerce.
⚠️ Critico: Sostituisci XXXXX con il tuo ID negozio in tutti e tre gli script prima di caricarli.
Passo 2. Carica script nel BigCommerce Script Manager
Successivamente, carica tre script nel tuo negozio utilizzando il Script Manager di BigCommerce. Vai a Storefront → Script Manager nel tuo pannello di amministrazione di BigCommerce.
⚠️ Prima di caricare, applica queste impostazioni a ciascun script:
Posizionamento: Footer
Categoria script: Essenziale
Tipo di script: Script
Ripeterai questi passaggi tre volte, incollando contenuti di script diversi e selezionando la Posizione corretta per ciascuno.
Script 1: Script Omnisend
Questo script tiene traccia del comportamento dei visitatori e abilita i moduli di registrazione, il recupero del carrello e il selettore di prodotti nelle tue pagine del negozio.
Nome: script Omnisend
Posizione: Pagine del negozio
Incolla il seguente script:
<script type="text/javascript">
// SOUNDEST-V6-SM
window.SOUNDEST = window.SOUNDEST || {};
// Do not forget to replace XXXXXX with your shop ID! You can find it in your shop's permanent address: https://store-XXXXXX.mybigcommerce.com/. How to find it: https://goo.gl/1XddvQ
SOUNDEST.shopID = "XXXXXX";
SOUNDEST.shopType = "bigcommerce";
SOUNDEST.baseURL = "https://omnisnippet1.com/";
SOUNDEST.jsFile = "bigcommerce-launcher.js";
SOUNDEST.version = new Date().toISOString().slice(0, 13);
SOUNDEST.pageType = "{{page_type}}";
SOUNDEST.productTitle = "{{product.title}}";
SOUNDEST.productID = "{{product.id}}";
SOUNDEST.categoryTitle = "{{category.name}}";
SOUNDEST.categoryID = "{{category.id}}";
SOUNDEST.token = "{{settings.storefront_api.token}}";
!(function (baseURL, version) {
for (
var t = document.getElementsByTagName("script"), o = !1, s = 0;
s < t.length;
s++
)
"string" == typeof t[s].src &&
0 < t[s].src.indexOf(SOUNDEST.jsFile) &&
(o = !0);
if (!o) {
var i = document.createElement("script");
(i.type = "text/javascript"),
(i.async = !0),
(i.src = baseURL + "inshop/" + SOUNDEST.jsFile + "?v=" + version);
var r = document.getElementsByTagName("script")[0];
r.parentNode.insertBefore(i, r);
}
})(SOUNDEST.baseURL, SOUNDEST.version);
</script>
Script 2: Script di tracciamento vendite Omnisend
Questo script tiene traccia degli ordini completati e invia i dati di vendita a Omnisend per l'analisi delle prestazioni della campagna e del flusso automatizzato.
Nome: script di tracciamento vendite Omnisend
Posizione: Conferma d'ordine
Incolla il seguente script:
<script type="text/javascript">
// SOUNDEST-V6-SM
window.SOUNDEST = window.SOUNDEST || {};
// Do not forget to replace XXXXXX with your shop ID! You can find it in your shop's permanent address: https://store-XXXXXX.mybigcommerce.com/. How to find it: https://goo.gl/1XddvQ
SOUNDEST.shopID = "XXXXXX";
SOUNDEST.shopType = "bigcommerce";
SOUNDEST.baseURL = "https://omnisnippet1.com/";
SOUNDEST.jsFile = "bigcommerce-launcher.js";
SOUNDEST.version = new Date().toISOString().slice(0, 13);
SOUNDEST.pageType = "{{page_type}}";
SOUNDEST.productTitle = "{{product.title}}";
SOUNDEST.productID = "{{product.id}}";
SOUNDEST.categoryTitle = "{{category.name}}";
SOUNDEST.categoryID = "{{category.id}}";
SOUNDEST.token = "{{settings.storefront_api.token}}";
!(function (baseURL, version) {
for (
var t = document.getElementsByTagName("script"), o = !1, s = 0;
s < t.length;
s++
)
"string" == typeof t[s].src &&
0 < t[s].src.indexOf(SOUNDEST.jsFile) &&
(o = !0);
if (!o) {
var i = document.createElement("script");
(i.type = "text/javascript"),
(i.async = !0),
(i.src = baseURL + "inshop/" + SOUNDEST.jsFile + "?v=" + version);
var r = document.getElementsByTagName("script")[0];
r.parentNode.insertBefore(i, r);
}
})(SOUNDEST.baseURL, SOUNDEST.version);
</script>
💡 Questo script utilizza il stesso codice di Script 1.
Script 3: Script di tracciamento Checkout di Omnisend
Questo script traccia il comportamento al checkout per migliorare l'accuratezza dell'abbandono del carrello.
Nome: script di tracciamento checkout di Omnisend
Posizione: Checkout
Incolla il seguente script:
<script type="text/javascript">
// SOUNDEST-V6-SM
window.SOUNDEST = window.SOUNDEST || {};
// Do not forget to replace XXXXXX with your shop ID! You can find it in your shop's permanent address: https://store-XXXXXX.mybigcommerce.com/. How to find it: https://goo.gl/1XddvQ
SOUNDEST.shopID = "XXXXXX";
SOUNDEST.shopType = "bigcommerce";
SOUNDEST.baseURL = "https://omnisnippet1.com/";
SOUNDEST.jsFile = "bigcommerce-checkout-launcher.js";
SOUNDEST.version = new Date().toISOString().slice(0, 13);
SOUNDEST.pageType = "{{page_type}}";
SOUNDEST.productTitle = "{{product.title}}";
SOUNDEST.productID = "{{product.id}}";
SOUNDEST.categoryTitle = "{{category.name}}";
SOUNDEST.categoryID = "{{category.id}}";
SOUNDEST.token = "{{settings.storefront_api.token}}";
!(function (baseURL, version) {
for (
var t = document.getElementsByTagName("script"), o = !1, s = 0;
s < t.length;
s++
)
"string" == typeof t[s].src &&
0 < t[s].src.indexOf(SOUNDEST.jsFile) &&
(o = !0);
if (!o) {
var i = document.createElement("script");
(i.type = "text/javascript"),
(i.async = !0),
(i.src = baseURL + "inshop/" + SOUNDEST.jsFile + "?v=" + version);
var r = document.getElementsByTagName("script")[0];
r.parentNode.insertBefore(i, r);
}
})(SOUNDEST.baseURL, SOUNDEST.version);
</script>
Nota: Questo script utilizza un nome file diverso (bigcommerce-checkout-launcher.js) rispetto agli Script 1 e 2.
Una volta che tutti gli script sono stati aggiunti e salvati, il tuo Negozio BigCommerce sarà completamente connesso al tracciamento di Omnisend.
Sincronizzazione contatti
Tutti i contatti aggiunti o aggiornati tramite BigCommerce saranno automaticamente aggiunti alla tua Audience di Omnisend → Lista Contatti. Questi contatti riceveranno anche il tag "source: bigcommerce".
Questo ti consente di filtrare e segmentare facilmente i contatti sincronizzati da BigCommerce. Puoi creare un segmento basato su Tag is source:bigcommerce. Scopri di più sulla Segmentazione in Omnisend.
Domande frequenti
Perché i frammenti non si sono installati automaticamente dopo aver collegato il mio negozio?
L'installazione automatica dei frammenti funziona per la maggior parte dei nuovi negozi BigCommerce, ma alcuni negozi più vecchi o temi Stencil personalizzati richiedono un'installazione manuale. Dopo aver collegato il tuo negozio, controlla il Gestore Script entro 10 minuti. Se non compaiono script Omnisend, segui i passaggi di installazione manuale in questa guida.
Come posso controllare se i frammenti Omnisend sono già installati?
Vai a BigCommerce → Storefront → Script Manager. Cerca tre script Omnisend: "script Omnisend" (Pagine del negozio), "Script di tracciamento vendite Omnisend" (Conferma d'ordine), e "Script di tracciamento checkout di Omnisend" (Checkout). Se tutti e tre appaiono, i frammenti sono installati.
Ho aggiunto frammenti manualmente, ma i moduli e il Selettore di Prodotto non funzionano. Perché?
You likely have duplicate snippets (automatic + manual).Vai a BigCommerce → Storefront → Script Manager. Se gli script Omnisend sono elencati lì, rimuovi eventuali frammenti che hai aggiunto manualmente ai file footer o header del tuo tema. Mantieni solo gli script nel Gestore Script. I frammenti duplicati interrompono la funzionalità.
Posso usare sia i frammenti Blueprint che Stencil contemporaneamente?
No. Usare entrambi interromperà la funzionalità. Usa solo un tipo di frammento in base al tuo tema. Se passi da Blueprint a Stencil (o viceversa), rimuovi prima i vecchi frammenti, poi aggiungi quelli corretti.
Ho aggiornato/cambiato il mio tema BigCommerce e ora i moduli non funzionano. Cosa è successo?
Gli aggiornamenti o i cambiamenti del tema rimuovono gli script esistenti da BigCommerce. Vai a BigCommerce → Storefront → Script Manager e controlla se i tre script di Omnisend sono ancora presenti. Se mancano, segui i passaggi di installazione manuale elencati sopra.
Vedo "XXXXXX" nel codice dello script. Cosa devo fare?
Sostituisci XXXXXX con il tuo effettivo BigCommerce shop ID in tutti gli script. Trova il tuo shop ID nell'URL di amministrazione di BigCommerce: https://store-XXXXXX.mybigcommerce.com/. Ad esempio, se il tuo URL è https://store-abc123.mybigcommerce.com/, replace XXXXXX con abc123 in ciascun script prima di salvare.
Il recupero del carrello non funziona. Potrebbe essere un problema di snippet?
Sì. Il recupero del carrello richiede che tutti e tre gli script funzionino correttamente. Controlla BigCommerce → Storefront → Script Manager e conferma:
script Omnisend è impostato su Le pagine del negozio (traccia le aggiunte al carrello).
script di tracciamento vendite Omnisend è impostato su Conferma d'ordine (traccia gli ordini completati).
Lo script di tracciamento checkout di Omnisend è impostato su Checkout (traccia l'abbandono del checkout).
Se qualche script è mancante o impostato nella posizione sbagliata, il recupero del carrello non verrà attivato.
Vuoi parlare con il supporto? Usa la chat in-app o invia le tue domande a [email protected].