Get Started
Verbindung Ihres Shops #
Der erste Schritt zur Installation von Clerk.io besteht darin, Ihren Shop mit Ihrem Clerk.io Konto zu verbinden.
Nachdem Sie diese einfachen Schritte befolgt haben, können Sie Ihren Demo-Shop sehen, der Ihnen einen persönlichen Überblick darüber gibt, wie Clerk.io in Ihrem Webshop funktionieren wird, bevor Sie den Rest des Systems einrichten.
1. Shop hinzufügen #
Nachdem Sie sich bei my.clerk.io angemeldet haben, müssen Sie als erstes Ihren Shop hinzufügen:
Geben Sie den Namen und die Domain Ihres Webshops ein.
Wählen Sie JTL als Plattform und wählen Sie Ihre Währung.
Klicken Sie auf Shop hinzufügen.
Sobald der Shop erstellt ist, wird eine E-Mail mit Ihren öffentlichen und privaten Schlüsseln an den Besitzer der Kontomail gesendet.
2. JTL-Verbindung konfigurieren #
Klicken Sie im Hauptmenü des Einrichtungsleitfadens auf Erweiterung installieren:
Die nächste Seite zeigt, was Sie tun müssen, um die JTL-Verbindung zu konfigurieren.
Gehen Sie zu Ihrem Clerk-Plugin im JTL-Backend und fügen Sie die öffentlichen und privaten Schlüssel aus dem Clerk-Shop in die entsprechenden Felder ein.
3. Synchronisieren Sie Ihren Shop #
Nachdem Sie den Zugriff erlaubt haben, müssen Sie Ihren Shop einfach synchronisieren.
Gehen Sie zurück zum Einrichtungsleitfaden und klicken Sie auf Daten synchronisieren:
Geben Sie die Details Ihres Shops ein und klicken Sie auf Synchronisation starten
Die JTL-Feed-URL sollte basierend auf diesem Leitfaden 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 Shop in my.clerk.io hinzufügen #
Jeder Shop in Clerk.io ist eine isolierte Umgebung mit eigenen Daten, API-Schlüsseln und einem Dashboard. Das erste, was Sie tun müssen, wenn Sie Ihr Clerk.io-Konto einrichten, ist, Ihren ersten Shop zu erstellen:
Danach wird Sie der Einrichtungsleitfaden durch den Rest der Einrichtung führen.
Bitte beachten Sie, dass jedes Mal, wenn ein Shop erstellt wird, eine E-Mail mit öffentlichen und privaten Schlüsseln an den Besitzer des Unternehmenskontos gesendet wird. Dies dient dazu, einen sicheren Zugriff zwischen Clerk und JTL zu schaffen.
Installation der beiden Tracking-Skripte #
Mit dem S360 Clerk-Plugin können Sie sowohl Besucher- als auch Bestell-Tracking-Skripte aktivieren, die in Teile des Webshops eingefügt werden:
Das Besucher-Tracking-Skript, das Clerk.io initialisiert. Dies muss im Header des Webshops eingefügt werden.
Das Bestell-Tracking-Skript, das die Verfolgung von Bestellungen in Echtzeit ermöglicht. Dies wird normalerweise auf der Bestellbestätigungsseite installiert.
Sie können sie im JTL-Plugin im 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 den regelmäßigen Zugriff auf die Daten ermöglicht. Dies wird in diesem Leitfaden weiter erklärt Erstellung von Datenfeeds in JTL.
Wenn der Datenfeed generiert und zu Ihren Datensynchronisationseinstellungen unter Systemstatus in Ihrem my.clerk.io-Backend hinzugefügt wurde.
Hinzufügen von Suche und Empfehlungen #
Frontend-Elemente in Clerk.io bestehen aus zwei Teilen:
Einem Design, das die visuelle Präsentation der Produkte steuert. Dies kann geändert werden, um jeden gewünschten Stil anzupassen, oder Sie können einige unserer Standard-Designvorlagen verwenden Vorlagen-Design zur Verwendung in Clerk.
Meistens verwenden Sie 3 Designs: Eines für die Sofortsuche, die Suchseite und Empfehlungen.
- Einem Inhalt mit einem angehängten Embed-Code, der die Produkte anzeigt. Jeder Inhalt hat einen spezifischen Namen in seinem Embed-Code, den Sie in das entsprechende Feld Clerk TemplateName einfügen möchten. Dies wird verwendet, um zwischen Ihrem Webshop und dem jeweiligen Clerk-Inhalt zu kommunizieren.
Der Einrichtungsleitfaden wird Sie durch die Platzierung jedes Elements in den meisten JTL-Setups führen.
Am Ende Ihrer Einrichtung sollten die Einstellungen im Plugin so aussehen. Die folgenden Bilder dienen nur zu Demonstrationszwecken.
| Option | Bedeutung |
|---|---|
| API-Schlüssel | Ihr API-Schlüssel, den Sie von Clerk erhalten haben |
| Privater Schlüssel | Ihr alter privater API-Schlüssel, der von Clerk bereitgestellt wird. Erforderlich, um den Zugriff auf den Datenfeed einzuschränken. |
| Sprache | Sprache des Datenfeeds |
| Kundengruppe | Preise für die Kundengruppe |
| Währung | Währung im Datenfeed |
| Facettiertes Design | Design der Facetten |
| Komponente | Option | Bedeutung |
|---|---|---|
| Allgemein | Cookieless Tracking verwenden | Tracking ohne Verwendung von Cookies |
| Verwenden Sie das Tracking des Warenkorbs? | Informiert Clerk über Änderungen am Warenkorb (allgemeines Tracking des Warenkorbs) | |
| E-Mails anonymisieren | E-Mail-Adressen werden anonym an Clerk übermittelt (als Hash). | |
| Live-Suche (Header) | Live-Suche aktivieren? | Wenn deaktiviert, wird die Clerk-Live-Suche nicht im Frontend angezeigt. |
| Selektor Livesuche | Live-Suchselektor unabhängig von Clerk | |
| Clerk TemplateName Livesuche | Vorlage für die Live-Suche (Clerk Backend → Suche → Inhalt → Live-Suche → In die Website einfügen → Im Code den Wert von “data-template=”@WERT’”) | |
| Anzahl der Suchvorschläge in der Live-Suche | 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 Suche | Vorlage für die Live-Suche (Clerk Backend → Suche → Inhalt → Suche → In die Website einfügen → Im Code den Wert von “data-template=”@WERT’”) | |
| Position der Facetten | Position der Facetten | |
| Facetten in der URL anzeigen | Facetten in der URL anzeigen | |
| Clerk Facets Attribut | Komma-getrennte Liste der verfügbaren Facetten (JTL-Features) | |
| Clerk Facets Attributes Multiple Values | Komma-getrennte Liste der verfügbaren Facetten mit mehreren Werten (JTL-Eigenschaften für ODER-Filterung) |
| Komponente | Option | Bedeutung |
|---|---|---|
| Datenfeed | Cron-Verarbeitung | Wie der Cron ausgelöst werden soll, um den Datenfeed zu generieren (im Abschnitt Möglichkeiten der Erstellung von Datenfeeds näher erläutert) |
| Batch-Größe | Batch-Größe der Produkte im Feed (im Abschnitt Batch-Größe näher erläutert) | |
| Produktseite | Aktivieren Sie den Produktseiten-Schieber? | Wenn deaktiviert, wird der Schieber auf der Produktseite nicht im Frontend angezeigt. |
| Artikel-Selektor-Schieber | Selektor für den Artikelschieber unabhängig von Clerk | |
| Clerk TemplateName Artikel | Namen der Schiebervorlagen, die ausgegeben werden sollen. Mehrere Vorlagennamen können als kommagetrennte Liste angegeben werden. | |
| Schieber-Einfügemethode | Wie der Schieber in den Selektor eingefügt werden soll (Nach, Anhängen, Vor, Voranstellen, Ersetzen) | |
| Duplikate filtern | Verhindert, dass nachfolgende Schieber Produkte aus vorherigen Schiebern enthalten (Standard: Ja) | |
| Warenkorbseite | Aktivieren Sie den Warenkorb-Schieber? | Wenn deaktiviert, wird der Schieber auf der Warenkorbseite nicht im Frontend angezeigt. |
| Warenkorb-Selektor-Schieber | Selektor für den Warenkorb-Schieber unabhängig von Clerk | |
| Clerk TemplateName Warenkorb | Namen der Schiebervorlagen, die ausgegeben werden sollen. Mehrere Vorlagennamen können als kommagetrennte Liste angegeben werden. | |
| Schieber-Einfügemethode | Wie der Schieber in den Selektor eingefügt werden soll (Nach, Anhängen, Vor, Voranstellen, Ersetzen) | |
| Duplikate filtern | Verhindert, dass nachfolgende Schieber Produkte aus vorherigen Schiebern enthalten (Standard: Ja) | |
| Powerstep | Aktivieren Sie den Powerstep-Schieber? | Wenn deaktiviert, wird der Schieber im Powerstep nicht im Frontend angezeigt. |
| Powerstep-Selektor | Selektor für den Powerstep-Schieber unabhängig von Clerk | |
| Clerk TemplateName Powerstep | Namen der Schiebervorlagen, die ausgegeben werden sollen. Mehrere Vorlagennamen können als kommagetrennte Liste angegeben werden. | |
| Powerstep-Einfügemethode | Wie der Schieber in den Selektor eingefügt werden soll (Nach, Anhängen, Vor, Voranstellen, Ersetzen) | |
| Duplikate filtern | Verhindert, dass nachfolgende Schieber Produkte aus vorherigen Schiebern enthalten (Standard: Ja) |
| Komponente | Option | Bedeutung |
|---|---|---|
| Kategorieseite | Aktivieren Sie den Kategorieseiten-Schieber? | Wenn deaktiviert, wird der Schieber auf der Kategorieseite nicht im Frontend angezeigt. |
| Kategorie-Selektor-Schieber | Selektor für den Kategorieschieber unabhängig von Clerk | |
| Clerk TemplateName Warenkorb | Namen der Schiebervorlagen, die ausgegeben werden sollen. Mehrere Vorlagennamen können als kommagetrennte Liste angegeben werden. | |
| Schieber-Einfügemethode | Wie der Schieber in den Selektor eingefügt werden soll (Nach, Anhängen, Vor, Voranstellen, Ersetzen) | |
| Duplikate filtern | Verhindert, dass nachfolgende Schieber Produkte aus vorherigen Schiebern enthalten (Standard: Ja) | |
| Exit Intent | Exit Intent-Schieber aktivieren? | Wenn deaktiviert, wird der Exit Intent nicht im Frontend angezeigt. |
| Clerk TemplateName Exit Intent | Vorlage für den Exit Intent |
Mehrere Domains #
Der einfachste Weg, Clerk.io in mehreren Domains in Standard-Setups zu implementieren, besteht darin, für jede Domain einen separaten Shop in my.clerk.io zu erstellen und diese dann mit jeder Ihrer JTL-Sprachdomains zu synchronisieren.
Auf diese Weise können Sie Produkte, Verkäufe, Währungen usw. trennen, um jede Domain im Blick zu behalten.
Beginnen Sie mit der Erstellung Ihres Hauptshops und folgen Sie dem Einrichtungsleitfaden, um Ihren Shop mit Clerk.io zu verbinden, und wählen Sie die Empfehlungen und/oder Suchergebnisse, die Sie in Ihrem Webshop anzeigen möchten.
Wenn Sie mit der ersten Einrichtung fertig sind, gehen Sie zurück zur Startseite von my.clerk.io (indem Sie auf das Clerk.io Logo in der oberen linken Ecke des Seitenmenüs) klicken und klicken Sie dann auf "+ Neuen Shop hinzufügen", die letzte Option der Dropdown-Liste (generell unter Ihren bestehenden Shops und Ihrem Firmennamen):
- Auf der Seite Neuen Shop hinzufügen klicken Sie auf Erweitert, um alle Einstellungen zu sehen.
- Füllen Sie die Details Ihrer Domain aus und wählen Sie Ihren Hauptshop aus dem Dropdown-Menü Inhalt von bestehendem Shop kopieren, und klicken Sie dann auf Shop hinzufügen. Dadurch werden der Inhalt und die Designs von Ihrem Hauptshop übernommen.
- Jetzt können Sie dem Einrichtungsleitfaden erneut folgen, um Clerk.io zu aktivieren, indem Sie auf Erste Schritte klicken, um Daten zu synchronisieren für die neue Domain.
Dies ermöglicht es Ihnen, Ihre Domain über den Einrichtungsleitfaden mit Ihrem Shop bei my.clerk.io zu synchronisieren.
Wenn die Datensynchronisation abgeschlossen ist, ist Ihre Domain bereit und verwendet dasselbe Setup wie Ihr Hauptshop.
Wiederholen Sie diesen Prozess für jede Ihrer JTL-Sprachdomains. Denken Sie daran, die Überschriften in Inhalt-> Bearbeiten -> Design auswählen in die richtige Sprache zu übersetzen.
Diese Seite wurde von einer hilfreichen KI übersetzt, daher kann es zu Sprachfehlern kommen. Vielen Dank für Ihr Verständnis.