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

Forbind din butik #

Tilføj butik #

Efter du har 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 Sprog og Valuta, og vælg BigCommerce som Platform.
Klik på Add Store.

Installer besøgendesporing #

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

Gå i din BigCommerce admin til Storefront > My Themes og klik på Make a copy.
Dette opretter en sikker kopi af temaet 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 venstre sidepanel, åbn templates > layout > base.html og indsæt 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' });

  {{#if customer.email}}
  Clerk('call', 'log/email', { email: '{{customer.email}}' });
  {{/if}}
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

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

Klik på Save & apply file.

Installer ordretracking #

I din BigCommerce admin, gå til Advanced Settings > Data Solutions.
Aktiver Affiliate Conversion Tracking og klik på Save.

Åbn fanen Affiliate Conversion Tracking.
Indsæt følgende nederst i 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 -->

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

Synkroniser produkter #

I din BigCommerce admin, gå til Advanced Settings > API Accounts.
Klik på Create API Account og vælg Create V2/V3 API Token.

Navngiv den “Clerk.io” og giv læseadgang til:
- Content
- Information & Settings
- Orders
- Order Transactions
- Products

Når du har konfigureret API-kontoen, skal du blot synkronisere din butik.

I Clerk skal du gå til my.clerk.io > Data > Configuration og vælge BigCommerce som din synkroniseringsmetode.
Indsæt Store Hash, Client ID, Client Secret og Access Token i BigCommerce-konfigurationen og tryk Save.

Efter du har gemt, kan du starte en datasynkronisering, når du er klar.

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, hvor du har tilføjet Clerk.

Log ind på din butiks BigCommerce-adminportal, 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 derefter “Customize”:

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

Sørg for, at denne stil matcher det tema, du har valgt (f.eks. hvis du arbejder med “Theme Light”, skal du vælge “Light” her):

Vælg temastil og klik derefter på “Continue”.

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

I øverste venstre hjørne kan du vælge den specifikke webshopside, du vil forhåndsvise. I dette eksempel hjemmesiden:

Note:

I preview-mode tillader BigCommerce ikke, at du medbringer variabler til en klikket-side.

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

For at teste Clerk-elementer, som kræver at variabler flyttes fra side til side, skal du sørge for at “hard kode” disse variabler ved test.

For eksempel, sæt din søgeforespørgsel til et specifikt nøgleord, eller vælg et specifikt produkt-ID, der er lagt i kurven.

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