Jtl

Get Started

Forbind din butik #

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

Når du har fulgt disse enkle trin, vil du kunne se din Demo butik,, som giver dig et personligt overblik over, hvordan Clerk.io vil fungere i din webshop, før du sætter resten af systemet op.

1. Tilføj butik #

Når du har 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 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, sendes en e-mail om dine offentlige og private nøgler til ejeren af kontoens e-mail.

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 dit 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 #

Når du har 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 laves ud fra denne vejledning Oprettelse af datafeeds i JTL

Eksempel på fuld installation #

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

Denne dokumentation vil guide dig gennem følgende trin:

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

Hver butik på 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 opretter din Clerk.io-konto, er at oprette din første butik:

How the store creation screen looks

Herefter vil opsætningsguiden lede dig gennem resten af opsætningen.

PLACEHOLDER_259

Installation af de to tracking-scripts #

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

  • Besøgssporingsscriptet, der initialiserer Clerk.io. Dette skal injiceres inde i webshoppens header.

  • Order Tracking-scriptet, der gør det muligt at spore ordrer i realtid. Dette installeres normalt på ordrebekræftelsessiden.

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

Inside the clerk plugin if you scroll a bit down

Når begge scripts er indsat, vil Clerk.io blive initialiseret.

Synkronisering af din JTL-butik med Clerk.io #

For at vise resultater skal Clerk.io synkroniseres med produkter, kategorier, salg, sider og kunder fra JTL i et genereret datafeed.

Dette gøres ved at opsætte et datafeed, der gør det muligt at få adgang til dataene regelmæssigt. Dette forklares yderligere i denne vejledning Oprettelse af datafeeds i JTL.

Når datafeedet er blevet genereret og føjet til dine indstillinger for datasynkronisering 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:

  • En Design, der styrer den visuelle præsentation af produkter. Dette kan ændres til at matche enhver styling, du ønsker, eller du kan bruge nogle af vores standarddesignskabeloner Skabelondesign til brug i Clerk.

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

Example of a recommendation slider using our design editor
  • En Indhold med en vedhæftet Indlejringskode, der viser produkterne. Hvert indhold har et specifikt navn i sin indlejringskode, som du vil tilføje til de respektive felters navn Clerk TemplateName. Dette bruges til at kommunikere mellem din webshop og det respektive clerk -indhold.

Opsætningsguide kan du se, hvor hvert element skal placeres i de fleste JTL-opsætninger.

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

Credentials
OptionMeaning
API KeyYour API key received from Clerk
Private KeyYour legacy private API key provided by Clerk. Required to restrict access to the data feed.
LanguageLanguage of the data feed
customer groupPrices for the customer group
CurrencyCurrency in the data feed
Faceted designDesign of the facets
Tracking and Search settings
ComponentOptionMeaning
GenerallyUse cookieless trackingTracking without the use of cookies
Use shopping cart tracking?Informs Clerk about changes to the shopping cart (general tracking of the shopping cart)
Anonymize emailsEmail addresses are transmitted to Clerk anonymously (as a hash).
Live Suche (Header)Activate live search?If deactivated, the Clerk Live search will not be displayed in the frontend.
Selektor LivesearchLive search selector independent of Clerk
Clerk TemplateName LivesucheTemplate for the live search (Clerk Backend → Search → Content → Live search → Insert into website → In the code the value from “data-template=”@WERT’”)
Number of search suggestions in the live searchNumber of search suggestions to be displayed
Number of category suggestionsNumber of category suggestions to be displayed
Number of page suggestionsNumber of page suggestions to be displayed
PositionPosition of the live search result in relation to the selector
Search (results page)Activate results page?If deactivated, the Clerk results page will not be displayed in the frontend.
Clerk TemplateName SearchTemplate for live search (Clerk Backend → Search → Content → Search → Insert into website → In the code the value from “data-template=”@WERT’”)
Position facetsPosition of the facets
Show facets in URLShow facets in URL
Clerk Facets AttributeComma-separated list of available facets (JTL features)
Clerk Facets Attributes Multiple ValuesComma-separated list of available facets with multiple values ​​(JTL characteristics for OR filtering)
Data feed and Recommendation settings
ComponentOptionMeaning
Data FeedCron processingHow the cron should be triggered to generate the data feed (explained in more detail in the section Possibilities of data feed creation)
Batch sizeBatch size of the feed’s products (explained in more detail in the batch size section)
Product pageActivate product page slider?If deactivated, the slider on the product page will not be displayed in the frontend.
Article selector sliderSelector for the article slider independent of Clerk
Clerk TemplateName ArticleNames of the slider templates to be output. Multiple template names can be specified as a comma-separated list.
Slider Insert methodHow to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith)
Filter duplicatesPrevents subsequent sliders from containing products from previous sliders (default: Yes)
Shopping cart pageActivate shopping cart slider?If deactivated, the slider on the shopping cart page will not be displayed in the frontend.
Shopping cart selector sliderSelector for the shopping cart slider independent of Clerk
Clerk TemplateName Shopping CartNames of the slider templates to be output. Multiple template names can be specified as a comma-separated list.
Slider Insert methodHow to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith)
Filter duplicatesPrevents subsequent sliders from containing products from previous sliders (default: Yes)
PowerstepActivate Powerstep Slider?If deactivated, the slider in the power step is not played in the frontend.
Powerstep SelectorSelector for the Powerstep Slider independent of Clerk
Clerk TemplateName PowerstepNames of the slider templates to be output. Multiple template names can be specified as a comma-separated list.
Powerstep insertion methodHow to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith)
Filter duplicatesPrevents subsequent sliders from containing products from previous sliders (default: Yes)
Category and exit intent settings
ComponentOptionMeaning
Category pageActivate category page slider?If deactivated, the slider on the category page will not be displayed in the frontend.
Kategorie Selektor SliderSelector for the category slider independent of Clerk
Clerk TemplateName Shopping CartNames of the slider templates to be output. Multiple template names can be specified as a comma-separated list.
Slider Insert methodHow to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith)
Filter duplicatesPrevents subsequent sliders from containing products from previous sliders (default: Yes)
Exit IntentEnable Exit Intent Slider?If deactivated, the exit intent is not displayed in the frontend.
Clerk TemplateName Exit IntentTemplate for the exit intent

Flere domæner #

Den nemmeste måde at implementere Clerk.io i 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 hvert af dine JTL-sprogdomæner.

På den 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ætningsguide til at forbinde din butik til Clerk.io, og vælg den Anbefalinger og/eller Søgeresultater, du vil have vist på din webshop.

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

  1. Klik på AvanceretTilføj ny butik-side for at se alle indstillinger.
  1. Udfyld oplysningerne om dit domæne, og vælg din hovedbutik i rullemenuen Kopier indhold fra eksisterende butik, og klik derefter på Tilføj butik. Dette vil overføre Indhold og Design fra din hovedbutik.
  1. Nu kan du følge opsætningsvejledningen igen for at aktivere Clerk.io ved at klikke på Kom godt i gang, til Synkroniser data for Det nye domæne.
  1. Dette giver dig mulighed for at synkronisere dit domæne med din butik på my.clerk.io via opsætningsguiden.

  2. Når Synkronisering af data er færdig, er dit domæne klar og bruger den samme opsætning som din hovedbutik.

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