FAQ

Oplever du problemer med din Smartweb-integration? Denne FAQ dækker de mest almindelige problemer og deres løsninger, fra formatters til opgradering til Clerk.js 2.

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:

• Via 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 formatters kan tilføjes på én gang.

Eksempel på formatter #

Et eksempel kan ses nedenfor. Bemærk, at dette er til Clerk V2 (nyeste 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:

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 Formatters, kan du bruge dem i dine Designs med denne syntaks:

{%raw%}{{ price | log_price }} {{ price | calculate_discount | special_price }}{%endraw%}

Dette giver dig mulighed for at skabe enhver funktionalitet i dine Designs, som du har brug for.

HTTP-godkendelse #

HTTP-godkendelse bruges ofte på staging-sider for at undgå uønskede besøgende.

Dette vil blokere Clerk-importøren og vise en 401 Unauthorized-fejl i synkroniseringsloggen.

Du kan løse dette ved at indsætte godkendelsesoplysningerne i import-URL’en.

I my.clerk.io > Data > Configuration, opdater din import-URL således:

http://USER:PASS@www.ewoksRus.com

Opgradering til Clerk.js 2 #

Clerk.js 2 er en hurtigere og mere fleksibel version af vores JavaScript-bibliotek.

Det gør det nemmere at installere Clerk på enhver webshop.

Da de to versioner dog fungerer lidt forskelligt, skal du følge disse trin for at opgradere med succes.

De to hovedforskelle i Clerk.js 2 er:

• Designs i my.clerk.io bruger Liquid skabelonsprog, men kan også nemt oprettes med Design Editor.

• Scriptet skal indsættes lige før </head>-tagget i din webshops skabelon.

Opret designs #

Da Clerk.js 2 har en anden tilgang til Designs, skal du oprette nye.

Du kan oprette dine Clerk.js 2 Designs på en af to måder:

• Brug den intuitive Design Editor til at lave nye Designs, som beskrevet i de følgende punkter.

• Konverter dine gamle Designs. Følg denne guide for at se hvordan.

Design Editor mulighed #

1. Gå til my.clerk.io > Recommendations/Search > Designs > New Design.

2. På den følgende skærm, giv dit Design et Navn (vi anbefaler at tilføje “V2” så det er tydeligt, at du bruger Clerk.js 2).

3. Vælg Design Type og følg opsætningsguiden for designet.

4. Når du er færdig, klik på Create Design.

5. I Design Editor, klik på et af de eksisterende elementer som navn, billede, knap mv. for at redigere det, eller tilføj nye elementer til Designet for at inkludere flere oplysninger om produkter.

6. Klik på Publish når du er færdig, og gå til Step 2 i vejledningen.

7. Gå til Recommendations/Search > Content og skift dit Clerk Content til at bruge dit nye Design.

8. Klik på Update Content. Dette vil midlertidigt få dem til ikke at blive vist på din webshop, indtil du er færdig med Step 2. Vælg det nye Design for alt Content, der skal opdateres.

Du er nu klar til at skifte til Clerk.js 2.

Udskift script #

1. Find den skabelonfil, der bruges til at vise alle sider af webshoppen, og hvor det oprindelige Clerk.js-script findes nederst.

2. Fjern det gamle script fra filen:

3. Gå til my.clerk.io > Developers > Tracking Code. Denne side indeholder nu din Clerk.js 2 trackingkode.

4. Kopier denne kode og indsæt den lige før </head>-tagget i skabelonen:

5. Gem din skabelon.

Tillykke! Du kører nu på den meget forbedrede Clerk.js 2-opsætning!

Du kan se den fulde dokumentation for Clerk.js 2 her: https://docs.clerk.io/docs/clerkjs-quick-start