ScanNet

Get Started

Instala Clerk en ScanNet siguiendo estos sencillos pasos

Pon en marcha Clerk en tu tienda ScanNet en solo unos pocos pasos. Esta guía te guiará para conectar tu tienda, instalar scripts de seguimiento y sincronizar tus datos.

Conectar tu tienda #

Después de seguir estos pasos, podrás ver tu Live Demo, que te ofrece una visión personal de cómo Clerk funcionará en tu tienda online antes de configurar el resto del sistema.

Añadir tienda #

Después de iniciar sesión en my.clerk.io, lo primero que necesitas hacer es añadir tu tienda:

  1. Escribe el Name y el Domain de tu tienda online.
  2. Elige el Language y la Currency, y selecciona ScanNet como la Platform.
  3. Haz clic en Add Store.

Instalar seguimiento de visitantes #

  1. En la administración de ScanNet, ve a Online Store > Design > Aktive designs > Rediger filer > partials > head.tpl.
  2. Inserta el siguiente código al final del archivo. Sustituye INSERT_PUBLIC_API_KEY con tu Public Key de 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. Haz clic en Gem para guardar los cambios.

Instalar seguimiento de pedidos #

  1. En el Admin de ScanNet, localiza el archivo Modules > Checkout > checkout-approved.tpl.
  2. Inserta el siguiente código de Order Tracking al final del archivo.
{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. Haz clic en Gem para guardar los cambios.

Sincronizar datos #

La sincronización de datos conecta tu tienda ScanNet con Clerk, permitiendo a Clerk acceder a tus productos, pedidos, clientes y otra información de tu tienda. Esto permite que Clerk ofrezca recomendaciones y resultados de búsqueda personalizados basados en los datos reales de tu tienda. Sigue los pasos de la guía de Sincronización de Datos para configurar la sincronización de datos.

Esta página ha sido traducida por una IA útil, por lo que puede contener errores de idioma. Muchas gracias por su comprensión.