SmartWeb

Get Started

Installa Clerk su SmartWeb seguendo questi semplici passaggi

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

Connessione del tuo negozio #

Dopo aver seguito questi passaggi potrai visualizzare 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 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 SmartWeb come Piattaforma.
Clicca su Add Store.

Installa il tracciamento dei visitatori #

Nell’amministrazione di SmartWeb, vai su Online Store > Design > Aktive designs > Rediger filer > partials > head.tpl.
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.

<!-- 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 -->

Fai clic su Gem per salvare le modifiche.

Installa il tracciamento degli ordini #

Nell’Admin di SmartWeb, trova il file Modules > Checkout > checkout-approved.tpl.
Inserisci il seguente codice 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}

Fai clic su Gem per salvare le modifiche.

Sincronizza i dati #

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

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