Smartweb

Get Started

Installa Clerk su Smartweb seguendo questi semplici passaggi

Metti in funzione Clerk sul tuo store Smartweb in pochi passaggi. Questa guida ti accompagna nel collegamento del tuo store, nell’installazione degli script di tracciamento e nella sincronizzazione dei tuoi dati.

Collegamento del tuo store #

Il primo passo per installare Clerk è collegare il tuo store al tuo account Clerk.

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

Aggiungi store #

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

Scrivi il Nome e il Dominio del tuo webshop.
Scegli SmartWeb come Piattaforma e seleziona la tua Valuta.
Clicca su Add Store.

Installa il tracciamento dei visitatori #

Nel backend di Smartweb, vai su Kontrolpanel > Design Manager > Rediger design.
Clicca su Indsæt Javascript e incolla lo script di rilevamento dei visitatori di Clerk. Poi clicca su Gem.
Assicurati che lo script sia inserito nell’header sotto <head>.

Usa INSERT_PUBLIC_API_KEY nello snippet qui sotto e sostituiscilo con la tua Public Key da my.clerk.io > Developers > API Keys.

<!-- Clerk.io Visitor Tracking (Smartweb) -->
<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>

Installa il tracciamento ordini #

In Smartweb, vai su Kontrolpanel > Design Manager > Rediger filer > Modules > Checkout.
Apri checkout-approved.tpl e aggiungi il codice di tracciamento vendite in fondo al file.

<span
  class="clerk"
  data-api="log/sale"
  data-sale="{$page.orderId}"
  data-email="{$orderCustomer->Email}"
  data-customer="{$user->Id}"
  data-products='[{$products}]'>
</span>

Sincronizza i dati #

In Smartweb, crea un Prisindeks: clicca su Opret Eget Prisindeks e chiamalo “Clerk”.
Apri il listino prezzi sotto Egne e inserisci i blocchi di codice nei template pertinenti.

Clicca su Gem og gå tilbage e copia l’URL del Prisindeks.

Vai su my.clerk.io > Data > Configuration e incolla l’URL del Prisindeks. Seleziona la lingua se necessario e clicca su Start Sync.

Aggiungere Clerk.js #

Clicca sull’icona Impostazioni nel menu laterale del tuo store e poi su Tracking Code.

Copia il Tracking Script

Inserisci questo codice nel file che genera tutte le pagine.
Normalmente si tratta di Kontrolpanel->Design Manager-> Rediger filer->index.tpl

Clicca su Gem in alto nella pagina per salvare le modifiche.

Tracciamento degli ordini #

Nell’Admin Smartweb vai su Modules → Checkout → checkout-approved.tpl
Inserisci il seguente Sales-Tracking code in fondo al file, appena prima del tag di chiusura </div>.

   {% raw %}{if !empty($page.orderId)}
    {entity controller=order assign=order id=$page.orderId userId=false statusId=false}

    {* Order Customer entity *}
    {entity controller=orderCustomer assign=orderCustomer orderId=$page.orderId}

    {* Order Lines collection *}
    {collection controller=orderLine assign=orderLines orderId=$page.orderId repay=false}

    {* Group order collection by class *}
    {$orderList = $orderLines->groupByClass()}

    {assign var=products value=''}

    {if $orderLines->getActualSize() gt 0}
        {if isset($orderList['CollectionOrderLine'])}
            {foreach $orderList.CollectionOrderLine as $orderLine}
                {$products = $products|cat:{ldelim}|cat:' "id": '|cat:$orderLine->ProductId|cat:', "quantity": '|cat:$orderLine->Amount|cat:', "price": '|cat:$orderLine->Price|cat:{rdelim}}

                {if !$orderLine@last}
                    {$products = $products|cat:', '}
                {/if}
            {/foreach}
        {/if}
    {/if}

    <span
        class="clerk"
        data-api="log/sale"
        data-sale="{$page.orderId}"
        data-email="{$orderCustomer->Email}"
        data-customer="{$user->Id}"
        data-products='[{$products}]'>
    </span>
   {/if}{% endraw %}

Clicca su Gem per salvare le modifiche.

Siti multipli #

Clerk può essere facilmente integrato in diversi Siti che condividono lo stesso backend Smartweb / Hostedshop.

Il modo più semplice per implementare Clerk in diversi Siti con configurazioni standard è creare uno Store separato per ciascun Sito su my.clerk.io.

In questo modo, puoi separare prodotti, vendite, valute ecc. per tenere traccia di ogni Sito.

Inizia creando il tuo Store principale e segui la Setup Guide per collegare lo Store a Clerk e scegliere le Recommendations e/o i Search Results che desideri visualizzare nel tuo webshop.
Al termine della configurazione iniziale, torna alla pagina iniziale di my.clerk.io (cliccando sul logo Clerk nell’angolo in alto a sinistra del menu laterale) quindi clicca su "+ Add new store", l’ultima opzione dell’elenco a scorrimento (generalmente sotto lo/gli Store esistenti e il nome della tua azienda):

Nella pagina Add New Store, clicca su Advanced per vedere tutte le impostazioni.

Inserisci i dettagli del tuo webshop e scegli il tuo Store principale dal menu a tendina Copy Content From Existing Store, poi clicca su Add Store.

Questo trasferirà i Content e i Designs dal tuo Store principale.

Ora puoi seguire di nuovo la Setup Guide per attivare Clerk cliccando su Getting Started, per Sync Data per il nuovo sito.

Nel backend Smartweb, passa al Sito che desideri configurare.
Questo ti permetterà di attivare Clerk sul Sito tramite la Setup Guide su my.clerk.io.
Quando la Data Sync è terminata, il tuo Sito è pronto e utilizza la stessa configurazione dello Store principale.

Ricorda di tradurre anche i Titoli, in Content-> Edit -> Select Design nella lingua corretta.

Puoi seguire questo processo per tutti i siti con cui desideri utilizzare Clerk.

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