Bigcommerce

Get Started

Installa Clerk su BigCommerce seguendo questi semplici passaggi

Configura Clerk e rendilo operativo nel tuo store BigCommerce in pochi semplici passaggi. Questa guida ti accompagnerà nel collegamento del negozio, nell’installazione degli script di tracciamento e nella sincronizzazione dei tuoi dati.

Collegare il tuo negozio #

Aggiungi negozio #

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

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

Installa il tracciamento visitatori #

Importante: In BigCommerce, devi aver effettuato l’accesso come Proprietario dello Store per accedere a queste impostazioni.

Nel pannello admin di BigCommerce, vai su Storefront > My Themes e fai clic su Make a copy.
Questo crea una copia del tema sicura per installare Clerk.

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

Fai clic 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>, subito 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' });

  {{#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.

Fai clic su Save & apply file.

Installa il tracciamento degli ordini #

Nel pannello admin di BigCommerce, vai su Advanced Settings > Data Solutions.
Abilita Affiliate Conversion Tracking e fai clic su Save.

Apri la scheda Affiliate Conversion Tracking.
Incolla quanto segue in fondo al Conversion Tracking Code e fai clic 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 prodotti #

Nel pannello admin di BigCommerce, vai su Advanced Settings > API Accounts.
Fai clic su Create API Account e scegli Create V2/V3 API Token.

Assegnale il nome “Clerk.io” e concedi accesso in sola lettura a:
- Content
- Information & Settings
- Orders
- Order Transactions
- Products

Dopo aver configurato l’account API, ti basta sincronizzare il tuo negozio.

In Clerk, vai su my.clerk.io > Data > Configuration e seleziona BigCommerce come metodo di sincronizzazione.
Incolla Store Hash, Client ID, Client Secret e Access Token nella configurazione BigCommerce e salva.

Dopo aver salvato, avvia una sincronizzazione dei dati quando sei pronto.

Anteprima degli elementi #

Per iniziare a visualizzare l’anteprima degli elementi Clerk nel tuo webshop, devi prima accedere al tema su cui hai aggiunto Clerk.

Accedi al portale admin BigCommerce del tuo negozio, quindi scegli “Storefront” > “My Themes” dal menu a sinistra:

Una volta trovato il tuo tema, fai clic sui tre puntini nell’angolo in basso a destra e poi scegli “Customize”:

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

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

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

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

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

Note:

In modalità anteprima, BigCommerce non consente di trasportare le variabili alla pagina su cui fai clic.

Ad esempio, se aggiungi prodotti al carrello in modalità Preview, non saranno nel carrello una volta raggiunta la pagina successiva.

Per testare gli elementi Clerk che richiedono il passaggio di variabili tra le pagine, assicurati di “hard codare” tali variabili per il test.

Ad esempio, imposta la tua ricerca su una parola chiave specifica o seleziona un ID prodotto specifico aggiunto al carrello.

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