Bigcommerce

Get Started

Installa Clerk su BigCommerce seguendo questi semplici passaggi

Metti Clerk in funzione sul tuo negozio BigCommerce in pochi semplici passaggi. Questa guida ti accompagna nel collegare il tuo negozio, installare gli script di tracciamento e sincronizzare i tuoi dati.

Collegare il tuo negozio #

Dopo aver seguito questi semplici passaggi, potrai vedere la tua Live Demo, che ti offre una panoramica personale su come Clerk funzionerà sul tuo webshop, prima di configurare il resto del sistema.

Aggiungi negozio #

Dopo aver effettuato l’accesso su my.clerk.io, la prima cosa da fare è aggiungere il tuo negozio:

Scrivi il Nome e il Dominio del tuo negozio online.
Scegli la Lingua e la Valuta, e seleziona BigCommerce come Piattaforma.
Clicca su Add Store.

Installa il tracciamento dei visitatori #

Importante: In BigCommerce, devi essere loggato come Store Owner per accedere a queste impostazioni.

Nell’admin di BigCommerce, vai su Storefront > My Themes e clicca su Make a copy.
Questo crea una copia sicura del tema per installare Clerk.

Sul nuovo tema, clicca sui tre puntini (…)
e scegli Apply per renderlo il tema attivo.

Clicca su Advanced > Edit Theme Files per aprire l’editor del tema.

Nella barra laterale sinistra, apri templates > layout > base.html e incolla lo script di tracciamento nella sezione <head>, appena prima di </head>.

<!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<script type="text/javascript">
  (function (w, d) {
    var e = d.createElement('script');
    e.type = 'text/javascript';
    e.async = true;
    e.src = 'https://cdn.clerk.io/clerk.js';
    var s = d.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);
    w.__clerk_q = w.__clerk_q || [];
    w.Clerk = w.Clerk || function () { w.__clerk_q.push(arguments); };
  })(window, document);

  Clerk('config', { key: 'INSERT_PUBLIC_API_KEY' });

  // Clerk.js Context
  Clerk('context', {
    product: {{#if product.id}}'{{product.id}}'{{else}}null{{/if}},
    category: {{#if category.id}}'{{category.id}}'{{else}}null{{/if}},
    page: {{#if product.id}}null{{else}}{{#if category.id}}null{{else}}'{{page_type}}'{{/if}}{{/if}}
  });
  {{#if customer.email}}
  Clerk('call', 'log/email', { email: '{{customer.email}}' });
  {{/if}}
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

Sostituisci INSERT_PUBLIC_API_KEY con la tua Public Key che trovi in my.clerk.io > Developers > API Keys.

Clicca su Save & apply file.

Installa il tracciamento degli ordini #

Nell’admin di BigCommerce, vai su Advanced Settings > Data Solutions.
Abilita Affiliate Conversion Tracking e clicca su Save.

Apri la scheda Affiliate Conversion Tracking.
Incolla quanto segue nel campo Conversion Tracking Code in fondo e clicca su Save.

<!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<script type="text/javascript">
  (function (w, d) {
    var e = d.createElement('script');
    e.type = 'text/javascript';
    e.async = true;
    e.src = 'https://cdn.clerk.io/clerk.js';
    var s = d.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);
    w.__clerk_q = w.__clerk_q || [];
    w.Clerk = w.Clerk || function () { w.__clerk_q.push(arguments); };
  })(window, document);
  Clerk('config', { key: 'INSERT_PUBLIC_API_KEY' });
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

<!-- Start of Clerk sales tracking -->
<script>
  Clerk('call', 'log/sale/bigcommerce', { sale: '%%ORDER_ID%%' });
</script>
<!-- End of Clerk sales tracking -->

Sostituisci INSERT_PUBLIC_API_KEY con la tua Public Key che trovi in my.clerk.io > Developers > API Keys..

Sincronizza i dati #

La sincronizzazione dei dati collega il tuo negozio BigCommerce a Clerk, consentendo a Clerk di accedere a prodotti, ordini, clienti e altre informazioni del negozio. Questo permette a Clerk di fornire raccomandazioni personalizzate e risultati Search basati sui dati reali del tuo negozio. Segui i passaggi nella guida alla sincronizzazione dei dati per configurare la sincronizzazione.

Anteprima degli elementi #

Per iniziare a visualizzare in anteprima gli elementi Clerk nel tuo webshop, devi prima accedere al tema in cui hai aggiunto Clerk.

Accedi al portale admin di BigCommerce del tuo store, quindi seleziona “Storefront” > “My Themes” nel menu a sinistra:

Una volta trovato il tuo tema, clicca sui tre puntini nell’angolo in basso a destra, quindi seleziona “Customize”:

Dopo aver cliccato su “Customize”, ti verrà data la possibilità di selezionare uno stile di tema da personalizzare.

Assicurati che questo stile corrisponda a quello scelto per il tema (ad esempio, se stai lavorando con “Theme Light”, seleziona “Light” qui):

Scegli lo stile del tema, poi clicca su “Continue.”

Quando sei sulla pagina Preview, assicurati di selezionare “Preview” nella parte superiore dello schermo.

Nell’angolo in alto a sinistra puoi scegliere la specifica pagina del webshop da visualizzare in anteprima, in questo esempio Homepage:

Nota:

In modalità anteprima, BigCommerce non permette di portare variabili su una pagina cliccata.

Ad esempio, se aggiungi prodotti al carrello in Preview, questi non saranno più nel carrello una volta che ci clicchi sopra.

Per testare elementi Clerk che richiedono il passaggio di variabili tra le pagine, assicurati di “inserire a mano” queste variabili per il test.

Ad esempio, imposta la tua query di ricerca su una parola chiave specifica, oppure seleziona uno specifico ID prodotto aggiunto al carrello.

Questa pagina è stata tradotta da un'utile intelligenza artificiale, quindi potrebbero esserci errori linguistici. Grazie per la comprensione.