ScanNet

Get Started

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

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

Shop verbinden #

Nachdem Sie diese Schritte durchgeführt haben, können Sie Ihre Live Demo sehen, die 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 als Erstes Ihren Shop hinzufügen:

Geben Sie den Namen und die Domain Ihres Onlineshops ein.
Wählen Sie die Sprache und Währung und wählen Sie ScanNet als Plattform aus.
Klicken Sie auf Add Store.

Besucher-Tracking installieren #

Gehen Sie in Ihrer ScanNet-Administration zu Online Store > Design > Aktive designs > Rediger filer > partials > head.tpl.
Fügen Sie den folgenden Code am unteren Ende der Datei ein. Ersetzen Sie INSERT_PUBLIC_API_KEY mit Ihrem Public Key aus my.clerk.io > Developers > API Keys.

<!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<script type="text/javascript">
    (function(){
        (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 $user}
      Clerk('call', 'log/email', { email: '{ $user->Email }' });
    {/if}
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

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

Bestell-Tracking installieren #

Suchen Sie in der ScanNet-Administration die Datei Modules > Checkout > checkout-approved.tpl.
Fügen Sie den folgenden Order Tracking-Code ganz unten in die Datei ein.

{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=''}

{assign var=total_discount value=0}
{assign var=total_items value=0}

{if $orderLines->getActualSize() gt 0}
    {if isset($orderList['CollectionOrderLine'])}

        {foreach $orderList.CollectionOrderLine as $orderLine}
            {if $orderLine->ProductId}
                {$total_items = $total_items + $orderLine->Amount}
            {else}
                {$total_discount = $total_discount + $orderLine->Price}
            {/if}
        {/foreach}

        {assign var=per_prod_discount value=$total_discount/$total_items}

        {foreach $orderList.CollectionOrderLine as $orderLine}
            {if $orderLine->ProductId}
                {if !$orderLine@first }
                    {$products = $products|cat:', '}
                {/if}
                {assign var=product_price value=$orderLine->Price + $per_prod_discount}
                {$products = $products|cat:{ldelim}|cat:' "id": '|cat:$orderLine->ProductId|cat:', "quantity": '|cat:$orderLine->Amount|cat:', "price": '|cat:$product_price|cat:{rdelim}}
            {/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}

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

Daten synchronisieren #

Das Synchronisieren der Daten verbindet Ihren ScanNet-Shop mit Clerk, sodass Clerk auf Ihre Produkte, Bestellungen, Kunden und andere Shop-Informationen zugreifen kann. So kann Clerk auf Basis Ihrer tatsächlichen Shop-Daten personalisierte Empfehlungen und Suchergebnisse anbieten. Befolgen Sie die Schritte 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.