Bigcommerce

Get Started

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

Få Clerk op at køre på din BigCommerce-butik på blot få trin. Denne guide guider dig gennem tilslutning af din butik, installation af sporingsscripts og synkronisering af dine data.

Tilslut din butik #

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

Tilføj butik #

Efter login på my.clerk.io er det første, du skal gøre, at tilføje din butik:

Skriv Navnet og Domænet på din onlinebutik.
Vælg Sprog og Valuta, og vælg BigCommerce som Platform.
Klik på Tilføj butik.

Installer besøgendesporing #

Vigtigt: I BigCommerce skal du være logget ind som butiksejer for at få adgang til disse indstillinger.

Gå til Storefront > My Themes i din BigCommerce-administration og klik på “Make a copy”.
Dette opretter en sikker temakopi til installation af Clerk.

På det nye tema, klik på de tre prikker (…)
og vælg “Apply” for at gøre det til det aktive tema.

Klik på Advanced > Edit Theme Files for at åbne temaeditoren.

I venstremenuen skal du åbne templates > layout > base.html og indsætte sporingsscriptet i <head>-sektionen lige før </head>.

<!-- 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' });

  // Clerk.js Context
  Clerk('context', {
    product: {{#if product.id}}'{{product.id}}'{{else}}null{{/if}},
    category: {{#if category.id}}'{{category.id}}'{{else}}null{{/if}},
    page: {{#if product.id}}null{{else}}{{#if category.id}}null{{else}}'{{page_type}}'{{/if}}{{/if}}
  });
  {{#if customer.email}}
  Clerk('call', 'log/email', { email: '{{customer.email}}' });
  {{/if}}
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

Erstat INSERT_PUBLIC_API_KEY med din Public Key, som findes i my.clerk.io > Developers > API Keys.

Klik på “Save & apply file”.

Installer ordersporing #

Gå i din BigCommerce-administration til Advanced Settings > Data Solutions.
Aktiver Affiliate Conversion Tracking, og klik på “Save”.

Åbn fanen Affiliate Conversion Tracking.
Indsæt følgende i bunden under Conversion Tracking Code og klik “Save”.

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

<!-- Start of Clerk sales tracking -->
<script>
  Clerk('call', 'log/sale/bigcommerce', { sale: '%%ORDER_ID%%' });
</script>
<!-- End of Clerk sales tracking -->

Erstat INSERT_PUBLIC_API_KEY med din Public Key fundet i my.clerk.io > Developers > API Keys..

Synkronisér data #

Synkronisering af data forbinder din BigCommerce-butik med Clerk, så Clerk kan få adgang til dine produkter, ordrer, kunder og andre butiksoplysninger. Dette gør det muligt for Clerk at give personlige anbefalinger og søgeresultater baseret på dine faktiske butikdata. Følg trinnene i Sync Data guide for at opsætte datasynkronisering.

Forhåndsvisning af elementer #

For at komme i gang med at forhåndsvise Clerk-elementer i din webshop, skal du først tilgå det tema, du har brugt til at tilføje Clerk.

Log ind på din butiks BigCommerce-administrationsportal, og vælg derefter “Storefront” > “My Themes” fra menuen til venstre:

Når du har fundet dit tema, klik på de tre prikker nederst til højre, og vælg derefter “Customize”:

Når du har klikket “Customize”, får du mulighed for at vælge en tema-stil, der skal tilpasses.

Sørg for, at denne stil matcher den pågældende tema du har valgt (for eksempel, hvis du arbejder med “Theme Light”, skal du vælge “Light” her):

Vælg tema-stil, og klik derefter “Continue.”

Når du er på Preview-siden, skal du sørge for at vælge “Preview” øverst på skærmen.

I øverste venstre hjørne kan du vælge den specifikke webshop-side, du gerne vil forhåndsvise, i dette eksempel Forside:

Bemærk:

I preview-tilstand tillader BigCommerce ikke, at du bærer variabler videre til en igennem-klikket side.

Hvis du f.eks. lægger produkter i kurven i Preview, vil de ikke være i kurven, når du klikker dig videre.

For at teste Clerk-elementer, der kræver, at variabler bliver ført fra side til side, skal du sørge for at “hard code” disse variabler til test.

For eksempel, angiv din søgeforespørgsel til et bestemt nøgleord, eller vælg et specifikt produkt-ID tilføjet til kurven.

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