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 at forbinde din butik, installere sporingsscripts og synkronisere dine data.

Forbind din butik #

Efter at have 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 at have logget ind på my.clerk.io, er det første, du skal gøre, at tilføje din butik:

Skriv Navn og Domæne for din online butik.
Vælg Sprog og Valuta, og vælg BigCommerce som Platform.
Klik på Tilføj butik.

Installer besøgs-sporing #

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

Gå til Storefront > My Themes i din BigCommerce admin og klik på Make a copy.
Dette opretter en sikker tema-kopi til at installere Clerk.

På det nye tema skal du klikke på de tre prikker (…)
og vælge 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 du finder i my.clerk.io > Developers > API Keys.

Klik på Save & apply file.

Installer ordre-sporing #

Gå til Advanced Settings > Data Solutions i din BigCommerce admin.
Aktiver Affiliate Conversion Tracking og klik på Save.

Åbn fanen Affiliate Conversion Tracking.
Indsæt følgende i bunden af Conversion Tracking Code og klik på 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 fra my.clerk.io > Developers > API Keys..

Synkronisér data #

Synkronisering af data forbinder din BigCommerce-butik med Clerk, hvilket giver Clerk adgang til dine produkter, ordrer, kunder og anden butikinformation. Dette gør det muligt for Clerk at levere personlige anbefalinger og søgeresultater baseret på dine faktiske butiksdata. Følg trinene 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 i din butiks BigCommerce admin portal, og vælg derefter “Storefront” > “My Themes” fra menuen til venstre:

Når du har fundet dit tema, klik på de tre prikker i nederste højre hjørne og vælg “Customize”:

Efter at have klikket på “Customize”, får du mulighed for at vælge en temastil for at tilpasse.

Sørg for, at denne stil matcher den temastil, du har valgt (for eksempel, hvis du arbejder med “Theme Light”, så vælg “Light” her):

Vælg temastilen, og klik derefter på “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 webshoppage, du vil forhåndsvise, i dette eksempel Forside:

Note:

I preview-tilstand tillader BigCommerce ikke, at du medbringer variable til en side, du klikker videre til.

For eksempel, hvis du tilføjer produkter til kurven i Preview, vil de ikke være i kurven, når du klikker videre.

For at teste Clerk-elementer, der kræver, at variable flytter sig fra side til side, skal du sørge for at “hardcode” disse variable under testen.

For eksempel, indstil din søgeforespørgsel til et bestemt søgeord, 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.