Lightspeed

Get Started

Installiere Clerk auf Lightspeed, indem du diese einfachen Schritte befolgst

Bringen Sie Clerk in nur wenigen Schritten auf Ihrem Lightspeed-Store zum Laufen. Dieser Leitfaden führt Sie durch die Verbindung Ihres Shops, die Installation von Tracking-Skripten und die Synchronisation Ihrer Daten.

Verbindung Ihres Shops #

Nachdem Sie diese einfachen Schritte befolgt haben, können Sie Ihre Live Demo ansehen, die Ihnen einen persönlichen Überblick 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 als Erstes Ihren Shop hinzufügen:

Add new store form

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

  2. Wählen Sie Lightspeed als Platform und wählen Sie Ihre Currency.

  3. Klicken Sie auf Add Store.

Tracking-Skripte installieren #

  1. Gehen Sie in Ihrem Lightspeed-Backend zu Einstellungen > Webseiten-Einstellungen > 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.
Tracking code box
  • 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 }}'
    }
  });
  // Clerk.js Context
  Clerk('context', {
    product: {% if product.id %}'{{ product.id }}'{% else %}null{% endif %},
    category: {% if collection.category_id %}'{{ collection.category_id }}'{% else %}null{% endif %},
    page: {% if product.id %}null{% else %}{% if collection.category_id %}null{% else %}'{{ template }}'{% endif %}{% endif %}
  });

  {% if page.account.email %}
  Clerk('call', 'log/email', { email: '{{ page.account.email }}' });
  {% endif %}
</script>
  1. Bestell-Tracking: Suchen Sie auf derselben Seite das Feld Tracking und fügen Sie unterhalb des Besucher-Skripts den Clerk Bestell-Tracking-Code ein.
Sales tracking code
<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>
  1. Klicken Sie auf Speichern.

Daten synchronisieren #

Durch das Synchronisieren der Daten wird Ihr Lightspeed-Store mit Clerk verbunden, sodass Clerk Zugriff auf Ihre Produkte, Bestellungen, Kunden und andere Shop-Informationen hat. Dadurch kann Clerk personalisierte Empfehlungen und Suchergebnisse basierend auf den tatsächlichen Shop-Daten bereitstellen. Folgen Sie den Schritten im Daten-Synchronisations-Leitfaden, um die Datensynchronisation einzurichten.

Diese Seite wurde von einer hilfreichen KI übersetzt, daher kann es zu Sprachfehlern kommen. Vielen Dank für Ihr Verständnis.