SmartWeb Classic

Get Started

Installieren Sie Clerk auf SmartWeb Classic, indem Sie diesen einfachen Schritten folgen

Bringen Sie Clerk in nur wenigen Schritten auf Ihrem SmartWeb Classic-Shop zum Laufen. Diese Anleitung führt Sie durch das Verbinden Ihres Shops, das Installieren von Tracking-Skripten und das Synchronisieren Ihrer Daten.

Ihren Shop verbinden #

Der erste Schritt der Clerk-Installation ist das Verbinden Ihres Shops mit Ihrem Clerk-Konto.

Nachdem Sie diese einfachen Schritte befolgt haben, können Sie Ihren Demo Store sehen, der Ihnen einen persönlichen Überblick darüber gibt, wie Clerk in 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 zunächst Ihren Shop hinzufügen:

Add new store form

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

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

  3. Klicken Sie auf Add Store.

Besucher-Tracking installieren #

  1. Gehen Sie in Ihrem SmartWeb Classic Backend zu Kontrolpanel > Design Manager > Rediger design.

  2. Klicken Sie auf Indsæt Javascript und fügen Sie das Clerk Besucher-Tracking-Skript ein. Klicken Sie anschließend auf Gem.

  3. Stellen Sie sicher, dass das Skript im Header unter <head> eingefügt wird.

Insert JavaScript dialog
Tracking script in header

Verwenden Sie INSERT_PUBLIC_API_KEY im untenstehenden Snippet und ersetzen Sie ihn durch Ihren Public Key aus my.clerk.io > Developers > API Keys.

<!-- Clerk.io Visitor Tracking (SmartWeb Classic) -->
<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>

Bestelltracking installieren #

  1. Gehen Sie in SmartWeb Classic zu Kontrolpanel > Design Manager > Rediger filer > Modules > Checkout.

  2. Öffnen Sie checkout-approved.tpl und fügen Sie den Sales-Tracking-Code am Ende der Datei ein.

Sales tracking code
<span
  class="clerk"
  data-api="log/sale"
  data-sale="{$page.orderId}"
  data-email="{$orderCustomer->Email}"
  data-customer="{$user->Id}"
  data-products='[{$products}]'>
</span>

Daten synchronisieren #

Durch das Synchronisieren der Daten wird Ihr SmartWeb Classic-Shop mit Clerk verbunden, 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 Shop-Daten bereitzustellen. Folgen Sie den Schritten im Sync Data guide, um die Datensynchronisation einzurichten.

Clerk.js hinzufügen #

  1. Klicken Sie im Seitenmenü Ihres Shops auf das Settings-Symbol und dann auf Tracking Code.
Settings tracking code
  1. Kopieren Sie das Tracking Script
Tracking script

  1. Fügen Sie diesen Code in die Datei ein, die alle Seiten generiert.

    Das ist normalerweise Kontrolpanel->Design Manager-> Rediger filer->index.tpl

Index template file
  1. Klicken Sie oben auf der Seite auf Gem, um Ihre Änderungen zu speichern.

Bestellungen tracken #

  1. Gehen Sie im SmartWeb Classic Admin zu Modules → Checkout → checkout-approved.tpl

  2. Fügen Sie den folgenden Sales-Tracking-Code am Ende der Datei, direkt vor dem schließenden </div>-Tag, ein.

   {% raw %}{if !empty($page.orderId)}
    {entity controller=order assign=order id=$page.orderId userId=false statusId=false}

    {* Order Customer entity *}
    {entity controller=orderCustomer assign=orderCustomer orderId=$page.orderId}

    {* Order Lines collection *}
    {collection controller=orderLine assign=orderLines orderId=$page.orderId repay=false}

    {* Group order collection by class *}
    {$orderList = $orderLines->groupByClass()}

    {assign var=products value=''}

    {if $orderLines->getActualSize() gt 0}
        {if isset($orderList['CollectionOrderLine'])}
            {foreach $orderList.CollectionOrderLine as $orderLine}
                {$products = $products|cat:{ldelim}|cat:' "id": '|cat:$orderLine->ProductId|cat:', "quantity": '|cat:$orderLine->Amount|cat:', "price": '|cat:$orderLine->Price|cat:{rdelim}}

                {if !$orderLine@last}
                    {$products = $products|cat:', '}
                {/if}
            {/foreach}
        {/if}
    {/if}

    <span
        class="clerk"
        data-api="log/sale"
        data-sale="{$page.orderId}"
        data-email="{$orderCustomer->Email}"
        data-customer="{$user->Id}"
        data-products='[{$products}]'>
    </span>
   {/if}{% endraw %}
Order tracking code
  1. Klicken Sie auf Gem, um Ihre Änderungen zu speichern.

Mehrere Websites #

Clerk kann ganz einfach in mehreren Sites integriert werden, die das gleiche SmartWeb Classic / Hostedshop-Backend verwenden.

Am einfachsten lässt sich Clerk in mehreren Sites in Standard-Setups implementieren, indem Sie für jede Site einen separaten Store in my.clerk.io. anlegen.

So können Sie Produkte, Verkäufe, Währungen usw. trennen, um jeden Site separat zu verwalten.

  1. Beginnen Sie mit dem Erstellen Ihres Haupt-Stores und folgen Sie dem Setup Guide, um Ihren Store mit Clerk zu verbinden und die Recommendations und/oder Search Results auszuwählen, die Sie in Ihrem Webshop anzeigen möchten.

  2. Wenn Sie die Ersteinrichtung abgeschlossen haben, gehen Sie zurück zur Startseite von my.clerk.io (indem Sie auf das Clerk-Logo in der oberen linken Ecke des Seitenmenüs klicken) und klicken Sie dann auf "+ Add new store" als letzte Option in der Ausklappliste (meist unter Ihren bestehenden Stores und Ihrem Firmennamen):

Add new store dropdown
  1. Klicken Sie auf der Add New Store-Seite auf Advanced, um alle Einstellungen zu sehen.
Advanced settings
  1. Füllen Sie die Details Ihres Webshops aus und wählen Sie Ihren Haupt-Store aus dem Dropdown-Menü Copy Elements From Existing Store, dann klicken Sie auf Add Store.

Dadurch werden die Elements und Designs aus Ihrem Haupt-Store übernommen.

Copy content from existing store
  1. Nun können Sie den Setup Guide erneut befolgen, um Clerk zu aktivieren, indem Sie auf Getting Started klicken, um Sync Data für die neue Site durchzuführen.
Getting started page

  1. Wechseln Sie in Ihrem SmartWeb Classic Backend zu der Site, die Sie einrichten möchten.

  2. So können Sie Clerk auf der Site mit dem Setup Guide unter my.clerk.io aktivieren.

  3. Sobald die Data Sync abgeschlossen ist, ist Ihre Site bereit und verwendet dasselbe Setup wie Ihr Haupt-Store.

Denken Sie daran, Headlines unter Element-> Edit -> Select Design ebenfalls auf die richtige Sprache zu übersetzen.

Diesen Prozess können Sie für alle Sites, die Sie mit Clerk verwenden möchten, wiederholen.

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