Jtl

Get Started

Installer Clerk på JTL ved at følge disse nemme trin

Få Clerk op at køre på din JTL-butik på blot få trin. Denne guide guider dig gennem processen med at tilslutte din butik, konfigurere plugin’et og synkronisere dine data.

Tilslut din butik #

Det første trin i installationen af Clerk er at forbinde din butik med din Clerk-konto.

Efter at have fulgt disse enkle trin, vil du kunne se din Demo Store, 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 login på my.clerk.io er det første, du skal gøre, at tilføje din butik:

Eksempel på hvordan det skal se ud
  1. Skriv Navn og Domæne på din webshop.

  2. Vælg JTL som Platform og vælg din Valuta.

  3. Klik på Add Store.

  4. Når butikken er oprettet, sendes en e-mail med dine offentlige og private nøgler til ejeren af kontoens e-mail.

Konfigurer forbindelse #

Fra hovedmenuen i Opsætningsguiden, klik på Install Extension:

Installationsudvidelsesside

Den næste side viser, hvad du skal gøre for at konfigurere JTL-forbindelsen.

Gå til dit Clerk-plugin i JTL-backend og tilføj de offentlige og private nøgler fra Clerk-butikken i de respektive felter.

Synkroniser butik #

Efter at have givet adgang, skal du blot synkronisere din butik.

Gå tilbage til Opsætningsguiden og klik på Sync Your Data:

Siden til synkronisering af dine data

Indtast dine butiksoplysninger og klik på Start Sync.

JTL feed url’en skal oprettes på baggrund af denne guide Creation of Data Feeds in JTL.

Fuld installations-eksempel #

VIGTIGT: Du skal have installeret plugin’et (S360 CLerk) i din JTL-backend under Plugins

Denne dokumentation guider dig gennem følgende trin:

Tilføjelse af en butik #

Hver Store i Clerk er et isoleret miljø med egne data, API-nøgler og Dashboard.

Det første, du skal gøre, når du sætter din Clerk-konto op, er at oprette din første Store:

Sådan ser skærmen til oprettelse af butik ud

Efter dette vil Opsætningsguiden guide dig igennem resten af opsætningen.

Bemærk, at hver gang en butik oprettes, sendes en email med offentlige og private nøgler til ejeren af virksomhedskontoen. Dette bruges til at skabe sikker adgang mellem Clerk og JTL.

Installation af tracking-scripts #

Med S360 Clerk-plugin’et kan du aktivere både besøgs- og ordresporingsscripts som vil blive indsat i dele af webshoppen:

  • Besøgs-tracking-scriptet, der initialiserer Clerk. Dette skal indsættes i headeren på webshoppen.

  • Ordre-tracking-scriptet, der muliggør sporing af ordrer i realtid. Dette installeres normalt på ordrebekræftelsessiden.

Du kan aktivere dem i JTL-plugin’et under sektionen ALLGEMEIN:

Inde i clerk-plugin’et, hvis du scroller lidt ned

Når begge scripts er indsat, vil Clerk være initialiseret.

Synkronisering af din butik #

For at vise resultater skal Clerk synkronisere med produkter, kategorier, salg, sider og kunder fra JTL via et genereret data-feed.

Dette gøres ved at opsætte et data-feed, som muliggør regelmæssig adgang til dataene.

Dette forklares nærmere i denne guide Creation of Data Feeds in JTL.

Når data-feeden er oprettet og tilføjet i dine Data sync settings under System Status i din my.clerk.io backend.

Tilføjelse af search og recommendations #

Frontend-elementer i Clerk består af to dele:

  • Et Design der styrer den visuelle præsentation af produkter. Dette kan tilpasses, så det matcher det ønskede udtryk, eller du kan anvende vores standard-designskabeloner Template Design to use in Clerk.

  • Ofte vil du bruge 3 Designs: Ét til Instant Search, search-siden samt recommendations.

Eksempel på en recommendations-slider ved brug af vores design editor
  • Et Element med en tilknyttet embedcode der viser produkterne. Hvert element har et specifikt navn i sin embedcode, som du skal tilføje i det respektive felts navn Clerk TemplateName. Dette bruges til at kommunikere mellem din webshop og det tilsvarende Clerk-element.

Setup Guide vil guide dig til, hvor hvert element skal placeres i de fleste JTL-opsætninger.

Når du er færdig, bør indstillingerne i plugin’et se således ud. Følgende billeder er til demonstrationsformål.

Credentials
OptionMeaning
API KeyDin API-nøgle modtaget fra Clerk
Private KeyDin ældre private API-nøgle fra Clerk. Påkrævet for at begrænse adgang til data-feeden.
LanguageSproget for data-feeden
customer groupPriser for kundegruppen
CurrencyValuta i data-feeden
Faceted designUdseende af facetterne
Tracking og Search-indstillinger
ComponentOptionMeaning
GenereltBrug cookieless trackingTracking uden brug af cookies
Brug indkøbskurv tracking?Informerer Clerk om ændringer i indkøbskurven (generel tracking af indkøbskurven)
Anonymiser emailsEmail-adresser sendes anonymt til Clerk (som hash).
Live Suche (Header)Aktivér live search?Hvis deaktiveret, vil Clerk Live search ikke blive vist i frontend.
Selektor LivesearchLive search-selektor uafhængig af Clerk
Clerk TemplateName LivesucheSkabelon til live search (Clerk Backend → Search → Elements → Live search → Insert into website → I koden værdien fra “data-template=’@WERT’”)
Antal søgeforslag i live searchAntal søgeforslag der skal vises
Antal kategori-forslagAntal viste kategori-forslag
Antal side-forslagAntal viste side-forslag
PositionPosition for live search-resultat i forhold til selektoren
Search (results page)Aktivér resultatside?Hvis deaktiveret, vil Clerk resultatside ikke blive vist i frontend.
Clerk TemplateName SearchSkabelon til live search (Clerk Backend → Search → Elements → Search → Insert into website → I koden værdien fra “data-template=’@WERT’”)
PositionsfacetterFacetternes placering
Vis facetter i URLVis facetter i URL
Clerk Facets AttributeKommasepareret liste over tilgængelige facetter (JTL-egenskaber)
Clerk Facets Attributes Multiple ValuesKommasepareret liste over facetter med flere værdier (JTL-karakteristika for ELLER-filtering)
Data feed og Recommendation-indstillinger
ComponentOptionMeaning
Data FeedCron-behandlingHvordan cron skal trigges for at generere data-feeden (uddybet i afsnittet Muligheder for oprettelse af data-feed)
Batch-størrelseBatch-størrelsen for feed’ets produkter (forklaret nærmere i batch-størrelsessektionen)
ProduktsideAktivér produktside-slider?Hvis deaktiveret, vil slideren på produktsiden ikke blive vist i frontend.
Artikel-selektor-sliderSelektor for artikel-slider uafhængig af Clerk
Clerk TemplateName ArticleNavn på slider-skabelonerne der skal vises. Flere kan angives som kommasepareret liste.
Slider Insert methodHvordan slideren skal tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende slidere i at indeholde produkter fra tidligere slidere (default: Ja)
IndkøbskurvsideAktivér indkøbskurv-slider?Hvis deaktiveret, vil slideren på indkøbskurvsiden ikke blive vist i frontend.
Indkøbskurv-selektor-sliderSelektor for indkøbskurv-slider uafhængig af Clerk
Clerk TemplateName Shopping CartNavn på slider-skabelonerne der skal vises. Flere kan angives som kommasepareret liste.
Slider Insert methodHvordan slideren skal tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende slidere i at indeholde produkter fra tidligere slidere (default: Ja)
PowerstepAktivér Powerstep Slider?Hvis deaktiveret, vil slideren i powerstep ikke blive vist i frontend.
Powerstep SelectorSelektor for Powerstep Slider uafhængig af Clerk
Clerk TemplateName PowerstepNavn på slider-skabelonerne der skal vises. Flere kan angives som kommasepareret liste.
Powerstep insertion methodHvordan slideren skal tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende slidere i at indeholde produkter fra tidligere slidere (default: Ja)
Kategori- og exit intent-indstillinger
ComponentOptionMeaning
KategorisideAktivér kategoriside-slider?Hvis deaktiveret, vil slideren på kategorisiden ikke blive vist i frontend.
Kategorie Selektor SliderSelektor for kategori-slider uafhængig af Clerk
Clerk TemplateName Shopping CartNavn på slider-skabelonerne der skal vises. Flere kan angives som kommasepareret liste.
Slider Insert methodHvordan slideren skal tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende slidere i at indeholde produkter fra tidligere slidere (default: Ja)
Exit IntentAktivér Exit Intent Slider?Hvis deaktiveret, vil exit intent ikke blive vist i frontend.
Clerk TemplateName Exit IntentSkabelon til exit intent

Flere domæner #

Den nemmeste måde at implementere Clerk på flere domæner i standard-opsætninger er ved at oprette en separat Store for hvert domæne i my.clerk.io, og derefter synkronisere dem med hvert af dine JTL-sprogsdomæner.

På denne måde kan du adskille produkter, omsætning, valuta m.v., så du kan holde styr på hvert domæne for sig.

  1. Start med at oprette din hoved-Store og følg Opsætningsguiden for at tilslutte din Store til Clerk, og vælg de Recommendations og/eller Search Results du ønsker at vise på din webshop.

  2. Når du er færdig med den indledende opsætning, gå tilbage til startsiden på my.clerk.io (klik på Clerk-logoet i øverste venstre hjørne af sidemenuen) og klik på "+ Add new store" som det sidste punkt på rullelisten (typisk under eksisterende store(s) og firmanavn):

Tilføj ny store-dropdown
  1. På siden Add New Store klik på Advanced for at se alle indstillinger.
Avancerede indstillinger
  1. Udfyld dine domæneoplysninger og vælg din hoved-Store i Copy Elements From Existing Store-dropdown’en, klik derefter på Add Store. Dette vil kopiere Elements og Designs fra din hoved-Store.
Kopier indhold fra eksisterende butik
  1. Nu kan du følge Opsætningsguiden igen for at aktivere Clerk ved at klikke på Getting Started, for at Sync Data for det nye domæne.
Getting started page
  1. Dette vil lade dig synkronisere dit domæne med din Store via my.clerk.io gennem Setup Guide.

  2. Når Data Sync er fuldført, er dit domæne klar og bruger samme opsætning som din hoved-Store.

  3. Gentag denne proces for alle dine JTL-sprogsdomæner. Husk at oversætte Headlines i Element-> Edit -> Select Design til det rigtige sprog.

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