Jtl

Get Started

Installer Clerk på JTL ved at følge disse nemme trin
Backend in the Clerk.io backend

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:

  1. Skriv Navn og Domæne på din webshop.

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

  3. Klik på Add Store.

  4. 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.

OptionBetydning
API KeyDin API-nøgle modtaget fra Clerk
Private KeyDin ældre private API-nøgle fra Clerk. Påkrævet for at begrænse adgang til data feed’et.
LanguageSproget for data feed’et
customer groupPriser for kundegruppen
CurrencyValuta i data feed’et
Faceted designDesign af facetterne
ComponentOptionBetydning
GenereltBrug cookieless trackingSporing uden brug af cookies
Brug indkøbskurv-tracking?Informerer Clerk om ændringer i indkøbskurven (generel sporing af kurven)
Anonymiser emailsEmail-adresser overføres 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 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 searchAntal søgeforslag, der vises
Antal kategoriforslagAntal kategoriforslag, der vises
Antal sideforslagAntal sideforslag, der vises
PositionPosition 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 SearchSkabelon til live search (Clerk Backend → Search → Elements → Search → Indsæt på website → I koden værdien fra “data-template="@WERT’”)
Position facetterPosition af facetterne
Vis facetter i URLVis facetter i URL’en
Clerk Facets AttributeKommasepareret liste over tilgængelige facetter (JTL-features)
Clerk Facets Attributes Multiple ValuesKommasepareret liste over tilgængelige facetter med flere værdier (JTL-karakteristika til OR-filtrering)
ComponentOptionBetydning
Data FeedCron-behandlingHvordan cron aktiveres for at generere data feed’et (uddybes nærmere i afsnittet om muligheder for oprettelse af data feeds)
Batch størrelseBatch størrelse for feedets produkter (uddybes nærmere under batch-afsnittet)
ProduktsideAktiver produktside-slider?Hvis deaktiveret, vises slideren ikke på produktsiden i frontend.
Vareselektor sliderSelektor for vareslider uafhængig af Clerk
Clerk TemplateName ArticleNavne på sliderskabeloner, der skal vises. Flere skabelonnavne kan angives som kommasepareret liste.
Slider indsætningsmetodeHvordan slideren tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrér dubletterForhindrer at efterfølgende sliders indeholder produkter fra tidligere sliders (standard: Ja)
IndkøbskurvsideAktiver indkøbskurv-slider?Hvis deaktiveret, vises slideren ikke på indkøbskurvsiden i frontend.
Indkøbskurvselektor sliderSelektor for indkøbskurv-slider uafhængig af Clerk
Clerk TemplateName Shopping CartNavne på sliderskabeloner, der skal vises. Flere skabelonnavne kan angives som kommasepareret liste.
Slider indsætningsmetodeHvordan slideren tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrér dubletterForhindrer at efterfølgende sliders indeholder produkter fra tidligere sliders (standard: Ja)
PowerstepAktiver Powerstep Slider?Hvis deaktiveret, bliver slideren i power step ikke vist i frontend.
Powerstep-selektorSelektor for Powerstep Slider uafhængig af Clerk
Clerk TemplateName PowerstepNavne på sliderskabeloner, der skal vises. Flere skabelonnavne kan angives som kommasepareret liste.
Powerstep indsætningsmetodeHvordan slideren tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrér dubletterForhindrer at efterfølgende sliders indeholder produkter fra tidligere sliders (standard: Ja)
ComponentOptionBetydning
KategorisideAktiver kategoriside-slider?Hvis deaktiveret, vises slideren ikke på kategorisiden i frontend.
Kategori selektor sliderSelektor for kategoriside-slider uafhængig af Clerk
Clerk TemplateName Shopping CartNavne på sliderskabeloner, der skal vises. Flere skabelonnavne kan angives som kommasepareret liste.
Slider indsætningsmetodeHvordan slideren tilføjes til selektoren (After, Append, Before, Prepand, ReplaceWith)
Filtrér dubletterForhindrer at efterfølgende sliders indeholder 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å 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.

  1. 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.

  2. 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):

  3. På Add New Store siden klik på Advanced for at se alle indstillinger.

  4. 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.

  5. 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.

  6. Dette gør det muligt at synkronisere dit domæne med din Store på my.clerk.io via Setup Guide.

  7. Når Data Sync er færdig, er dit domæne klar og bruger samme opsætning som din hoved Store.

  8. 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.