Smartweb

Get Started

Installer Clerk på Smartweb ved at følge disse nemme trin

Få Clerk op at køre på din Smartweb-butik på blot få trin. Denne guide guider dig gennem at forbinde din butik, installere tracking scripts og synkronisere dine data.

Forbindelse af din butik #

Den første del af installationen af Clerk er at forbinde din butik med din Clerk-konto.

Når du har fulgt disse enkle trin, vil du kunne se din Demo Store, som giver dig et personligt overblik over, hvordan Clerk vil fungere på din webshop, inden du opsætter resten af systemet.

Tilføj butik #

Når du er logget ind på my.clerk.io, er det første, du skal gøre, at tilføje din butik:

Skriv Navn og Domæne på din webshop.
Vælg SmartWeb som Platform og vælg din Valuta.
Klik på Add Store.

Installer besøgs-tracking #

I din Smartweb-backend skal du gå til Kontrolpanel > Design Manager > Rediger design.
Klik på Indsæt Javascript og indsæt Clerk besøgs-tracking scriptet. Klik derefter på Gem.
Sørg for, at scriptet er indsat i headeren under <head>.

Brug INSERT_PUBLIC_API_KEY i uddraget nedenfor og erstat den med din Public Key fra 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>

Installer ordre-tracking #

I Smartweb skal du gå til Kontrolpanel > Design Manager > Rediger filer > Modules > Checkout.
Åbn checkout-approved.tpl og tilføj sales tracking koden nederst i filen.

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

Synkroniser data #

I Smartweb skal du oprette et Prisindeks: klik på Opret Eget Prisindeks og navngiv det “Clerk”.
Åbn prisindekset under Egne og indsæt kodeblokkene i de relevante skabeloner.

Klik på Gem og gå tilbage og kopier Prisindeks URL’en.

Gå til my.clerk.io > Data > Configuration og indsæt Prisindeks URL’en. Vælg sprog hvis nødvendigt og klik på Start Sync.

Tilføj Clerk.js #

Klik på Indstillinger-ikonet i side-menuen i din butik og derefter på Tracking Code.

Kopiér Tracking Scriptet

Indsæt denne kode i den fil, der genererer alle sider.
Dette er normalt Kontrolpanel->Design Manager-> Rediger filer->index.tpl

Klik på Gem øverst på siden for at gemme dine ændringer.

Tracking af ordrer #

I Smartweb Admin skal du gå til Modules → Checkout → checkout-approved.tpl
Indsæt følgende Sales-Tracking kode nederst i filen, lige før den afsluttende </div>-tag.

   {% 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 %}

Klik på Gem for at gemme dine ændringer.

Flere sites #

Clerk kan nemt integreres i flere Sites, der deler samme Smartweb / Hostedshop backend.

Den nemmeste måde at implementere Clerk på flere Sites i standard opsætninger er ved at oprette en separat Store for hvert Site i my.clerk.io.

På den måde kan du adskille produkter, salg, valutaer osv. og holde styr på hvert Site.

Start med at oprette din hoved Store og følg Setup-guiden for at tilkoble din Store til Clerk og vælg de Recommendations og/eller Search Results, du vil vise på din webshop.
Når du er færdig med den indledende opsætning, skal du gå tilbage til startsiden på my.clerk.io (ved at klikke på Clerk-logoet i øverste venstre hjørne af side-menuen) og derefter klikke på "+ Add new store", som er den sidste mulighed i rullegardinlisten (typisk under de eksisterende stores og dit firmanavn):

På Add New Store-siden skal du klikke på Advanced for at se alle indstillinger.

Udfyld detaljerne for din webshop, og vælg din hoved Store fra dropdown-menuen Copy Content From Existing Store, og klik derefter på Add Store.

Dette kopierer Content og Designs fra din hoved Store.

Nu kan du følge Setup-guiden igen for at aktivere Clerk ved at klikke på Getting Started for at Sync Data til det nye site.

I din Smartweb-backend skal du skifte til det Site, du vil opsætte.
Dette gør det muligt for dig at aktivere Clerk på Site via Setup-guiden på my.clerk.io.
Når Data Sync er færdig, er dit Site klar og bruger samme opsætning som din hoved Store.

Husk at oversætte Headlines under Content-> Edit -> Select Design til det rigtige sprog.

Du kan følge denne proces for alle sites, du vil bruge Clerk på.

Denne side er oversat af en hjælpsom AI, og der kan derfor være sproglige fejl. Tak for forståelsen.