Get Started

Conectando tu tienda #

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

Después de seguir estos simples pasos, podrás ver tu Tienda de Demostración, que te ofrece una visión personal de cómo funcionará Clerk.io en tu tienda en línea, antes de configurar el resto del sistema.

1. Agregar tienda #

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

1. Escribe el Nombre y Dominio de tu tienda en línea.

2. Elige SmartWeb como la Plataforma y selecciona tu Moneda.

3. Haz clic en Agregar tienda.

2. Configurar el feed de Smartweb #

Desde el menú principal de la Guía de Configuración, haz clic en Instalar Extensión:

La siguiente página muestra lo que necesitas hacer para configurar el feed de SmartWeb .

Sigue los pasos para habilitar el seguimiento de visitantes y ventas, y acceder al feed de SmartWeb:

3. Sincroniza tu tienda #

Después de permitir el acceso, simplemente necesitas sincronizar tu tienda.

Regresa a la Guía de Configuración y haz clic en Sincroniza tus datos:

Escribe los detalles de tu tienda y haz clic en Iniciar sincronización:

Clerk.io ahora importará tus productos, categorías y ventas.

Cuando haya terminado, tu tienda estará conectada. ¡Buen trabajo!

Agregar Clerk.js #

1. Haz clic en el icono de Configuración en el menú lateral de tu tienda y luego en Código de seguimiento.

2. Copia el Script de seguimiento

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

       Esto normalmente es Kontrolpanel->Design Manager-> Rediger filer->index.tpl

4. Haz clic en Guardar en la parte superior de la página para guardar tus cambios.

Seguimiento de pedidos #

1. En el Admin de Smartweb, ve a Módulos → Checkout → checkout-approved.tpl

2. Inserta el siguiente código de seguimiento de ventas 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}

       {* Entidad de cliente del pedido *}
       {entity controller=orderCustomer assign=orderCustomer orderId=$page.orderId}

       {* Colección de líneas de pedido *}
       {collection controller=orderLine assign=orderLines orderId=$page.orderId repay=false}

       {* Agrupar colección de pedidos por clase *}
       {$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 %}

4. Haz clic en Guardar para guardar tus cambios.

Múltiples sitios #

Clerk.io se puede integrar fácilmente en varios sitios que comparten el mismo backend de Smartweb / Hostedshop.

La forma más sencilla de implementar Clerk.io en múltiples sitios en configuraciones estándar es creando una tienda separada para cada sitio en my.clerk.io.

De esta manera, puedes separar productos, ventas, monedas, etc. para hacer un seguimiento de cada sitio.

1. Comienza creando tu tienda principal y sigue la Guía de Configuración para conectar tu tienda a Clerk.io y elegir las Recomendaciones y/o Resultados de Búsqueda que deseas mostrar en tu tienda en línea.

2. Cuando hayas terminado con la configuración inicial, regresa a la página de inicio de my.clerk.io (haciendo clic en el logo de Clerk.io en la esquina superior izquierda del menú lateral) y luego haz clic en "+ Agregar nueva tienda" la última opción de la lista desplegable (generalmente debajo de las tiendas existentes y tu nombre de empresa):

     3. En la página Agregar nueva tienda, haz clic en Avanzado para ver todas las configuraciones.

4. Completa los detalles de tu tienda en línea y elige tu tienda principal del menú desplegable Copiar contenido de la tienda existente, luego haz clic en Agregar tienda.

Esto trasladará el Contenido y los Diseños de tu tienda principal.

5. Ahora puedes seguir la Guía de Configuración nuevamente, para activar Clerk.io haciendo clic en Comenzar, para Sincronizar datos para el nuevo sitio.

6. En tu backend de Smartweb, cambia al sitio que deseas configurar.

7. Esto te permitirá activar Clerk.io en el sitio a través de la Guía de Configuración en

my.clerk.io

8. Cuando la Sincronización de datos haya terminado, tu sitio estará listo y utilizando la misma

       configuración que tu tienda principal.

Recuerda traducir Títulos, en Contenido-> Editar -> Seleccionar diseño al idioma correcto también.

Puedes seguir este proceso para todos los sitios que deseas usar Clerk.io con.