Bigcommerce

FAQ

Løsninger på almindelige spørgsmål og problemer ved brug af Clerk med BigCommerce

Støder du på problemer med din BigCommerce-integration? Denne FAQ dækker de mest almindelige problemer og deres løsninger, fra kundespecifikke priser til formateringsfunktioner.

Kundespecifikke priser #

Opsætningen af kundespecifikke priser består af 2 trin:

  1. Kør en fuld synkronisering mellem Clerk og BigCommerce.

  2. Angiv en priskontekst, når indholdet vises på siden.

Kør fuld synkronisering #

Når du kører en fuld synkronisering mellem Clerk og BigCommerce, vil Clerk gemme de forskellige kundespecifikke priser og de prissætninger, der er aktive for butikken.

Disse regler vil blive gemt separat for hvert produkt og bruges, når produktet vises på webshoppen.

Disse regler opdateres også kun, når der køres en fuld synkronisering.

Angiv priskontekst #

Når produktet vises på webshoppen, skal du angive en priskontekst til Clerk.

Dette kan gøres ved at angive kundegruppe-ID’et for den aktuelle kunde, eller ved at angive deres emailadresse eller kunde-ID.

Priskonteksten kan angives enten i HTML-attributterne for indholdets anchor-tag, eller som en del af Clerk('config', ...)-kaldet.

HTML-attributter #

Her er nogle eksempler på, hvordan denne kode ville se ud, hvis den blev angivet i anchor-tagget selv:

<span
  class="clerk"
  data-template="@content-1"
  data-price_context='{"customer":{"email": "support@clerk.io"}}'
></span>

<span
  class="clerk"
  data-template="@content-2"
  data-price_context='{"customer":{"id": 12345}}'
></span>

<span
  class="clerk"
  data-template="@content-3"
  data-price_context='{"qualifiers":{"customer_group_id": 0}}'
></span>

Clerk config #

Her er et eksempel på, hvordan dette ser ud, hvis det angives som en del af Clerk('config', ...)-kaldet:

Clerk('config', {
  price_context: {
    customer: {
      email: "support@clerk.io"
    }
  }
})

Metoden ovenfor kan kombineres med, hvor andre standardværdier sættes ved sides indlæsning:

Clerk('config', {
  key: 'YOUR_PUBLIC_KEY',
  language: 'english',
  price_context: {
    customer: {
      email: "support@clerk.io"
    }
  }
})

Dynamisk indsættelse #

For at indsætte dette indhold dynamisk, skal du benytte de variabler, der stilles til rådighed i dit Stencil-theme, fremfor at hardkode til en given emailadresse eller bruger-ID.

Du kan se, hvordan de forskellige kundevariabler udskrives i temaet herunder:

Customer Object BigCommerce

Her er et eksempel på, hvordan du kan bruge kundeobjektet i dit tema til dynamisk at sætte priskonteksten:

<span
  class="clerk"
  data-template="@content-1"
  data-price_context='{"customer":{"email": "{{ customer.email }}"} }'
></span>

Brug af formateringsfunktioner #

Clerk.js gør det muligt at skrive brugerdefinerede JavaScript-funktioner, der tilføjer ny funktionalitet til dine Designs.

Formateringsfunktioner kan tilføjes på to måder:

  • Gennem my.clerk.io > Developers > Formatters, hvor hver formatter kan oprettes som separate poster.

  • Som en configuration for Clerk.js i tracking-scriptet, der indsættes på alle sider, hvor flere formateringsfunktioner kan tilføjes på én gang.

Eksempel på formatter #

Et eksempel kan ses nedenfor. Bemærk at dette er Clerk V2 (seneste version):

Clerk('config', {
  key: 'O7UITkJIXqXibeQF9ONobiGGKYYKtbvh',
  formatters: {
    log_price: function(price) {
      console.log(price);
    }
  }
});

Flere formateringsfunktioner #

Du kan skrive et vilkårligt antal formateringsfunktioner, adskilt med komma, således:

formatters: {
  log_price: function(price) {
    console.log(price);
  },
  calculate_discount: function(price, special_price) {
    return price - special_price;
  },
  substring: function(text) {
    var short_string = text.substring(0, 20);
    return short_string;
  }
}

Brug i designs #

Når du har oprettet dine formateringsfunktioner, kan du bruge dem i Designs med denne syntaks:

Formatter syntax in designs

Dette gør det muligt for dig at oprette enhver funktionalitet i dine Designs, som du ønsker at bruge med Clerk på din webshop.

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