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:
Skriv Navn og Domæne for din webshop
Vælg JTL som Platform, og vælg din Valuta.
Klik på Tilføj butik.
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
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:
Herefter vil opsætningsguiden lede dig gennem resten af opsætningen.
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:
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.
- 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.
På 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.
Option | Meaning |
---|---|
API Key | Your API key received from Clerk |
Private Key | Your legacy private API key provided by Clerk. Required to restrict access to the data feed. |
Language | Language of the data feed |
customer group | Prices for the customer group |
Currency | Currency in the data feed |
Faceted design | Design of the facets |
Component | Option | Meaning |
---|---|---|
Generally | Use cookieless tracking | Tracking without the use of cookies |
Use shopping cart tracking? | Informs Clerk about changes to the shopping cart (general tracking of the shopping cart) | |
Anonymize emails | Email 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 Livesearch | Live search selector independent of Clerk | |
Clerk TemplateName Livesuche | Template 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 search | Number of search suggestions to be displayed | |
Number of category suggestions | Number of category suggestions to be displayed | |
Number of page suggestions | Number of page suggestions to be displayed | |
Position | Position 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 Search | Template for live search (Clerk Backend → Search → Content → Search → Insert into website → In the code the value from “data-template=”@WERT’”) | |
Position facets | Position of the facets | |
Show facets in URL | Show facets in URL | |
Clerk Facets Attribute | Comma-separated list of available facets (JTL features) | |
Clerk Facets Attributes Multiple Values | Comma-separated list of available facets with multiple values (JTL characteristics for OR filtering) |
Component | Option | Meaning |
---|---|---|
Data Feed | Cron processing | How the cron should be triggered to generate the data feed (explained in more detail in the section Possibilities of data feed creation) |
Batch size | Batch size of the feed’s products (explained in more detail in the batch size section) | |
Product page | Activate product page slider? | If deactivated, the slider on the product page will not be displayed in the frontend. |
Article selector slider | Selector for the article slider independent of Clerk | |
Clerk TemplateName Article | Names of the slider templates to be output. Multiple template names can be specified as a comma-separated list. | |
Slider Insert method | How to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith) | |
Filter duplicates | Prevents subsequent sliders from containing products from previous sliders (default: Yes) | |
Shopping cart page | Activate shopping cart slider? | If deactivated, the slider on the shopping cart page will not be displayed in the frontend. |
Shopping cart selector slider | Selector for the shopping cart slider independent of Clerk | |
Clerk TemplateName Shopping Cart | Names of the slider templates to be output. Multiple template names can be specified as a comma-separated list. | |
Slider Insert method | How to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith) | |
Filter duplicates | Prevents subsequent sliders from containing products from previous sliders (default: Yes) | |
Powerstep | Activate Powerstep Slider? | If deactivated, the slider in the power step is not played in the frontend. |
Powerstep Selector | Selector for the Powerstep Slider independent of Clerk | |
Clerk TemplateName Powerstep | Names of the slider templates to be output. Multiple template names can be specified as a comma-separated list. | |
Powerstep insertion method | How to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith) | |
Filter duplicates | Prevents subsequent sliders from containing products from previous sliders (default: Yes) |
Component | Option | Meaning |
---|---|---|
Category page | Activate category page slider? | If deactivated, the slider on the category page will not be displayed in the frontend. |
Kategorie Selektor Slider | Selector for the category slider independent of Clerk | |
Clerk TemplateName Shopping Cart | Names of the slider templates to be output. Multiple template names can be specified as a comma-separated list. | |
Slider Insert method | How to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith) | |
Filter duplicates | Prevents subsequent sliders from containing products from previous sliders (default: Yes) | |
Exit Intent | Enable Exit Intent Slider? | If deactivated, the exit intent is not displayed in the frontend. |
Clerk TemplateName Exit Intent | Template 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.
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.
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):
- Klik på Avanceret på Tilføj ny butik-side for at se alle indstillinger.
- 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.
- 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.
Dette giver dig mulighed for at synkronisere dit domæne med din butik på my.clerk.io via opsætningsguiden.
Når Synkronisering af data er færdig, er dit domæne klar og bruger den samme opsætning som din hovedbutik.
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.