Shoporama

Get Started

Installieren und konfigurieren Sie Clerk auf Shoporama

Bringen Sie Clerk auf Ihrem Shoporama-Webshop zum Laufen. Diese Anleitung führt Sie durch die Verbindung Ihres Shops, die Installation von Tracking-Skripten und die Synchronisierung Ihrer Daten.

Für diese Schritte müssen Sie sowohl Ihr my.clerk.io als auch Ihr Shoporama-Konto geöffnet haben.

Shop hinzufügen #

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

  1. Geben Sie den Namen und die Domain Ihres Onlineshops ein.

  2. Wählen Sie die Sprache und Währung aus und wählen Sie Shoporama als Plattform.

  3. Klicken Sie auf Shop hinzufügen.

Add store form

Visitor-Tracking installieren #

  1. Gehen Sie im Shoporama-Backend zu Einstellungen > HTML felter.
HTML felter menu
  1. Klicken Sie auf Tilføj nyt HTML-felt und benennen Sie es “Clerk.io”.
Add HTML field
Name HTML field
  1. Fügen Sie das untenstehende Visitor-Tracking-Skript in das Textfeld ein und wählen Sie im Dropdown-Menü Tilføj automatisk til <head> aus.
<!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<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',
});

<{if $customer}>
Clerk('call', 'log/email', { email: '<{$customer->getEmail()}>' });
<{/if}>
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
Add script
  1. Klicken Sie auf Speichern.

Ihr Public Key und Private Key befinden sich unter my.clerk.io > Developers > API Keys.

Wenn Sie in einem Code-Beispiel INSERT_PUBLIC_API_KEY sehen, ersetzen Sie diesen durch Ihren Public Key aus my.clerk.io > Developers > API Keys.

Order-Tracking installieren #

  1. Gehen Sie zu Einstellungen > ... > Themen.
Temaer menu
  1. Klicken Sie auf das Stiftsymbol bei Ihrem aktiven Theme.
Edit theme
  1. Öffnen Sie thanks.html, indem Sie auf das Stiftsymbol daneben klicken.
Edit thanks page
  1. Suchen Sie nach <{if $order}> und fügen Sie das folgende Skript direkt darunter ein. Speichern Sie anschließend.
<script type="text/javascript">
  var clerk_order = {};
  clerk_order['sale'] = <{$order->getOrderId() |escape}>;
  clerk_order['email'] = '<{$order->getEmail() |escape}>';
  var clerk_products = [];
  <{foreach from=$order->getOrderProducts() key="i" item="OrderProduct"}>
  clerk_products.push({id: <{$OrderProduct->getProductId() |escape}>, 'price': <{$OrderProduct->getPrice() |escape}>, 'quantity': <{$OrderProduct->getAmount() |escape}>});
  <{/foreach}>
  clerk_order['products'] = clerk_products;
  Clerk('call','log/sale', { email: clerk_order['email'], sale: clerk_order['sale'], products: clerk_order['products'] });
</script>
Add sales tracking

Daten synchronisieren #

Sie benötigen Ihr API Access Token und Ihre Shop-URL.

  1. Gehen Sie in Shoporama zu Einstellungen > API.
API setup
  1. Klicken Sie auf Zugang hinzufügen.
Add access
  1. Benennen Sie den API-Account “Clerk.io” und setzen Sie die Rechte auf Nur lesen. Speichern.
Set rights
  1. Kopieren Sie das generierte Access Token.
Copy token

  1. Gehen Sie zu my.clerk.io > Data > Configuration und fügen Sie Access Token und Shop-URL in die entsprechenden Felder ein.

  2. Klicken Sie auf Start Sync und warten Sie, bis die Synchronisierung abgeschlossen ist.

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