SmartWeb

Get Started

Installa Clerk su SmartWeb seguendo questi semplici passaggi

Configura 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 dati.

Collegare il tuo store #

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

Aggiungi store #

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

  1. Inserisci il Nome e il Dominio del tuo negozio online.
  2. Scegli la Lingua e la Valuta, e seleziona SmartWeb come Piattaforma.
  3. Fai clic su Aggiungi Store.

Installa il tracciamento dei visitatori #

  1. Nell’amministrazione SmartWeb, vai su Online Store > Design > Aktive designs > Rediger filer > partials > head.tpl.
  2. Inserisci il seguente codice in fondo al file. Sostituisci INSERT_PUBLIC_API_KEY con la tua Public Key da my.clerk.io > Developers > API Keys.
Tracking script in head.tpl
<!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<script type="text/javascript">
    (function(){
        (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 $user}
      Clerk('call', 'log/email', { email: '{ $user->Email }' });
    {/if}
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  1. Fai clic su Gem per salvare le modifiche.

Installa il tracciamento degli ordini #

  1. Nell’Admin di SmartWeb, trova il file Modules > Checkout > checkout-approved.tpl.
  2. Inserisci il seguente codice di Order Tracking in fondo al file.
Sales tracking in checkout-approved.tpl
{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=''}

{assign var=total_discount value=0}
{assign var=total_items value=0}

{if $orderLines->getActualSize() gt 0}
    {if isset($orderList['CollectionOrderLine'])}

        {foreach $orderList.CollectionOrderLine as $orderLine}
            {if $orderLine->ProductId}
                {$total_items = $total_items + $orderLine->Amount}
            {else}
                {$total_discount = $total_discount + $orderLine->Price}
            {/if}
        {/foreach}

        {assign var=per_prod_discount value=$total_discount/$total_items}

        {foreach $orderList.CollectionOrderLine as $orderLine}
            {if $orderLine->ProductId}
                {if !$orderLine@first }
                    {$products = $products|cat:', '}
                {/if}
                {assign var=product_price value=$orderLine->Price + $per_prod_discount}
                {$products = $products|cat:{ldelim}|cat:' "id": '|cat:$orderLine->ProductId|cat:', "quantity": '|cat:$orderLine->Amount|cat:', "price": '|cat:$product_price|cat:{rdelim}}
            {/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}
  1. Fai clic su Gem per salvare le modifiche.

Sincronizza i dati #

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

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