Get Started

Bringen Sie Clerk in nur wenigen Schritten auf Ihrem Lightspeed-Shop zum Laufen. Dieser Leitfaden führt Sie durch die Verbindung Ihres Shops, die Installation der Tracking-Skripte und die Synchronisierung Ihrer Daten.

Ihren Shop verbinden #

Nachdem Sie diese einfachen Schritte befolgt haben, können Sie Ihre Live Demo ansehen, die Ihnen eine persönliche Übersicht darüber gibt, wie Clerk auf Ihrem Webshop funktioniert, bevor Sie den Rest des Systems einrichten.

Shop hinzufügen #

Nachdem Sie sich bei my.clerk.io angemeldet haben, müssen Sie zuerst Ihren Shop hinzufügen:

1. Geben Sie den Name und die Domain Ihres Webshops ein.

2. Wählen Sie Lightspeed als Plattform und wählen Sie Ihre Währung.

3. Klicken Sie auf Add Store.

Tracking-Skripte installieren #

1. Gehen Sie im Backend Ihres Lightspeed-Shops zu Settings > Website-Settings > Web Extras.

2. Besucher-Tracking: Suchen Sie das Feld Custom JS und fügen Sie das Clerk Besucher-Tracking-Skript ein.

   • Ersetzen Sie INSERT_PUBLIC_API_KEY durch Ihren Public Key aus my.clerk.io > Developers > API Keys.

• Falls dies nicht funktioniert, fügen Sie das Skript stattdessen in das Feld Tracking ein.

<!-- 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. Bestell-Tracking: Suchen Sie auf derselben Seite das Feld Tracking und fügen Sie den Clerk Bestell-Tracking-Code unterhalb des Besucher-Skripts ein.

<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. Klicken Sie auf Save.

Daten synchronisieren #

Die Datensynchronisierung verbindet Ihren Lightspeed-Shop mit Clerk, sodass Clerk Zugang zu Ihren Produkten, Bestellungen, Kunden und weiteren Shop-Informationen erhält. Dies ermöglicht Clerk, personalisierte Empfehlungen und Suchergebnisse basierend auf Ihren tatsächlichen Shop-Daten bereitzustellen. Folgen Sie den Schritten im Sync Data guide, um die Datensynchronisierung einzurichten.