Get Started

Bringen Sie Clerk in nur wenigen Schritten in Ihrem JTL-Shop zum Laufen. Diese Anleitung führt Sie durch das Verbinden Ihres Shops, die Konfiguration des Plugins und das Synchronisieren Ihrer Daten.

Ihren Shop verbinden #

Der erste Schritt bei der Installation von Clerk ist das Verbinden Ihres Shops mit Ihrem Clerk-Konto.

Nachdem Sie diese einfachen Schritte befolgt haben, können Sie Ihren Demo Store sehen, der Ihnen einen persönlichen Überblick darüber gibt, wie Clerk in Ihrem Webshop funktionieren wird, bevor Sie den Rest des Systems einrichten.

Shop hinzufügen #

Nachdem Sie sich bei my.clerk.io eingeloggt haben, müssen Sie zunächst Ihren Shop hinzufügen:

1. Geben Sie den Name und die Domain Ihres Webshops ein.

2. Wählen Sie JTL als Plattform und wählen Sie Ihre Währung.

3. Klicken Sie auf Add Store.

4. Sobald der Shop erstellt ist, wird eine E-Mail über Ihre Public und Private Keys an den Inhaber der Kontoinhaber-Email gesendet.

Verbindung konfigurieren #

Wählen Sie im Hauptmenü der Setup-Anleitung Install Extension:

Auf der nächsten Seite sehen Sie, was zu tun ist, um die JTL-Verbindung zu konfigurieren.

Gehen Sie zu Ihrem Clerk-Plugin im JTL-Backend und fügen Sie die Public und Private Keys aus dem Clerk Shop in die entsprechenden Felder ein.

Shop synchronisieren #

Nachdem Sie den Zugriff erlaubt haben, müssen Sie nur noch Ihren Shop synchronisieren.

Gehen Sie zurück zur Setup-Anleitung und klicken Sie auf Sync Your Data:

Geben Sie die Details Ihres Shops ein und klicken Sie auf Start Sync.

Die JTL-Feed-URL sollte anhand dieser Anleitung erstellt werden: Erstellung von Datenfeeds in JTL.

Vollständiges Installationsbeispiel #

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

Diese Dokumentation führt Sie durch die folgenden Schritte:

Einen Store hinzufügen #

Jeder Store in Clerk ist eine isolierte Umgebung mit eigenen Daten, API-Schlüsseln und Dashboard.

Das erste, was Sie bei der Einrichtung Ihres Clerk-Kontos tun müssen, ist, Ihren ersten Store zu erstellen:

Danach führt Sie die Setup-Anleitung durch den weiteren Setup-Prozess.

Beachten Sie, dass bei jeder Erstellung eines Shops eine E-Mail mit Public und Private Keys an den Inhaber des Firmenkontos gesendet wird. Dies wird verwendet, um einen sicheren Zugang zwischen Clerk und JTL herzustellen.

Tracking-Skripte installieren #

Mit dem S360 Clerk-Plugin können Sie sowohl das Besucher- als auch das Bestelltracking aktivieren. Die Skripte werden in Teile des Webshops eingebunden:

• Das Visitor Tracking Script, das Clerk initialisiert. Dieses muss im Header des Webshops eingebunden werden.

• Das Order Tracking Script, das das Tracking von Bestellungen in Echtzeit ermöglicht. Dies wird normalerweise auf der Bestellbestätigungsseite installiert.

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

Wenn beide Skripte eingefügt wurden, wird Clerk initialisiert.

Ihren Shop synchronisieren #

Damit Ergebnisse angezeigt werden, muss Clerk mit Produkten, Kategorien, Verkäufen, Seiten und Kunden aus JTL über einen generierten Datenfeed synchronisiert werden.

Dies geschieht durch das Einrichten eines Datenfeeds, der den regelmäßigen Zugriff auf die Daten ermöglicht.

Dies wird in dieser Anleitung Erstellung von Datenfeeds in JTL weiter erläutert.

Wenn der Datenfeed generiert und in Ihre Data Sync-Einstellungen unter Systemstatus im Backend von my.clerk.io hinzugefügt wurde.

Search und Recommendations hinzufügen #

Frontend-Elemente in Clerk bestehen aus zwei Teilen:

• Einem Design, das die visuelle Präsentation der Produkte steuert. Dies kann an Ihr gewünschtes Styling angepasst oder Sie können eines unserer Standarddesigns verwenden Template Design to use in Clerk.

• Meistens werden Sie 3 Designs verwenden: Eins für Instant Search, die Suchseite und Recommendations.

• Einem Element mit einem angehängten Embedcode, das die Produkte anzeigt. Jedes Element hat einen spezifischen Namen in seinem Embedcode, den Sie im jeweiligen Feld unter Clerk TemplateName eintragen möchten. Dies wird zur Kommunikation zwischen Ihrem Webshop und dem jeweiligen Clerk-Element verwendet.

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

Am Ende Ihres Setups sollten die Einstellungen im Plugin wie folgt aussehen. Die folgenden Abbildungen dienen nur zu Demonstrationszwecken.

Mehrere Domains #

Der einfachste Weg, Clerk in mehreren Domains in Standard-Setups zu implementieren, besteht darin, für jede Domain einen separaten Store in my.clerk.io zu erstellen und diese dann jeweils mit Ihrer JTL-Sprachdomain zu synchronisieren.

So können Sie Produkte, Verkäufe, Währungen usw. getrennt halten und jeder Domain zuordnen.

1. Erstellen Sie zunächst Ihren Haupt-Store und folgen Sie der Setup-Anleitung, um Ihren Store mit Clerk zu verbinden, und wählen Sie die Recommendations und/oder Search Results, die Sie in Ihrem Webshop anzeigen möchten.

2. Nachdem Sie das erste Setup abgeschlossen haben, kehren Sie zur Startseite von my.clerk.io zurück (klicken Sie auf das Clerk-Logo in der oberen linken Ecke des Seitenmenüs) und klicken Sie auf "+ Add new store" als letzten Punkt in der Dropdown-Liste (meistens unter dem/den bestehenden Store(s) und Ihrem Firmennamen):

3. Auf der Seite Add New Store klicken Sie auf Advanced, um alle Einstellungen zu sehen.

4. Tragen Sie die Details Ihrer Domain ein und wählen Sie Ihren Haupt-Store im Dropdown Copy Elements From Existing Store aus, dann klicken Sie auf Add Store. Dadurch werden die Elements und Designs aus Ihrem Haupt-Store übernommen.

5. Nun können Sie der Setup-Anleitung erneut folgen, um Clerk zu aktivieren, indem Sie auf Getting Started klicken, um Data Sync für die neue Domain durchzuführen.

6. Dadurch können Sie Ihre Domain über die Setup-Anleitung mit Ihrem Store bei my.clerk.io synchronisieren.

7. Wenn Data Sync abgeschlossen ist, ist Ihre Domain einsatzbereit und verwendet das gleiche Setup wie Ihr Haupt-Store.

8. Wiederholen Sie diesen Vorgang für jede Ihrer JTL-Sprachdomains. Denken Sie daran, die Überschriften in Element-> Edit -> Select Design ebenfalls in die passende Sprache zu übersetzen.