Jtl

Get Started

Forbindelse af din butik #

Det første skridt til at installere Clerk.io er at forbinde din butik med din Clerk.io konto.

Efter at have fulgt disse enkle trin vil du være i stand til at se din Demo Store, som giver dig et personligt overblik over, hvordan Clerk.io vil fungere på din webshop, før du opsætter resten af systemet.

1. Tilføj butik #

Efter at have logget ind 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 for din webshop

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

  3. Klik på Tilføj butik.

  4. Når butikken er oprettet, vil en e-mail om dine offentlige og private nøgler blive sendt til ejerens e-mailadresse.

2. Konfigurer JTL-forbindelsen #

Fra hovedmenuen i Opsætningsguiden skal du klikke på Installer udvidelse:

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 de offentlige og private nøgler fra clerk-butikken i deres respektive felter.

3. Synkroniser din butik #

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

Gå tilbage til Opsætningsguiden og klik på Synkroniser dine data:

Skriv dine butiksoplysninger og klik på Start synkronisering

JTL-feed-URL’en skal oprettes baseret på denne guide Oprettelse af datafeeds i JTL

Fuldt installations eksempel #

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

Denne dokumentation vil guide dig gennem følgende trin:

Tilføjelse af en butik i my.clerk.io #

Hver butik i Clerk.io er et isoleret miljø med sine egne data, API-nøgler og dashboard. Det første, du skal gøre, når du opsætter din Clerk.io-konto, er at oprette din første butik:

Hvordan skærmen til butiksoprettelse ser ud

Efter dette vil Opsætningsguiden føre dig gennem resten af opsætningen.

Bemærk, at hver gang en butik oprettes, vil en e-mail med offentlige og private nøgler blive sendt til ejerens virksomheds-e-mail. Dette bruges til at skabe sikker adgang mellem Clerk og JTL.

Installation af de to sporingsscripts #

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

  • Besøgs tracking-scriptet, der initialiserer Clerk.io. Dette skal injiceres i headeren på webshoppen.

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

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

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

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

Synkronisering af din JTL-butik med Clerk.io #

For at vise resultater skal Clerk.io synkronisere med produkterne, kategorierne, salgene, siderne og kunderne fra JTL i et genereret datafeed.

Dette gøres ved at opsætte et datafeed, der tillader data at blive tilgået regelmæssigt. Dette er yderligere forklaret i denne guide Oprettelse af datafeeds i JTL.

Når datafeedet er blevet genereret og tilføjet til dine data synkroniseringsindstillinger under systemstatus i din my.clerk.io backend.

Tilføjelse af søgning og anbefalinger #

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

  • Et Design, der styrer den visuelle præsentation af produkter. Dette kan ændres for at matche enhver styling, du ønsker, eller du kan bruge nogle af vores standard designskabeloner Skabelon Design til brug i Clerk.

  • Ofte vil du bruge 3 Designs: Et til Instant Search, søgesiden og anbefalinger.

Eksempel på en anbefalingsslider ved hjælp af vores designeditor
  • Et Indhold med en vedhæftet embedkode, der viser produkterne. Hvert indhold har et specifikt navn i sin embedkode, som du ønsker at tilføje til de respektive felters navn Clerk TemplateName. Dette bruges til at kommunikere mellem din webshop og det respektive clerk-indhold.

Opsætningsguiden vil føre dig gennem, hvor hvert element skal placeres i de fleste JTL-opsætninger.

I slutningen af din opsætning skal indstillingerne i plugin’et se sådan ud. De følgende billeder er kun til demonstrationsformål.

Legitimationsoplysninger
MulighedBetydning
API-nøgleDin API-nøgle modtaget fra Clerk
Privat nøgleDin gamle private API-nøgle leveret af Clerk. Påkrævet for at begrænse adgangen til datafeedet.
SprogSprog for datafeedet
kundesegmentPriser for kundesegmentet
ValutaValuta i datafeedet
Facetteret designDesign af facetterne
Sporings- og søgeindstillinger
KomponentMulighedBetydning
GenereltBrug cookieless trackingTracking uden brug af cookies
Brug sporingskurv?Informerer Clerk om ændringer i indkøbskurven (generel tracking af indkøbskurven)
Anonymiser e-mailsE-mailadresser overføres til Clerk anonymt (som en hash).
Live Søgning (Header)Aktivér live søgning?Hvis deaktiveret, vises Clerk Live-søgningen ikke i frontend.
Selektor LivesearchLive-søgevælger uafhængig af Clerk
Clerk TemplateName LivesucheSkabelon til live-søgning (Clerk Backend → Søg → Indhold → Live-søgning → Indsæt i hjemmeside → I koden værdien fra “data-template=”@WERT’”)
Antal søgeforslag i live-søgningAntal søgeforslag, der skal vises
Antal kategoriforslagAntal kategoriforslag, der skal vises
Antal sideforslagAntal sideforslag, der skal vises
PositionPosition af live-søgeresultatet i forhold til vælgeren
Søgning (resultatside)Aktivér resultatside?Hvis deaktiveret, vises Clerk resultatsiden ikke i frontend.
Clerk TemplateName SøgSkabelon til live-søgning (Clerk Backend → Søg → Indhold → Søg → Indsæt i hjemmeside → I koden værdien fra “data-template=”@WERT’”)
Position facetterPosition af facetterne
Vis facetter i URLVis facetter i URL
Clerk Facets AttributKomma-separeret liste over tilgængelige facetter (JTL-funktioner)
Clerk Facets Attributter Flere værdierKomma-separeret liste over tilgængelige facetter med flere værdier (JTL-egenskaber til OR-filtrering)
Datafeed og anbefalingsindstillinger
KomponentMulighedBetydning
DatafeedCron behandlingHvordan cron skal udløses for at generere datafeedet (forklaret i mere detaljeret i afsnittet Muligheder for oprettelse af datafeed)
Batch størrelseBatchstørrelse af feedets produkter (forklaret i mere detaljeret i batchstørrelsesafsnittet)
ProduktsideAktivér produktside-slider?Hvis deaktiveret, vises slideren på produktsiden ikke i frontend.
Artikelvælger-sliderVælger til artikel-slider uafhængig af Clerk
Clerk TemplateName ArtikelNavne på slider-skabelonerne, der skal outputtes. Flere skabelonnavne kan angives som en komma-separeret liste.
Slider IndsætningsmetodeHvordan man tilføjer slideren til vælgeren (Efter, Tilføj, Før, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende sliders i at indeholde produkter fra tidligere sliders (standard: Ja)
IndkøbskurvsideAktivér indkøbskurv-slider?Hvis deaktiveret, vises slideren på indkøbskurvssiden ikke i frontend.
Indkøbskurv vælger-sliderVælger til indkøbskurv-slider uafhængig af Clerk
Clerk TemplateName IndkøbskurvNavne på slider-skabelonerne, der skal outputtes. Flere skabelonnavne kan angives som en komma-separeret liste.
Slider IndsætningsmetodeHvordan man tilføjer slideren til vælgeren (Efter, Tilføj, Før, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende sliders i at indeholde produkter fra tidligere sliders (standard: Ja)
PowerstepAktivér Powerstep Slider?Hvis deaktiveret, afspilles slideren i power step ikke i frontend.
Powerstep VælgerVælger til Powerstep Slider uafhængig af Clerk
Clerk TemplateName PowerstepNavne på slider-skabelonerne, der skal outputtes. Flere skabelonnavne kan angives som en komma-separeret liste.
Powerstep indsætningsmetodeHvordan man tilføjer slideren til vælgeren (Efter, Tilføj, Før, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende sliders i at indeholde produkter fra tidligere sliders (standard: Ja)
Kategori og exit intent indstillinger
KomponentMulighedBetydning
Kategori sideAktivér kategoriside-slider?Hvis deaktiveret, vises slideren på kategorisiden ikke i frontend.
Kategori Vælger SliderVælger til kategorislider uafhængig af Clerk
Clerk TemplateName IndkøbskurvNavne på slider-skabelonerne, der skal outputtes. Flere skabelonnavne kan angives som en komma-separeret liste.
Slider IndsætningsmetodeHvordan man tilføjer slideren til vælgeren (Efter, Tilføj, Før, Prepand, ReplaceWith)
Filtrer dubletterForhindrer efterfølgende sliders i at indeholde 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.io på flere domæner i standardopsætninger er ved at oprette en separat butik for hvert domæne i my.clerk.io, og derefter synkronisere dem med hver af dine JTL sprogdomæner.

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

  1. Start med at oprette din hovedbutik og følg Opsætningsguiden for at forbinde din butik til Clerk.io, og vælg de Anbefalinger og/eller Søgeresultater du ønsker at vise på din webshop.

  2. Når du er færdig med den indledende opsætning, skal du gå tilbage til startskærmen for my.clerk.io (ved at klikke på Clerk.io logoet i øverste venstre hjørne af side-menuen) og derefter klikke på "+ Tilføj ny butik" den sidste mulighed i rullemenuen (generelt under dine eksisterende butik(ker) og dit firmanavn):

  1. Tilføj ny butik siden, klik på Avanceret for at se alle indstillinger.
  1. Udfyld oplysningerne om dit domæne, og vælg din hovedbutik fra dropdown-menuen Kopier indhold fra eksisterende butik, og klik derefter på Tilføj butik. Dette vil overføre Indhold og Designs fra din hovedbutik.
  1. Nu kan du følge Opsætningsguiden igen for at aktivere Clerk.io ved at klikke på Kom godt i gang, for at Synkronisere data for det nye domæne.
  1. Dette vil give dig mulighed for at synkronisere dit domæne med din butik på my.clerk.io gennem Opsætningsguiden.

  2. Når Data synkronisering er afsluttet, er dit domæne klar og bruger den samme opsætning som din hovedbutik.

  3. Gentag denne proces for hvert af dine JTL sprogdomæner. Husk at oversætte Overskrifter, i Indhold-> Rediger -> Vælg 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.