Clerk.io tilbyder tre forskellige søgeløsninger, som kan bruges sammen eller hver for sig:
Denne artikel forklarer, hvordan du kommer i gang med Search på SmartWeb Classic.
Generelt
#
Brug SmartWeb Classic Design Manager til at indsætte embed-koder. For at tilføje synkroniseringsoplysninger eller starte en synkronisering, gå til my.clerk.io > Data > Configuration.
Instant Search
#
Instant Search giver realtidsresultater, mens kunderne skriver, og vises i en dropdown under søgefeltet.
...Clerk.io tilbyder mere end 23 forskellige typer produktlogikker, hvilket gør det muligt for dig at vise helt automatiserede produkter på enhver side. Denne artikel forklarer, hvordan du kommer i gang, når du bruger et
Clerk.js-setup i VTEX.
For vores komplette Best Practices, læs
denne artikel om hvilke Recommendations du skal bruge.
Slider-opsætning
#
Recommendations oprettes med
Elements, som refererer til et Design. Nedenfor finder du den grundlæggende vejledning til at opsætte et Element.
...Konfigurer dine WooCommerce-pluginindstillinger, administrer data synkroniseringsmuligheder, og tilpas funktioner for search, recommendations og logging. Denne guide dækker alle tilgængelige indstillinger og muligheder.
Når pluginet er blevet
installeret i WooCommerce, vil det fremgå i sidemenuen på dit backend:
Generelt
#
Her er en forklaring af hver mulighed i General-sektionen:
Plugin Version: Versionen af Clerk-pluginet, der aktuelt er installeret. Her kan du finde
seneste udgivelse.
Public Key: Indtast din Public key, fundet i my.clerk.io Developers > API keys.
...
Grundlæggende
#
Clerk.io’s AI segmenterer automatisk dine kunder i Loyalitetsgrupper baseret på deres købsadfærd. Deres placering er primært defineret ud fra antallet af ordrer og den samlede omsætning, de har brugt.
Disse grupper kan bruges til at identificere, hvor vigtige kunder er at fastholde, samt til at fokusere dine marketingindsatser på de grupper, du får mest ud af.
Kunder kan flytte sig ind og ud af disse grupper alt efter, hvordan din samlede kundebase ændrer sig over tid.
...Det er essentielt at sende data af høj kvalitet til Clerk for at opnå de bedst mulige resultater. Dette dashboard er din samlede side til at overvåge kvaliteten af dine data.
Hvert punkt på dashboardet har en af 3 statusser:
- Rød: Kritisk for at vise de rigtige resultater.
- Gul: Kan forbedres for lidt bedre resultater.
- Grøn: Fungerer som forventet.
Hvis du ser nogen problemer markeret med rød, anbefales det stærkt at løse dem så hurtigt som muligt, da du ellers risikerer at miste værdifuldt salg gennem Clerk.
...Grundlæggende
#
Disse bruges til at indlejre recommendations direkte i enhver email i alle emailklienter. Det er den nemmeste og mest fleksible måde at forbedre eksisterende email flows på ved at bruge Clerks AI.
Kom godt i gang
#
Når du første gang åbner Email Embeds-siden, guider en hjælpsom opsætningsguide dig igennem oprettelse af best practice embeds til almindelige email flows.
Guiden grupperer embeds efter typen af email-flow, hvilket gør det nemt at vælge dem, der matcher dit email-marketing setup:
...Clerk.js driver personlige shoppingoplevelser uden at bremse dit site eller skade SEO. Ved at bruge klient-side rendering og optimeret indlæsning balancerer det hastighed, ydeevne og søgbarhed.
SEO og Hastighed
#
Det er en misforståelse, at JavaScript-funktioner som Clerk.js skader ydeevnen eller SEO. Automatiserede værktøjer overser ofte optimeringer som caching, parallel indlæsning og server-side håndtering.
Fordele ved Clerk.js Integration
#
- Clerk.js-scriptet (≈ 37 - 38 KB) indlæses asynkront, hvilket gør det muligt for dit site at gengive, mens Clerk initialiseres.
- Clerk-elementer er klient-gengivet, hvilket betyder, at dit grundlæggende HTML forbliver cachebart, og dynamiske komponenter kun injiceres efter indlæsning.
- Dette muliggør effektiv server-side caching og ikke-blokerende indlæsning af Clerk.js aktiver.
Ydeevneindvirkning
#
- Den lette og asynkrone natur af Clerk.js resulterer typisk i lille indvirkning på sideindlæsningstider.
- Den virkelige ydeevne påvirkning stammer ofte fra yderligere billeder gengivet i anbefalinger, ikke selve scriptet. For at minimere indvirkningen:
- Brug passende størrelser, høj-effekt formater som WebP.
- Ændr størrelsen på billeder for at matche visningsdimensioner (f.eks. 400×400 px → 420×420 px max).
- For at undgå layoutskift (CLS) skal der reserveres plads til injiceret Clerk-indhold.
F.eks.:
.clerk-slider-wrapper {
min-height: 300px; /* juster efter behov */
width: 100%;
}
SEO Overvejelser
#
Linking og Crawlability
#
- Clerk.js injicerer anbefalingslinks dynamisk på klientsiden.
- Disse links kan forbedre intern linking ved at forbinde relaterede sider, hvis søgemaskinerne gengiver og følger dem korrekt.
- Da de er JavaScript-injicerede, bør du verificere, hvordan søgemaskinecrawlere gengiver og fortolker dem.
- Korrekt crawlede links kan forbedre crawlability og tillade søgemaskiner at opdage og indeksere flere sider.
- Når søgemaskiner kan crawle dem, kan Clerk.js-links hjælpe med at fordele link equity (PageRank) på nøglesider.
- Dette understøtter forbedret synlighed og rangering af produkt- og kategorisider.
Observerede Fordele
#
- Korrekt Clerk.js-integration kan korrelere med stærkere interne linkingstrukturer, som kan understøtte forbedret synlighed i søgeresultater.
- Clerk.io dashboards giver analyser om ordreindflydelse, konverteringsløft og indtægtsbidrag fra Søgning, Anbefalinger, E-mail og Publikum funktioner.
Anbefalede Bedste Praksis
#
- Optimer billeder (WebP-format, korrekt opløsning).
- Reserver layoutplads til dynamiske elementer for at forhindre layoutskift.
- Overvåg virkelige målinger i stedet for kun at stole på automatiserede scorer. Brug Clerk’s dashboards til at evaluere indvirkningen på tværs af kanaler.
Grundlæggende
#
Clerk.js leveres med en indbygget funktion til at vise produkter med sliders. Denne funktion viser en række produkter med et sæt pile, der lader kunder navigere mellem mange produkter med blot et par klik.
Det fungerer grundlæggende ved at oprette en lang, vandret liste med produkter, og derefter vise et fast “vindue” af produkter ad gangen, som styres med knapperne.
Slider-funktionaliteten er kodet til at vise en helt ny række produkter for hvert klik, for at vise så mange nye produkter som muligt med så få klik som muligt.
...Oversigt
#
Denne dropdown gør det muligt for dine kunder at gennemse og købe produkter direkte fra din søgebar. Den kombinerer de bedste funktioner fra moderne søgemaskiner med et e-handels-specifikt twist:
- Optimeret til hastighed: Viser resultater i løbet af et øjeblik, mens besøgende skriver
- Semantisk search: Forstår hvad besøgende mener.
- Retter automatisk stavefejl: Besøgende skal ikke opdage, at de lavede stavefejlen til at begynde med.
- Forudsiger kundeadfærd: Matches sorteres efter, hvor sandsynligt det er, at de sælger med det samme.
Disse funktioner gør det til en gnidningsfri oplevelse for kunden at søge i din webshop fra søgebaren og åbner dit katalog på en ny måde.
...Denne side er oversat af en hjælpsom AI, og der kan derfor være sproglige fejl. Tak for forståelsen.
