SmartWeb

Get Started

Instala Clerk en SmartWeb siguiendo estos sencillos pasos

Pon en marcha Clerk en tu tienda SmartWeb en solo unos pocos pasos. Esta guía te guía a través de la conexión de tu tienda, la instalación de scripts de seguimiento y la sincronización de tus datos.

Conectando tu tienda #

Después de seguir estos pasos, podrás ver tu Live Demo, que te ofrece una visión general personalizada de cómo funcionará Clerk 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 debes hacer es añadir tu tienda:

  1. Escribe el Nombre y el Dominio de tu tienda online.
  2. Elige el Idioma y la Moneda, y selecciona SmartWeb como la Plataforma.
  3. Haz clic en Add Store.

Instalar seguimiento de visitantes #

  1. En la administración de SmartWeb, 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 por tu Public Key de 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. Haz clic en Gem para guardar tus cambios.

Instalar seguimiento de pedidos #

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

Sincronizar datos #

La sincronización de datos conecta tu tienda SmartWeb con Clerk, permitiendo que Clerk acceda a tus productos, pedidos, clientes y otra información de la tienda. Esto permite que Clerk proporcione recomendaciones personalizadas y resultados de búsqueda basados en los datos reales de tu tienda. Sigue los pasos en 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.