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 tilslutning af din butik, konfiguration af pluginet og synkronisering af dine data.

Forbind din butik #

Det første skridt 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 resten af systemet opsættes.

Tilføj butik #

Når du er logget ind på my.clerk.io, skal du som det første 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, vil der blive sendt en email om dine offentlige og private nøgler til ejeren af kontoens email.

Konfigurer forbindelse #

Fra hovedmenuen i Setup Guide, klik på Install Extension:

Side for installation af udvidelsen

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

Gå til dit Clerk-plugin i JTL-backenden og indsæt public og private keys fra Clerk-butikken i de respektive felter.

Synkroniser butik #

Når du har givet adgang, skal du blot synkronisere din butik.

Gå tilbage til Setup Guide og klik på Sync Your Data:

Side for synkronisering af dine data

Indtast dine butiksoplysninger og klik Start Sync.

JTL feed-url’en skal laves ud fra denne guide Creation of Data Feeds in JTL.

Fuld installations-eksample #

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 opretter din Clerk-konto, er at oprette din første Store:

Sådan ser skærmen for butikoprettelse ud

Herefter guider Setup Guide dig gennem resten af opsætningen.

Bemærk at der hver gang en butik oprettes, sendes der en email med public og private keys til ejeren af virksomheds-kontoen. Dette bruges til at give sikker adgang mellem Clerk og JTL.

Installation af tracking scripts #

Med S360 Clerk-pluginet kan du aktivere både besøgs- og ordre-tracking scripts, som vil blive indsat på dele af webshoppen:

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

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

Du kan aktivere dem i JTL-pluginet under ALLGEMEIN sektionen:

Inde i clerk pluginet, 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 i et genereret datafeed.

Dette sker ved at opsætte et datafeed, hvor dataene kan tilgås regelmæssigt.

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

Når datafeedet er genereret og tilføjet til dine Data sync-indstillinger 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 ændres, så det matcher det udseende, du ønsker, eller du kan benytte nogle af vores standard designskabeloner Template Design to use in Clerk.

  • Ofte bruger du 3 Designs: Ét til Instant Search, søgesiden og Recommendations.

Eksempel på en recommendation-slider med vores design editor
  • Et Element med en tilknyttet embedcode som viser produkterne. Hvert element har et specifikt navn i sin embedcode, som du skal tilføje til det respektive feltnavn Clerk TemplateName. Dette bruges til kommunikation mellem din webshop og det pågældende clerk-element.

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

Når din opsætning er færdig, bør indstillingerne i pluginet se sådan ud. Følgende billeder er udelukkende til demonstrationsformål.

Credentials
OptionMeaning
API KeyDin API-nøgle modtaget fra Clerk
Private KeyDin ældre private API-nøgle leveret af Clerk. Kræves for at begrænse adgang til datafeed.
LanguageSprog for datafeedet
customer groupPriser for kundegruppen
CurrencyValuta i datafeedet
Faceted designDesign af facets
Tracking and Search settings
ComponentOptionMeaning
GenereltBrug cookieless trackingTracking uden brug af cookies
Brug af indkøbskurv-tracking?Informerer Clerk om ændringer i indkøbskurven (generel tracking af indkøbskurven)
Anonymisér emailsEmail-adresser sendes anonymt til Clerk (som hash).
Live Suche (Header)Aktivér live search?Hvis deaktiveret, vises Clerk Live search ikke i frontend.
Selektor LivesearchSelector til live search uafhængig af Clerk
Clerk TemplateName LivesucheSkabelon til live search (Clerk Backend → Search → Elements → Live search → Indsæt på hjemmeside → I koden værdien fra “data-template=’@WERT’”)
Antal søgeresultater i live searchAntal søgeresultater der vises
Antal kategori-forslagAntal kategori-forslag der vises
Antal side-forslagAntal side-forslag der vises
PositionPosition af live search-resultat i forhold til selector
Search (results page)Aktivér resultatside?Hvis deaktiveret, vises Clerk resultatsiden ikke i frontend.
Clerk TemplateName SearchSkabelon til live search (Clerk Backend → Search → Elements → Search → Indsæt på hjemmeside → I koden værdien fra “data-template=’@WERT’”)
Position af facetsPosition af facets
Vis facets i URLVis facets i URL
Clerk Facets AttributeKommasepareret liste over tilgængelige facets (JTL egenskaber)
Clerk Facets Attributes Multiple ValuesKommasepareret liste over tilgængelige facets med flere værdier (JTL egenskaber til OR-filtrering)
Data feed and Recommendation settings
ComponentOptionMeaning
Data FeedCron-behandlingHvordan cron skal køres for at generere datafeed (forklaret nærmere i afsnittet om muligheder ved oprettelse af datafeed)
Batch sizeBatch-størrelse for produkterne i feed’et (forklaret nærmere i batch size-sektionen)
ProduktsideAktivér produktside-slider?Hvis deaktiveret, vises slideren på produktsiden ikke i frontend.
Artikel-selectorsliderSelector for artikel-slideren uafhængig af Clerk
Clerk TemplateName ArticleNavne på slider-skabeloner der skal vises. Flere navne kan angives kommasepareret.
Slider Insert methodHvordan slideren tilføjes til selector (After, Append, Before, Prepand, ReplaceWith)
Filter duplicatesForhindrer at følgende sliders indeholder produkter fra tidligere sliders (standard: Ja)
IndkøbskurvsideAktivér indkøbskurv-slider?Hvis deaktiveret, vises slideren på indkøbskurvsiden ikke i frontend.
Selektorslider til indkøbskurvSelector til indkøbskurv-slideren uafhængig af Clerk
Clerk TemplateName Shopping CartNavne på slider-skabeloner der skal vises. Flere navne kan angives kommasepareret.
Slider Insert methodHvordan slideren tilføjes til selector (After, Append, Before, Prepand, ReplaceWith)
Filter duplicatesForhindrer at følgende sliders indeholder produkter fra tidligere sliders (standard: Ja)
PowerstepAktivér Powerstep Slider?Hvis deaktiveret, vises slideren i powerstep ikke i frontend.
Powerstep SelectorSelector til Powerstep Slider uafhængig af Clerk
Clerk TemplateName PowerstepNavne på slider-skabeloner der skal vises. Flere navne kan angives kommasepareret.
Powerstep insertion methodHvordan slideren tilføjes til selector (After, Append, Before, Prepand, ReplaceWith)
Filter duplicatesForhindrer at følgende sliders indeholder produkter fra tidligere sliders (standard: Ja)
Category and exit intent settings
ComponentOptionMeaning
KategorisideAktivér kategoriside-slider?Hvis deaktiveret, vises slideren på kategorisiden ikke i frontend.
Kategorie Selektor SliderSelector til kategori-slideren uafhængig af Clerk
Clerk TemplateName Shopping CartNavne på slider-skabeloner der skal vises. Flere navne kan angives kommasepareret.
Slider Insert methodHvordan slideren tilføjes til selector (After, Append, Before, Prepand, ReplaceWith)
Filter duplicatesForhindrer at følgende sliders indeholder produkter fra tidligere sliders (standard: Ja)
Exit IntentAktivér Exit Intent Slider?Hvis deaktiveret, vises Exit Intent ikke i frontend.
Clerk TemplateName Exit IntentSkabelon til exit intent

Flere domæner #

Den nemmeste måde at implementere Clerk i flere domæner i standardopsæ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 sprogdomæner.

På denne måde kan du opdele produkter, salg, valutaer osv. for at holde styr på hvert domæne.

  1. Start med at oprette din hoved Store og følg Setup Guide for at forbind din Store til Clerk, og vælg den/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 start siden på my.clerk.io (ved at klikke på Clerk-logoet i øverste venstre hjørne af side-menuen) og klik så på "+ Add new store" som sidste punkt i rullemenuen (typisk under de eksisterende stores og dit firmanavn):

Add new store dropdown
  1. Add New Store-siden, klik på Advanced for at se alle indstillinger.
Avancerede indstillinger
  1. Udfyld detaljerne for dit domæne, og vælg din hoved Store fra Copy Elements From Existing Store dropdown. Klik derefter på Add Store. Dette vil kopiere Elements og Designs fra din main Store.
Kopier indhold fra eksisterende butik
  1. Nu kan du igen følge Setup Guide for at aktivere Clerk ved at klikke på Getting Started, for at Sync Data for det nye domæne.
Getting started side
  1. Dette giver dig mulighed for at synkronisere dit domæne med din Store på my.clerk.io via Setup Guide.

  2. Når Data Sync er færdig, er dit domæne klar og bruger samme opsætning som din hoved Store.

  3. Gentag denne proces for hvert af dine JTL sprogdomæner. Husk at oversætte Headlines under Element-> Edit -> Select Design til det rigtige sprog også.

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