FAQ

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 formatters.

Brug af formatters #

Clerk.js giver dig mulighed for at skrive brugerdefinerede JavaScript-funktioner, der tilføjer ny funktionalitet til dine Designs.

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

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

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

Eksempel på formatter #

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

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

Flere formatters #

Du kan skrive et vilkårligt antal formatters, adskilt med komma, sådan her:

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 #

Efter oprettelse af en formatter, kan du kalde den fra dit Design’s Liquid-skabelon ved at bruge formatterens navn.

Dette giver dig mulighed for at oprette enhver funktionalitet i dine Designs, som du ønsker at bruge med Clerk i din webshop.

Kundegruppepriser (Legacy) #

Denne funktion er udfaset og kan kun bruges, hvis du allerede har den aktiveret. Den virker ikke med Search 3.0 og vil ikke blive understøttet i fremtiden.

Opsætning af kundegruppepriser består af 2 trin:

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

2. Angiv en pris-kontekst, når indholdet vises på siden.

Kør fuld synkronisering #

Når du kører en fuld synkronisering mellem Clerk og BigCommerce, gemmer Clerk de forskellige kundegruppepriser og prisregler, der er aktive for shoppen.

Disse regler gemmes separat for hvert produkt og vil blive brugt, når produktet vises på hjemmesiden.

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

Angiv pris-kontekst #

Når produktet vises på hjemmesiden, skal du angive en pris-kontekst til Clerk.

Dette kan gøres ved at angive kundegruppe-ID’et for den nuværende kunde eller ved at angive deres e-mailadresse eller kunde-ID.

Pris-konteksten kan enten angives i HTML-attributterne for selve anchor-taggen til indholdet, eller den kan angives som en del af Clerk('config', ...)-kaldet.

HTML-attributter #

Her er nogle eksempler på, hvordan denne kode vil se ud, hvis den angives i selve anchor-taggen:

<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 vil se ud, hvis det angives som en del af Clerk('config', ...)-kaldet:

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

Fremgangsmåden ovenfor kan kombineres med, hvor andre standardværdier er sat ved indlæsning af siden:

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 anvende de variabler, der er tilgængelige i dit Stencil-tema, i stedet for at hardkode input til en given e-mailadresse eller bruger-ID.

Du kan se, hvordan man udskriver de forskellige kundevariabler i temaet nedenfor:

Customer Object BigCommerce

Her er et eksempel på, hvordan du kan bruge kundeobjektet i dit tema til dynamisk at angive pris-konteksten:

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