Vollständige Installation von Clerk.io auf JTL
Platforms:
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:
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:
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.
Option | Meaning |
---|---|
API-Schlüssel | Ihr API-Schlüssel, den Sie von Clerk erhalten haben |
Privater Schlüssel | Ihr alter privater API-Schlüssel, den Sie von Clerk erhalten haben. Erforderlich, um den Zugriff auf den Datenfeed zu beschränken. |
Sprache | Sprache des Datenfeeds |
Kundengruppe | Preise für die Kundengruppe |
Währung | Währung im Datenfeed |
Facettendesign | Gestaltung der Facetten |
Component | Option | Meaning |
---|---|---|
Generell | Cookieless Tracking verwenden | Tracking ohne die Verwendung von Cookies |
Warenkorbtracking verwenden? | Informiert den Sachbearbeiter über Änderungen am Warenkorb (generelles Tracking des Warenkorbs) | |
Emails anonymisieren | Email-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 Livesuche | Selektor der Livesuche unabhängig von Clerk | |
Clerk TemplateName Livesuche | Template 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 Livesuche | Anzahl der anzuzeigenden Suchvorschläge | |
Anzahl der Kategorievorschläge | Anzahl der anzuzeigenden Kategorievorschläge | |
Anzahl der Seitenvorschläge | Anzahl der anzuzeigenden Seitenvorschläge | |
Position | Position des Live-Suchergebnisses in Bezug auf den Selektor | |
Suche (Ergebnisseite) | Ergebnisseite aktivieren? | Wenn deaktiviert, wird die Clerk-Ergebnisseite nicht im Frontend angezeigt. |
Clerk TemplateName Search | Template für Livesuche (Clerk Backend → Search → Content → Search → Insert into website → Im Code den Wert aus “data-template="@WERT’”) | |
Facetten positionieren | Position der Facetten | |
Facetten in URL anzeigen | Facetten in URL anzeigen | |
Clerk Facets Attribute | Kommagetrennte Liste der verfügbaren Facetten (JTL-Merkmale) | |
Clerk Facets Attributes Multiple Values | Kommagetrennte Liste verfügbarer Facetten mit mehreren Werten (JTL-Merkmale für OR-Filterung) |
Component | Option | Meaning |
---|---|---|
Datenfeed | Cron-Verarbeitung | Wie der Cron ausgelöst werden soll, um den Datenfeed zu generieren (ausführlicher erklärt im Abschnitt Möglichkeiten der Datenfeed-Erstellung) |
Losgröße | Losgröße der Produkte des Feeds (näher erläutert im Abschnitt Losgröße) | |
Produktseite | Produktseiten-Schieberegler aktivieren? | Wenn deaktiviert, wird der Schieberegler auf der Produktseite im Frontend nicht angezeigt. |
Artikelselektor Slider | Selektor für den Artikel-Slider unabhängig von Clerk | |
Clerk TemplateName Article | Namen der auszugebenden Slider-Templates. Es können mehrere Template-Namen als kommagetrennte Liste angegeben werden. | |
Slider Einfügemethode | Wie der Slider in den Selektor eingefügt werden soll (After, Append, Before, Prepand, ReplaceWith) | |
Duplikate filtern | Verhindert, dass nachfolgende Schieberegler Produkte aus vorherigen Schiebereglern enthalten (Standard: Ja) | |
Warenkorbseite | Warenkorbslider aktivieren? | Wenn deaktiviert, wird der Schieberegler auf der Warenkorbseite im Frontend nicht angezeigt. |
Warenkorbselektor Slider | Selektor für den Warenkorb-Slider unabhängig von Clerk | |
Clerk TemplateName Shopping Cart | Namen der auszugebenden Slider-Templates. Es können mehrere Template-Namen als kommagetrennte Liste angegeben werden. | |
Slider-Einfügemethode | Wie der Slider zum Selektor hinzugefügt werden soll (After, Append, Before, Prepand, ReplaceWith) | |
Duplikate filtern | Verhindert, dass nachfolgende Schieberegler Produkte aus vorherigen Schiebereglern enthalten (Standard: Ja) | |
Powerstep | Powerstep-Schieberegler aktivieren? | Wenn deaktiviert, wird der Schieberegler im Powerstep nicht im Frontend abgespielt. |
Powerstep Selektor | Selektor für den Powerstep Slider unabhängig von Clerk | |
Clerk TemplateName Powerstep | Namen der auszugebenden Slider-Templates. Es können mehrere Template-Namen als kommagetrennte Liste angegeben werden. | |
Powerstep Einfügemethode | Wie der Slider in den Selektor eingefügt werden soll (After, Append, Before, Prepand, ReplaceWith) | |
Duplikate filtern | Verhindert, dass nachfolgende Schieberegler Produkte aus vorherigen Schiebereglern enthalten (Standard: Ja) |
Component | Option | Meaning |
---|---|---|
Kategorieseite | Kategorieseiten-Slider aktivieren? | Wenn deaktiviert, wird der Slider auf der Kategorieseite im Frontend nicht angezeigt. |
Kategorie Selektor Slider | Selektor für den Kategorieslider unabhängig von Clerk | |
Clerk TemplateName Shopping Cart | Namen der auszugebenden Slider-Templates. Es können mehrere Template-Namen als kommagetrennte Liste angegeben werden. | |
Slider-Einfügemethode | Wie der Slider zum Selektor hinzugefügt werden soll (After, Append, Before, Prepand, ReplaceWith) | |
Duplikate filtern | Verhindert, dass nachfolgende Schieberegler Produkte aus vorherigen Schiebereglern enthalten (Standard: Ja) | |
Beendigungsabsicht | Schieberegler für Beendigungsabsicht aktivieren? | Wenn deaktiviert, wird der Exit Intent nicht im Frontend angezeigt. |
Clerk TemplateName Exit Intent | Template für den Exit Intent |