SmartWeb

Get Started

Installa Clerk su SmartWeb seguendo questi semplici passaggi

Configura Clerk e fallo funzionare sul tuo store SmartWeb in pochi semplici passaggi. Questa guida ti accompagna nella connessione del tuo store, nell’installazione degli script di tracciamento e nella sincronizzazione dei tuoi dati.

Collegamento del tuo store #

Seguendo questi passaggi potrai vedere la tua Live Demo, 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:

  1. Scrivi il Nome e il Dominio del tuo negozio online.
  2. Scegli la Lingua e la Valuta e seleziona SmartWeb come Piattaforma.
  3. Clicca su Add Store.

Installa il tracciamento dei visitatori #

  1. Nell’amministrazione di 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 reperita da my.clerk.io > Developers > API Keys.
<!-- 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'
});

// Clerk.js Context
window.addEventListener('load', function() {
  var page = window.platform?.page || {};
  
  Clerk('context', {
    product: page.productId || null,
    category: !page.productId && page.type === 'product' ? parseInt(page.categoryId) : null,
    page: page.productId || (page.type === 'product') ? null : (page.id === '1' ? 'homepage' : page.type)
  });
});

{if isset($user) && $user.email}
  Clerk('call', 'log/email', { email: '{$user.email}' });
{/if}

</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  1. Clicca su Gem per salvare le modifiche.

Installa il tracciamento degli ordini #

  1. Nell’Admin di SmartWeb, cerca il file Modules > Checkout > checkout-approved.tpl.
  2. Inserisci il seguente codice di Order Tracking in fondo al file.
{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. Clicca su Gem per salvare le modifiche.

Sincronizza i dati #

La sincronizzazione dei dati collega il tuo store SmartWeb a Clerk, consentendo a Clerk di accedere a prodotti, ordini, clienti e altre informazioni dello store. Questo permette a Clerk di offrire consigli personalizzati e risultati di search basati sui dati reali del tuo store. Segui i passaggi indicati nella guida Sincronizza dati per impostare la sincronizzazione dei dati.

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