Shoporama

Get Started

Clerk auf Shoporama installieren und konfigurieren

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, ist das Erste, was Sie tun müssen, Ihren Shop hinzuzufü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

Besucher-Tracking installieren #

  1. Gehen Sie in Ihrem Shoporama-Backend zu Settings > 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 Besucher-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',
});

</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
Add script
  1. Klicken Sie auf Save.

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

Wenn Sie INSERT_PUBLIC_API_KEY in einem Codebeispiel sehen, ersetzen Sie es durch Ihren Public Key aus my.clerk.io > Developers > API Keys.

Bestell-Tracking installieren #

  1. Gehen Sie zu Settings > ... > Temaer.
Temaer menu
  1. Klicken Sie auf das Stiftsymbol für Ihr aktives Theme.
Edit theme
  1. Öffnen Sie thanks.html, indem Sie auf das Stiftsymbol daneben klicken.
Edit thanks page
  1. Suchen Sie <{if $order}> und fügen Sie das folgende Skript direkt danach ein, dann speichern.
<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 #

Die Datensynchronisierung verbindet Ihren Shoporama-Webshop mit Clerk, sodass Clerk auf Ihre Produkte, Bestellungen, Kunden und andere Shop-Informationen zugreifen kann. Dies ermöglicht es Clerk, personalisierte Empfehlungen und Suchergebnisse auf Basis Ihrer tatsächlichen Shopdaten zu bieten. Folgen Sie den Schritten im Sync Data guide, um die Datensynchronisierung einzurichten.

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