Get Started

Få Clerk op at køre på din JTL-butik på blot få trin. Denne guide guider dig igennem at forbinde din butik, konfigurere plugin’et og synkronisere dine data.
Tilslutning af din butik #
Det første trin i installationen af Clerk er at forbinde din butik med din Clerk-konto.
Efter at have fulgt disse simple trin vil du kunne se din Demo Store, som giver dig et personligt overblik over, hvordan Clerk kommer til at fungere på din webshop, inden du opsætter resten af systemet.
Tilføj butik #
Efter 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 på din webshop.
Vælg JTL som Platform og vælg din Valuta.
Klik på Add Store.
Når butikken er oprettet, vil en e-mail om dine offentlige og private nøgler blive sendt til ejeren af kontoens e-mail.
Konfigurer forbindelse #
Fra hovedmenuen i Setup Guide, klik på Install Extension:
Den næste side viser, hvad du skal gøre for at konfigurere JTL-forbindelsen.
Gå til dit Clerk-plugin i JTL-backend og indsæt de offentlige og private nøgler fra Clerk-butikken i de respektive felter.
Synkronisér butik #
Efter du har givet adgang, skal du blot synkronisere din butik.
Gå tilbage til Setup Guide og klik på Sync Your Data:
Udfyld din butiks detaljer og klik på Start Sync.
JTL feed url’en skal oprettes baseret på denne guide Creation of Data Feeds in JTL.
Fuld 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 #
Hver Store i Clerk er et isoleret miljø med sine egne data, API-nøgler og Dashboard.
Opret din første Store i Clerk, før du fortsætter med Setup Guide.
Herefter vil Setup Guide lede dig gennem resten af opsætningen.
Bemærk at hver gang en butik oprettes, sendes en e-mail med offentlige og private nøgler til ejeren af virksomhedskontoen. Dette bruges til at skabe sikker adgang mellem Clerk og JTL.
Installation af tracking scripts #
Med S360 Clerk-plugin’et kan du aktivere både besøgs- og ordre-tracking scripts, som bliver indsat forskellige steder i webshoppen:
Besøgs-tracking scriptet, der initialiserer Clerk. Dette skal indsættes i webshop-headeren.
Ordre-tracking scriptet, der muliggør sporing af ordrer i realtid. Dette installeres typisk på ordrebekræftelsessiden.
Aktivér begge scripts i ALLGEMEIN sektionen af JTL-plugin’et.
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 via et genereret data feed.
Dette gøres ved at opsætte et data feed, der muliggør regelmæssig data-adgang.
Dette uddybes i denne guide Creation of Data Feeds in JTL.
Når data feed’et er blevet 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 ethvert design, du ønsker, eller du kan bruge nogle af vores standard designskabeloner Template Design to use in Clerk.
Typisk vil du bruge 3 Designs: Ét til Instant Search, Search-siden og Recommendations.
Et Element med tilknyttet embedcode, der viser produkterne. Hvert element har et specifikt navn i sin embedcode, 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-element.
Setup Guide guider dig til, hvor hvert element skal placeres i de fleste JTL-opstillinger.
Efter opsætningen bør du tjekke plugin-indstillingerne mod nedenstående valgmuligheder.
| Option | Betydning |
|---|---|
| API Key | Din API-nøgle modtaget fra Clerk |
| Private Key | Din ældre private API-nøgle fra Clerk. Påkrævet for at begrænse adgang til data feed’et. |
| Language | Sproget for data feed’et |
| customer group | Priser for kundegruppen |
| Currency | Valuta i data feed’et |
| Faceted design | Design af facetterne |
| Component | Option | Betydning |
|---|---|---|
| Generelt | Brug cookieless tracking | Sporing uden brug af cookies |
| Brug indkøbskurv-tracking? | Informerer Clerk om ændringer i indkøbskurven (generel sporing af kurven) | |
| Anonymiser emails | Email-adresser overføres anonymt til Clerk (som hash). | |
| Live Suche (Header) | Aktiver live search? | Hvis deaktiveret, vises Clerk Live search ikke i frontend. |
| Selektor Livesearch | Live search-selektor uafhængig af Clerk | |
| Clerk TemplateName Livesuche | Skabelon til live search (Clerk Backend → Search → Elements → Live search → Indsæt på website → I koden værdien fra “data-template="@WERT’”) | |
| Antal søgeforslag i live search | Antal søgeforslag, der vises | |
| Antal kategoriforslag | Antal kategoriforslag, der vises | |
| Antal sideforslag | Antal sideforslag, der vises | |
| Position | Position af live search-resultatet i forhold til selektoren | |
| Search (resultat-side) | Aktiver resultat-side? | Hvis deaktiveret, vises Clerk resultat-siden ikke i frontend. |
| Clerk TemplateName Search | Skabelon til live search (Clerk Backend → Search → Elements → Search → Indsæt på website → I koden værdien fra “data-template="@WERT’”) | |
| Position facetter | Position af facetterne | |
| Vis facetter i URL | Vis facetter i URL’en | |
| Clerk Facets Attribute | Kommasepareret liste over tilgængelige facetter (JTL-features) | |
| Clerk Facets Attributes Multiple Values | Kommasepareret liste over tilgængelige facetter med flere værdier (JTL-karakteristika til OR-filtrering) |
| Component | Option | Betydning |
|---|---|---|
| Data Feed | Cron-behandling | Hvordan cron aktiveres for at generere data feed’et (uddybes nærmere i afsnittet om muligheder for oprettelse af data feeds) |
| Batch størrelse | Batch størrelse for feedets produkter (uddybes nærmere under batch-afsnittet) | |
| Produktside | Aktiver produktside-slider? | Hvis deaktiveret, vises slideren ikke på produktsiden i frontend. |
| Vareselektor slider | Selektor for vareslider uafhængig af Clerk | |
| Clerk TemplateName Article | Navne på sliderskabeloner, der skal vises. Flere skabelonnavne kan angives som kommasepareret liste. | |
| Slider indsætningsmetode | Hvordan slideren tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith) | |
| Filtrér dubletter | Forhindrer at efterfølgende sliders indeholder produkter fra tidligere sliders (standard: Ja) | |
| Indkøbskurvside | Aktiver indkøbskurv-slider? | Hvis deaktiveret, vises slideren ikke på indkøbskurvsiden i frontend. |
| Indkøbskurvselektor slider | Selektor for indkøbskurv-slider uafhængig af Clerk | |
| Clerk TemplateName Shopping Cart | Navne på sliderskabeloner, der skal vises. Flere skabelonnavne kan angives som kommasepareret liste. | |
| Slider indsætningsmetode | Hvordan slideren tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith) | |
| Filtrér dubletter | Forhindrer at efterfølgende sliders indeholder produkter fra tidligere sliders (standard: Ja) | |
| Powerstep | Aktiver Powerstep Slider? | Hvis deaktiveret, bliver slideren i power step ikke vist i frontend. |
| Powerstep-selektor | Selektor for Powerstep Slider uafhængig af Clerk | |
| Clerk TemplateName Powerstep | Navne på sliderskabeloner, der skal vises. Flere skabelonnavne kan angives som kommasepareret liste. | |
| Powerstep indsætningsmetode | Hvordan slideren tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith) | |
| Filtrér dubletter | Forhindrer at efterfølgende sliders indeholder produkter fra tidligere sliders (standard: Ja) |
| Component | Option | Betydning |
|---|---|---|
| Kategoriside | Aktiver kategoriside-slider? | Hvis deaktiveret, vises slideren ikke på kategorisiden i frontend. |
| Kategori selektor slider | Selektor for kategoriside-slider uafhængig af Clerk | |
| Clerk TemplateName Shopping Cart | Navne på sliderskabeloner, der skal vises. Flere skabelonnavne kan angives som kommasepareret liste. | |
| Slider indsætningsmetode | Hvordan slideren tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith) | |
| Filtrér dubletter | Forhindrer at efterfølgende sliders indeholder produkter fra tidligere sliders (standard: Ja) | |
| Exit Intent | Aktiver Exit Intent Slider? | Hvis deaktiveret, vises exit intent ikke i frontend. |
| Clerk TemplateName Exit Intent | Skabelon til exit intent |
Flere domæner #
Den nemmeste måde at implementere Clerk på tværs af flere domæner i standardinstallationer er ved at oprette en separat Store for hvert domæne i my.clerk.io, og derefter synkronisere dem med hver af dine JTL-sprogområder.
På den måde kan du adskille produkter, salg, valutaer osv. og holde overblik for hvert domæne.
Start med at oprette din hoved Store og følg Setup Guide for at forbinde din Store til Clerk, og vælg de Recommendations og/eller Search Results du ønsker at vise på din webshop.
Når du er færdig med den indledende opsætning, skal du gå tilbage til startside i my.clerk.io (ved at klikke på Clerk-logoet i øverste venstre hjørne af sidemenuen) og derefter klikke på "+ Add new store", den sidste mulighed på den rulleliste (typisk under din eksisterende butik(ke) og dit firmanavn):
På Add New Store siden klik på Advanced for at se alle indstillinger.
Udfyld oplysninger om dit domæne og vælg din hoved Store fra Copy Elements From Existing Store-dropdown, derefter klik på Add Store. Dette kopierer Elements og Designs fra din hoved Store.
Nu kan du følge Setup Guide igen, for at aktivere Clerk ved at klikke på Getting Started, for at Sync Data for det nye domæne.
Dette gør det muligt at synkronisere dit domæne med din Store på my.clerk.io via Setup Guide.
Når Data Sync er færdig, er dit domæne klar og bruger samme opsætning som din hoved Store.
Gentag denne proces for hver af dine JTL-sprogområder. Husk at oversætte Headlines i Element-> Edit -> Select Design til det korrekte sprog.
Denne side er oversat af en hjælpsom AI, og der kan derfor være sproglige fejl. Tak for forståelsen.