Get Started

Pon Clerk en funcionamiento en tu tienda Lightspeed en solo unos pocos pasos. Esta guía te guía por la conexión de tu tienda, la instalación de scripts de seguimiento y la sincronización de tus datos.

Conectar tu tienda #

Después de seguir estos sencillos pasos, podrás ver tu Live Demo, que te da 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 Lightspeed como la Plataforma y selecciona tu Moneda.

3. Haz clic en Add Store.

Instalar scripts de seguimiento #

1. En el backend de Lightspeed, ve a Settings > Website-Settings > Web Extras.

2. Seguimiento de visitantes: Busca la casilla Custom JS e inserta el script de seguimiento de visitantes de Clerk.

   • Sustituye INSERT_PUBLIC_API_KEY por tu Public Key de my.clerk.io > Developers > API Keys.

• Si esto no funciona, inserta el script en la casilla Tracking.

<!-- Clerk.io Visitor Tracking (Lightspeed) -->
<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',
    formatters: {
      convert_currency: function(price) {
        const rate_raw = '{{ 100 | money }}'.replace(/[^0-9.]/g, '');
        const rate = parseFloat(rate_raw) ? (parseFloat(rate_raw) / 100) : 1;
        return rate * price;
      }
    },
    globals: {
      currency_iso: '{{ shop.currency2.code }}',
      currency_symbol: '{{ shop.currency2.symbol }}'
    }
  });

  {% if page.account.email %}
  Clerk('call', 'log/email', { email: '{{ page.account.email }}' });
  {% endif %}
</script>

3. Seguimiento de pedidos: En la misma página, busca la casilla Tracking e inserta el código de seguimiento de pedidos de Clerk debajo del script de visitantes.

<span
  class="clerk"
  data-api="log/sale"
  data-sale="{{ order.information.number }}"
  data-email="{{ order.customer.email }}"
  data-customer="{{ order.customer.id }}"
  data-products='[{% for product in order.products %}{"id":{{ product.product_id }},"quantity":{{ product.quantity }},"price":{{ product.base_price_incl }}}{% if not loop.last %},{% endif %}{% endfor %}]'>
</span>

4. Haz clic en Save.

Sincronizar datos #

1. Ve a my.clerk.io > Data > Configuration.

2. Introduce la siguiente información para tu tienda Lightspeed:

   • Domain: La URL de tu tienda online (por ejemplo, https://www.beautifulshop.nl/).

   • Cluster ID: Consulta la documentación de Server Clusters de Lightspeed (elige el cluster de tu región, por ej. https://api.webshopapp.com/nl para NL).

   • API Key and API Secret: Contacta con el soporte de Lightspeed para que generen estas credenciales para tu tienda.

   • Language (opcional): Usa códigos como en o nl para configuraciones multilingües.

3. Inserta los datos en los campos del importador. Las opciones avanzadas pueden dejarse como están.

4. Haz clic en Start Sync y espera a que termine la sincronización.