Vollständige Installation von Clerk.io auf JTL

Sehen Sie, wie Sie eine komplette Installation von Clerk.io auf JTL in weniger als 10 Minuten durchführen können.

WICHTIG: Sie sollten das Plugin (S360 CLerk) in Ihrem JTL-Backend unter Plugins installiert haben.

Diese Dokumentation wird Sie durch die folgenden Schritte führen:

Hinzufügen eines Shops in my.clerk.io

Jeder Shop in Clerk.io ist eine isolierte Umgebung mit seinen eigenen Daten, API-Schlüsseln und Dashboard. Das erste, was Sie tun müssen, wenn Sie Ihr Clerk.io-Konto einrichten, ist, Ihren ersten Shop zu erstellen:

Wie der Bildschirm zur Erstellung des Shops aussieht

Danach wird Sie die Einrichtungsanleitung durch den Rest der Einrichtung führen.

Beachten Sie, dass jedes Mal, wenn ein Geschäft erstellt wird, eine E-Mail mit öffentlichen und privaten Schlüsseln an den Inhaber des Firmenkontos gesendet wird. Dies wird verwendet, um einen sicheren Zugang zwischen Clerk und JTL zu schaffen.

Installation der beiden Tracking-Skripte

Mit dem S360 Clerk Plugin können Sie sowohl Besucher- als auch Auftragsverfolgungsskripte aktivieren, die in Teile des Webshops injiziert werden:

  • Das Visitor Tracking Skript, das Clerk.io initialisiert. Dieses muss in den Header des Webshops injiziert werden.

  • Das Order Tracking Skript, das die Verfolgung von Bestellungen in Echtzeit ermöglicht. Dieses wird normalerweise auf der Bestellbestätigungsseite installiert.

Sie können es im JTL-Plugin unter dem Abschnitt ALLGEMEIN aktivieren:

Innerhalb des Clerk-Plugins, wenn Sie ein wenig nach unten scrollen

Wenn beide Skripte eingefügt sind, wird Clerk.io initialisiert.

Synchronisieren Sie Ihren JTL-Shop mit Clerk.io

Um Ergebnisse anzuzeigen, muss Clerk.io mit den Produkten, Kategorien, Verkäufen, Seiten und Kunden von JTL in einem generierten Datenfeed synchronisiert werden.

Dies geschieht durch die Einrichtung eines Datenfeeds, der einen regelmäßigen Zugriff auf die Daten ermöglicht. Dies wird in diesem Leitfaden [Erstellung von Datenfeeds in JTL] (https://help.clerk.io/platform-guides/jtl/data-sync/creation-of-data-feeds/) näher erläutert.

Wenn der Datenfeed generiert und zu Ihren Datensynchronisationseinstellungen unter Systemstatus in Ihrem my.clerk.io-Backend hinzugefügt wurde.

Suchen und Empfehlungen hinzufügen

Die Frontend-Elemente in Clerk.io bestehen aus zwei Teilen:

  • Ein Design, das die visuelle Präsentation der Produkte steuert. Dieses kann nach Belieben verändert werden, oder Sie können einige unserer Standard-Designvorlagen verwenden Template Design to use in Clerk.

  • Meistens werden Sie 3 Designs verwenden: Eines für die Sofortsuche, die Suchseite und die Empfehlungen.

Beispiel für einen Empfehlungs-Slider mit unserem Design-Editor](screenshot_1871223637.png)

  • Ein Inhalt mit einem angehängten Embedcode, der die Produkte anzeigt. Jeder Inhalt hat einen bestimmten Namen in seinem Embedcode, den Sie dem jeweiligen Feld Clerk TemplateName hinzufügen möchten. Dieser wird für die Kommunikation zwischen Ihrem Webshop und dem jeweiligen Clerk-Content verwendet.

Der Setup Guide zeigt Ihnen, wo jedes Element in den meisten JTL-Setups platziert werden muss.

Am Ende Ihres Setups sollten die Einstellungen im Plugin dann so aussehen. Die folgenden Bilder dienen lediglich zu Demonstrationszwecken.

Zugangsdaten

OptionMeaning
API-SchlüsselIhr API-Schlüssel, den Sie von Clerk erhalten haben
Privater SchlüsselIhr alter privater API-Schlüssel, den Sie von Clerk erhalten haben. Erforderlich, um den Zugriff auf den Datenfeed zu beschränken.
SpracheSprache des Datenfeeds
KundengruppePreise für die Kundengruppe
WährungWährung im Datenfeed
FacettendesignGestaltung der Facetten

Tracking- und Sucheinstellungen

ComponentOptionMeaning
GenerellCookieless Tracking verwendenTracking ohne die Verwendung von Cookies
Warenkorbtracking verwenden?Informiert den Sachbearbeiter über Änderungen am Warenkorb (generelles Tracking des Warenkorbs)
Emails anonymisierenEmail-Adressen werden anonymisiert (als Hash) an den Verkäufer übermittelt.
Live-Suche (Header)Live-Suche aktivieren?Bei Deaktivierung wird die Clerk Live-Suche nicht im Frontend angezeigt.
Selektor LivesucheSelektor der Livesuche unabhängig von Clerk
Clerk TemplateName LivesucheTemplate für die Livesuche (Clerk Backend → Suche → Inhalt → Livesuche → In Website einfügen → Im Code den Wert aus “data-template="@WERT’”)
Anzahl der Suchvorschläge in der LivesucheAnzahl der anzuzeigenden Suchvorschläge
Anzahl der KategorievorschlägeAnzahl der anzuzeigenden Kategorievorschläge
Anzahl der SeitenvorschlägeAnzahl der anzuzeigenden Seitenvorschläge
PositionPosition des Live-Suchergebnisses in Bezug auf den Selektor
Suche (Ergebnisseite)Ergebnisseite aktivieren?Wenn deaktiviert, wird die Clerk-Ergebnisseite nicht im Frontend angezeigt.
Clerk TemplateName SearchTemplate für Livesuche (Clerk Backend → Search → Content → Search → Insert into website → Im Code den Wert aus “data-template="@WERT’”)
Facetten positionierenPosition der Facetten
Facetten in URL anzeigenFacetten in URL anzeigen
Clerk Facets AttributeKommagetrennte Liste der verfügbaren Facetten (JTL-Merkmale)
Clerk Facets Attributes Multiple ValuesKommagetrennte Liste verfügbarer Facetten mit mehreren Werten (JTL-Merkmale für OR-Filterung)

Einstellungen für Dateneinspeisung und Empfehlungen

ComponentOptionMeaning
DatenfeedCron-VerarbeitungWie der Cron ausgelöst werden soll, um den Datenfeed zu generieren (ausführlicher erklärt im Abschnitt Möglichkeiten der Datenfeed-Erstellung)
LosgrößeLosgröße der Produkte des Feeds (näher erläutert im Abschnitt Losgröße)
ProduktseiteProduktseiten-Schieberegler aktivieren?Wenn deaktiviert, wird der Schieberegler auf der Produktseite im Frontend nicht angezeigt.
Artikelselektor SliderSelektor für den Artikel-Slider unabhängig von Clerk
Clerk TemplateName ArticleNamen der auszugebenden Slider-Templates. Es können mehrere Template-Namen als kommagetrennte Liste angegeben werden.
Slider EinfügemethodeWie der Slider in den Selektor eingefügt werden soll (After, Append, Before, Prepand, ReplaceWith)
Duplikate filternVerhindert, dass nachfolgende Schieberegler Produkte aus vorherigen Schiebereglern enthalten (Standard: Ja)
WarenkorbseiteWarenkorbslider aktivieren?Wenn deaktiviert, wird der Schieberegler auf der Warenkorbseite im Frontend nicht angezeigt.
Warenkorbselektor SliderSelektor für den Warenkorb-Slider unabhängig von Clerk
Clerk TemplateName Shopping CartNamen der auszugebenden Slider-Templates. Es können mehrere Template-Namen als kommagetrennte Liste angegeben werden.
Slider-EinfügemethodeWie der Slider zum Selektor hinzugefügt werden soll (After, Append, Before, Prepand, ReplaceWith)
Duplikate filternVerhindert, dass nachfolgende Schieberegler Produkte aus vorherigen Schiebereglern enthalten (Standard: Ja)
PowerstepPowerstep-Schieberegler aktivieren?Wenn deaktiviert, wird der Schieberegler im Powerstep nicht im Frontend abgespielt.
Powerstep SelektorSelektor für den Powerstep Slider unabhängig von Clerk
Clerk TemplateName PowerstepNamen der auszugebenden Slider-Templates. Es können mehrere Template-Namen als kommagetrennte Liste angegeben werden.
Powerstep EinfügemethodeWie der Slider in den Selektor eingefügt werden soll (After, Append, Before, Prepand, ReplaceWith)
Duplikate filternVerhindert, dass nachfolgende Schieberegler Produkte aus vorherigen Schiebereglern enthalten (Standard: Ja)

Kategorie und Exit Intent Einstellungen

ComponentOptionMeaning
KategorieseiteKategorieseiten-Slider aktivieren?Wenn deaktiviert, wird der Slider auf der Kategorieseite im Frontend nicht angezeigt.
Kategorie Selektor SliderSelektor für den Kategorieslider unabhängig von Clerk
Clerk TemplateName Shopping CartNamen der auszugebenden Slider-Templates. Es können mehrere Template-Namen als kommagetrennte Liste angegeben werden.
Slider-EinfügemethodeWie der Slider zum Selektor hinzugefügt werden soll (After, Append, Before, Prepand, ReplaceWith)
Duplikate filternVerhindert, dass nachfolgende Schieberegler Produkte aus vorherigen Schiebereglern enthalten (Standard: Ja)
BeendigungsabsichtSchieberegler für Beendigungsabsicht aktivieren?Wenn deaktiviert, wird der Exit Intent nicht im Frontend angezeigt.
Clerk TemplateName Exit IntentTemplate für den Exit Intent