Smartweb

Get Started

Installieren Sie Clerk auf Smartweb, indem Sie diese einfachen Schritte befolgen

Bringen Sie Clerk in nur wenigen Schritten in Ihrem Smartweb-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 bei der Installation von Clerk ist die Verbindung 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 funktionieren wird, 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:

Tragen Sie den Namen und die Domain Ihres Webshops ein.
Wählen Sie SmartWeb als Plattform und wählen Sie Ihre Währung.
Klicken Sie auf Add Store.

Besuchertracking installieren #

Gehen Sie in Ihrem Smartweb-Backend zu Kontrolpanel > Design Manager > Rediger design.
Klicken Sie auf Indsæt Javascript und fügen Sie das Clerk-Besuchertracking-Skript ein. Klicken Sie dann auf Gem.
Stellen Sie sicher, dass das Skript im Header unter <head> eingefügt ist.

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

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

Gehen Sie in Smartweb zu Kontrolpanel > Design Manager > Rediger filer > Modules > Checkout.
Öffnen Sie checkout-approved.tpl und fügen Sie den Sales-Tracking-Code am Ende der Datei ein.

<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 #

Erstellen Sie in Smartweb ein Prisindeks: Klicken Sie auf Opret Eget Prisindeks und benennen Sie es “Clerk”.
Öffnen Sie den Preisindex unter Egne und fügen Sie die Codeblöcke in die jeweiligen Templates ein.

Klicken Sie auf Gem og gå tilbage und kopieren Sie die Prisindeks-URL.

Gehen Sie zu my.clerk.io > Data > Configuration und fügen Sie die Prisindeks-URL ein. Wählen Sie ggf. die Sprache und klicken Sie auf Start Sync.

Clerk.js hinzufügen #

Klicken Sie auf das Einstellungen-Symbol im Seitenmenü Ihres Shops und dann auf Tracking Code.

Kopieren Sie das Tracking Script

Fügen Sie diesen Code in die Datei ein, die alle Seiten generiert.
Dies ist normalerweise Kontrolpanel->Design Manager-> Rediger filer->index.tpl

Klicken Sie oben auf der Seite auf Gem, um Ihre Änderungen zu speichern.

Bestellungen tracken #

Gehen Sie im Smartweb Admin zu Modules → Checkout → checkout-approved.tpl
Fügen Sie 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 %}

Klicken Sie auf Gem, um Ihre Änderungen zu speichern.

Mehrere Sites #

Clerk kann einfach in mehrere Sites integriert werden, die dasselbe Smartweb/Hostedshop-Backend nutzen.

Der einfachste Weg, Clerk in mehreren Sites bei Standard-Setups zu implementieren, ist das Erstellen eines separaten Store für jede Site unter my.clerk.io.

So können Sie Produkte, Verkäufe, Währungen usw. voneinander trennen, um jede Site einzeln zu verfolgen.

Beginnen Sie mit dem Erstellen Ihres Haupt-Store und folgen Sie dem Setup Guide, um Ihren Store mit Clerk zu verbinden und die Recommendations und/oder Search Results, die Sie in Ihrem Webshop anzeigen möchten, auszuwählen.
Wenn Sie mit der ersten Einrichtung fertig sind, kehren Sie zur Startseite von my.clerk.io zurück (indem Sie auf das Clerk-Logo in der oberen linken Ecke des Seitenmenüs klicken) und klicken Sie dann auf "+ Add new store", die letzte Option in der Auswahlliste (normalerweise unter den bestehenden Store(s) und Ihrem Firmennamen):

Klicken Sie auf der Add New Store page auf Advanced, um alle Einstellungen zu sehen.

Geben Sie die Details Ihres Webshops ein und wählen Sie Ihren Haupt-Store im Dropdown Copy Content From Existing Store aus, dann klicken Sie auf Add Store.

Dadurch werden die Content und Designs Ihres Haupt-Stores übernommen.

Jetzt können Sie den Setup Guide erneut ausführen, um Clerk zu aktivieren, indem Sie auf Getting Started klicken, um Daten zu synchronisieren für die neue Site.

Wechseln Sie in Ihrem Smartweb-Backend auf die Site, die Sie einrichten möchten.
Damit können Sie Clerk auf der Site über den Setup Guide unter my.clerk.io aktivieren.
Nach Beendigung der Data Sync ist Ihre Site bereit und verwendet das gleiche Setup wie Ihr Haupt-Store.

Denken Sie daran, auch die Headlines unter Content-> Edit -> Select Design in die richtige Sprache zu übersetzen.

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

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