Smartweb

Get Started

Instala Clerk en Smartweb siguiendo estos sencillos pasos

Pon Clerk en funcionamiento 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 #

El primer paso para instalar Clerk es conectar tu tienda con tu cuenta Clerk.

Después de seguir estos sencillos pasos, podrás ver tu Demo Store, que te ofrece una visión general personal 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:

Add new store form

  1. Escribe el Nombre y el Dominio de tu tienda online.

  2. Elige SmartWeb como Platform y selecciona tu Currency.

  3. Haz clic en Add Store.

Instalar seguimiento de visitantes #

  1. En el backend de tu Smartweb, ve a Kontrolpanel > Design Manager > Rediger design.

  2. Haz clic en Indsæt Javascript y pega el script de seguimiento de visitantes de Clerk. Luego haz clic en Gem.

  3. Asegúrate de que el script esté insertado en el encabezado bajo <head>.

Insert JavaScript dialog
Tracking script in header

Utiliza INSERT_PUBLIC_API_KEY en el fragmento de abajo y reemplázalo por tu Public Key desde my.clerk.io > Developers > API Keys.

<!-- Clerk.io Visitor Tracking (Smartweb) -->
<script type="text/javascript">
  (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' });
</script>

Instalar seguimiento de pedidos #

  1. En Smartweb, ve a Kontrolpanel > Design Manager > Rediger filer > Modules > Checkout.

  2. Abre checkout-approved.tpl y agrega el código de seguimiento de ventas al final del archivo.

Sales tracking code
<span
  class="clerk"
  data-api="log/sale"
  data-sale="{$page.orderId}"
  data-email="{$orderCustomer->Email}"
  data-customer="{$user->Id}"
  data-products='[{$products}]'>
</span>

Sincronizar datos #

  1. En Smartweb, crea un Prisindeks: haz clic en Opret Eget Prisindeks y nómbralo “Clerk”.

  2. Abre el índice de precios en Egne e inserta los bloques de código en las plantillas correspondientes.

Prisindeks page
Insert code dialog
  1. Haz clic en Gem og gå tilbage y copia la URL de Prisindeks.
Prisindeks URL
  1. Ve a my.clerk.io > Data > Configuration y pega la URL de Prisindeks. Selecciona el idioma si es necesario y haz clic en Start Sync.

Añadiendo Clerk.js #

  1. Haz clic en el icono de Configuración en el menú lateral de tu tienda y luego en Tracking Code.
Settings tracking code
  1. Copia el Tracking Script
Tracking script

  1. Inserta este código en el archivo que genera todas las páginas.

    Normalmente es Kontrolpanel->Design Manager-> Rediger filer->index.tpl

Index template file
  1. Haz clic en Gem en la parte superior de la página para guardar los cambios.

Seguimiento de pedidos #

  1. En el Admin de Smartweb ve a Modules → Checkout → checkout-approved.tpl

  2. Inserta el siguiente Sales-Tracking code en la parte inferior del archivo, justo antes de la etiqueta de cierre </div>.

   {% raw %}{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=''}

    {if $orderLines->getActualSize() gt 0}
        {if isset($orderList['CollectionOrderLine'])}
            {foreach $orderList.CollectionOrderLine as $orderLine}
                {$products = $products|cat:{ldelim}|cat:' "id": '|cat:$orderLine->ProductId|cat:', "quantity": '|cat:$orderLine->Amount|cat:', "price": '|cat:$orderLine->Price|cat:{rdelim}}

                {if !$orderLine@last}
                    {$products = $products|cat:', '}
                {/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}{% endraw %}
Order tracking code
  1. Haz clic en Gem para guardar los cambios.

Múltiples sitios #

Clerk se puede integrar fácilmente en varios Sites que compartan el mismo backend de Smartweb / Hostedshop.

La forma más sencilla de implementar Clerk en varios Sites en configuraciones estándar es creando una Store separada para cada Sites en my.clerk.io.

De esta manera, puedes separar productos, ventas, monedas, etc. para llevar el control de cada Site.

  1. Comienza creando tu main Store y sigue la Guía de Configuración para conectar tu Store a Clerk y elegir los Recommendations y/o Search Results que quieres mostrar en tu tienda online.

  2. Cuando termines la configuración inicial, vuelve a la página principal de my.clerk.io (haciendo clic en el logo de Clerk en la esquina superior izquierda del menú lateral) y luego haz clic en "+ Add new store", la última opción de la lista desplegable (generalmente debajo de la(s) tienda(s) existente(s) y el nombre de tu empresa):

Add new store dropdown
  1. En la página Add New Store, haz clic en Advanced para ver todos los ajustes.
Advanced settings
  1. Rellena los detalles de tu tienda online y elige tu main Store en el menú desplegable Copy Content From Existing Store, luego haz clic en Add Store.

Esto transferirá el Content y los Designs de tu main Store.

Copy content from existing store
  1. Ahora puedes seguir de nuevo la Guía de Configuración para activar Clerk haciendo clic en Getting Started, para Sync Data para el nuevo site.
Getting started page

  1. En tu backend de Smartweb, cambia al Site que quieres configurar.

  2. Esto te permitirá activar Clerk en el Site a través de la Guía de Configuración en my.clerk.io.

  3. Cuando termine la Data Sync, tu Site estará listo y usando la misma configuración que tu main Store.

Recuerda traducir los Headlines, en Content-> Edit -> Select Design al idioma correcto también.

Puedes seguir este proceso para todos los sites en los que quieras usar Clerk.

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