Jtl

Get Started

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

Få Clerk op at køre på din JTL-butik på blot få trin. Denne guide guider dig gennem forbindelsen til din butik, konfiguration af pluginet og synkronisering af dine data.

Tilslutning af 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, inden du opsætter resten af systemet.

Tilføj butik #

Når du er logget ind på my.clerk.io, er det første du skal gøre, at tilføje din butik:

Example of how it should look
  1. Skriv webshopens Navn og Domæne.

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

  3. Klik på Add Store.

  4. Når butikken er oprettet, bliver der sendt en email med dine public og private keys til ejeren af kontoens email.

Konfigurér forbindelse #

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

Install extension page

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

Gå til din Clerk plugin i JTL-backend og tilføj public og private keys fra din clerk butik i de respektive felter.

Synkroniser butik #

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

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

Sync your data page

Udfyld dine butiksoplysninger og klik på Start Sync.

JTL-feed-url’en skal oprettes efter denne guide Creation of Data Feeds in JTL.

Fuld installationsguide #

VIGTIGT: Du skal have installeret pluginet (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 opsætter din Clerk-konto, er at oprette din første Store:

How the store creation screen looks

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

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

Installering af tracking scripts #

Med S360 Clerk-pluginet kan du aktivere både besøgs- og ordresporingsscripts, som indsættes på dele af webshoppen:

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

  • Ordresporingsscriptet gør det muligt at spore ordrer i realtid. Dette er som regel installeret på ordrebekræftelsessiden.

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

Inside the clerk plugin if you scroll a bit down

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 gøres ved at opsætte et datafeed, som muliggør regelmæssig adgang til dataene.

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 Systemstatus 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 den ønskede stil, eller du kan bruge nogle af vores standard designskabeloner Template Design to use in Clerk.

  • Oftest vil du bruge 3 Designs: Et til Instant Search, Search-siden og Recommendations.

Example of a recommendation slider using our design editor
  • Et Content med en vedhæftet embedcode, der viser produkterne. Hvert content har et specifikt navn i sin embedcode, som du ønsker at tilføje til det respektive feltnavn Clerk TemplateName. Dette bruges til kommunikation mellem din webshop og det respektive clerk content.

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

Når opsætningen er færdig, bør indstillingerne i pluginet se således ud. Følgende billeder er udelukkende til demonstration.

Credentials
OptionMeaning
API KeyDin API-nøgle modtaget fra Clerk
Private KeyDin gamle private API-nøgle leveret af Clerk. Kræves for at begrænse adgang til datafeed’et.
LanguageDatafeed’ets sprog
customer groupPriser for kundegruppen
CurrencyValuta i datafeed
Faceted designFacetternes design
Tracking and Search settings
ComponentOptionMeaning
GenereltBrug cookieløs trackingSporing uden brug af cookies
Brug indkøbskurvssporing?Informerer Clerk om ændringer i indkøbskurven (generel sporing af indkøbskurven)
Anonymisér emailsEmail-adresser sendes anonymt til Clerk (som hash).
Live Suche (Header)Aktiver live search?Hvis deaktiveret, vises Clerk Live search ikke i frontend.
Selektor LivesearchLive search-selektor uafhængig af Clerk
Clerk TemplateName LivesucheSkabelon for live search (Clerk Backend → Search → Content → Live search → Insert into website → I koden værdien fra “data-template=’@VÆRDI’”)
Antal søgeforslag i live searchAntal søgeforslag, der skal vises
Antal kategoriforslagAntal kategoriforslag, der skal vises
Antal sideforslagAntal sideforslag, der skal vises
PositionPositionen af live search-resultatet i forhold til selektoren
Search (resultatside)Aktiver resultatside?Hvis deaktiveret, vises Clerk-resultatsiden ikke i frontend.
Clerk TemplateName SearchSkabelon for live search (Clerk Backend → Search → Content → Search → Insert into website → I koden værdien fra “data-template=’@VÆRDI’”)
Position facetsFacetternes position
Vis facets i URLVis facets i URL
Clerk Facets AttributeKommasepareret liste over tilgængelige facets (JTL features)
Clerk Facets Attributes Multiple ValuesKommasepareret liste over tilgængelige facets med flere værdier (JTL-kendetegn for OR-filtrering)
Data feed and Recommendation settings
ComponentOptionMeaning
Data FeedCron-behandlingHvordan cron skal udløses for at generere datafeed (uddybes i afsnittet Muligheder for oprettelse af datafeed)
Batch sizeBatch-størrelse på feedets produkter (uddybes nærmere i batch-størrelse afsnittet)
ProduktsideAktiver produktsideslider?Hvis deaktiveret, vises slideren på produktsiden ikke i frontend.
Artikel-selektor-sliderSelektor for artikelslider uafhængig af Clerk
Clerk TemplateName ArticleNavne på slidertemplates som skal vises. Flere template-navne kan angives kommasepareret.
Slider Insert methodHvordan slideren skal tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende sliders i at indeholde produkter fra tidligere sliders (standard: Ja)
IndkøbskurvsideAktiver indkøbskurvslider?Hvis deaktiveret, vises slideren på indkøbskurvsiden ikke i frontend.
Indkøbskurv-selektor-sliderSelektor for indkøbskurvslider uafhængig af Clerk
Clerk TemplateName Shopping CartNavne på slidertemplates som skal vises. Flere template-navne kan angives kommasepareret.
Slider Insert methodHvordan slideren skal tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende sliders i at indeholde produkter fra tidligere sliders (standard: Ja)
PowerstepAktiver Powerstep Slider?Hvis deaktiveret, vises slideren i powerstep ikke i frontend.
Powerstep SelectorSelektor for Powerstep Slider uafhængig af Clerk
Clerk TemplateName PowerstepNavne på slidertemplates som skal vises. Flere template-navne kan angives kommasepareret.
Powerstep insertion methodHvordan slideren skal tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende sliders i at indeholde produkter fra tidligere sliders (standard: Ja)
Category and exit intent settings
ComponentOptionMeaning
KategorisideAktiver kategorisideslider?Hvis deaktiveret, vises slideren på kategorisiden ikke i frontend.
Kategorie Selektor SliderSelektor til kategorisider-slider uafhængig af Clerk
Clerk TemplateName Shopping CartNavne på slidertemplates som skal vises. Flere template-navne kan angives kommasepareret.
Slider Insert methodHvordan slideren skal tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende sliders i at indeholde produkter fra tidligere sliders (standard: Ja)
Exit IntentAktiver 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 på 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-sprogsdomæner.

På den måde kan du adskille produkter, salg, valutaer osv., så du kan holde styr på hvert domæne.

  1. Start med at oprette din hoved Store og følg Setup Guide to connect your Store to 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 af my.clerk.io (ved at klikke på Clerk-logoet i øverste venstre hjørne af sidemenuen) og klik på "+ Add new store" som er det sidste punkt i drop-down listen (typisk under dine eksisterende stores og firmanavn):

Add new store dropdown
  1. På siden Add New Store, klik på Advanced for at se alle indstillingerne.
Advanced settings
  1. Udfyld detaljerne for dit domæne, og vælg din hoved Store fra dropdown-menuen Copy Content From Existing Store, og klik derefter på Add Store. Det vil overføre Content og Designs fra din hoved Store.
Copy content from existing store
  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 gøre det muligt for dig at synkronisere dit domæne med din Store på my.clerk.io via Setup Guide.

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

  3. Gentag denne proces for hvert af dine JTL-sprogsdomæner. Husk også at oversætte Headlines i Content-> 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.