Get Started
Diese Seite wurde von einer hilfreichen KI übersetzt, daher kann es zu Sprachfehlern kommen. Vielen Dank für Ihr Verständnis.
Ihr Geschäft verbinden #
Der erste Schritt bei der Installation von Clerk.io ist die Verbindung Ihres Shops mit Ihrem Verkäufer.io Konto.
Nachdem Sie diese einfachen Schritte befolgt haben, werden Sie in der Lage sein, Ihren Demo-Laden, zu sehen, der Ihnen einen persönlichen Überblick darüber gibt, wie Verkäufer.io in Ihrem Webshop funktionieren wird, bevor Sie den Rest des Systems einrichten.
1. Shop hinzufügen #
Nachdem Sie sich bei mein.clerk.io angemeldet haben, müssen Sie als erstes Ihren Shop hinzufügen:
Schreiben Sie die Name und Bereich Ihres Webshops
Wählen Sie JTL als Plattform und wählen Sie Ihre Währung.
Klicken Sie auf Shop hinzufügen.
Sobald der Speicher erstellt ist, wird eine E-Mail mit Ihren öffentlichen und privaten Schlüsseln an die E-Mail-Adresse des Kontoinhabers gesendet.
2. Konfigurieren Sie die JTL-Verbindung #
Klicken Sie im Hauptmenü der Setup-Anleitung 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 Store in die entsprechenden Felder ein.
3. Synchronisieren Sie Ihren Shop #
Nachdem Sie den Zugriff erlaubt haben, müssen Sie nur noch Ihren Shop synchronisieren.
Gehen Sie zurück zur Einrichtungsanleitung und klicken Sie auf Ihre Daten synchronisieren:
Geben Sie Ihre Geschäftsdaten ein und klicken Sie auf Synchronisierung starten
Die JTL-Feed-Url sollte nach diesem Leitfaden erstellt werden Erstellung von Datenfeeds in JTL
Beispiel für eine vollständige Installation #
WICHTIG: Sie sollten das Plugin (S360 CLerk) in Ihrem JTL-Backend installiert haben unter
Diese Dokumentation wird Sie durch die folgenden Schritte leiten:
Hinzufügen eines Shops in my.clerk.io #
Jeder Store in Clerk.io ist eine isolierte Umgebung mit eigenen Daten, API-Schlüsseln und einem eigenen Dashboard. Das erste, was Sie bei der Einrichtung Ihres Clerk.io-Kontos tun müssen, ist, Ihren ersten Store zu erstellen:
Danach wird Sie die Einrichtungsanleitung durch den Rest der Einrichtung führen.
Installieren 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 Skript wird normalerweise auf der Bestellbestätigungsseite installiert.
Sie können sie im JTL-Plugin unter 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 näher erläutert.
Wenn der Datenfeed generiert und zu den Einstellungen für die Datensynchronisation unter Systemstatus in Ihrem my.clerk.io Backend hinzugefügt wurde, können Sie die Daten mit dem System synchronisieren.
Hinzufügen von Suche und Empfehlungen #
Die Frontend-Elemente in Clerk.io bestehen aus zwei Teilen:
Eine Gestaltung, die die visuelle Präsentation der Produkte steuert. Dieses kann nach Belieben verändert werden, oder Sie können einige unserer Standard-Designvorlagen Template Design zur Verwendung in Clerk verwenden.
Meistens werden Sie 3 Designs verwenden: Eines für Instant Search, die Suchseite und die Empfehlungen.
- Ein Inhalt mit einem angehängten Einbettungscode, das die Produkte anzeigt. Jeder Inhalt hat einen bestimmten Namen in seinem Embedcode, den Sie dem jeweiligen Feldnamen Clerk TemplateName hinzufügen möchten. Dieser wird für die Kommunikation zwischen Ihrem Webshop und dem jeweiligen clerk Inhalt verwendet.
Die Anleitung zur Einrichtung zeigt Ihnen, wo die einzelnen Elemente in den meisten JTL-Konfigurationen platziert werden müssen.
Am Ende Ihres Setups sollten die Einstellungen im Plugin dann so aussehen. Die folgenden Bilder dienen lediglich zu Demonstrationszwecken.
| Option | Meaning |
|---|---|
| API Key | Your API key received from Clerk |
| Private Key | Your legacy private API key provided by Clerk. Required to restrict access to the data feed. |
| Language | Language of the data feed |
| customer group | Prices for the customer group |
| Currency | Currency in the data feed |
| Faceted design | Design of the facets |
| Component | Option | Meaning |
|---|---|---|
| Generally | Use cookieless tracking | Tracking without the use of cookies |
| Use shopping cart tracking? | Informs Clerk about changes to the shopping cart (general tracking of the shopping cart) | |
| Anonymize emails | Email addresses are transmitted to Clerk anonymously (as a hash). | |
| Live Suche (Header) | Activate live search? | If deactivated, the Clerk Live search will not be displayed in the frontend. |
| Selektor Livesearch | Live search selector independent of Clerk | |
| Clerk TemplateName Livesuche | Template for the live search (Clerk Backend → Search → Content → Live search → Insert into website → In the code the value from “data-template=”@WERT’”) | |
| Number of search suggestions in the live search | Number of search suggestions to be displayed | |
| Number of category suggestions | Number of category suggestions to be displayed | |
| Number of page suggestions | Number of page suggestions to be displayed | |
| Position | Position of the live search result in relation to the selector | |
| Search (results page) | Activate results page? | If deactivated, the Clerk results page will not be displayed in the frontend. |
| Clerk TemplateName Search | Template for live search (Clerk Backend → Search → Content → Search → Insert into website → In the code the value from “data-template=”@WERT’”) | |
| Position facets | Position of the facets | |
| Show facets in URL | Show facets in URL | |
| Clerk Facets Attribute | Comma-separated list of available facets (JTL features) | |
| Clerk Facets Attributes Multiple Values | Comma-separated list of available facets with multiple values (JTL characteristics for OR filtering) |
| Component | Option | Meaning |
|---|---|---|
| Data Feed | Cron processing | How the cron should be triggered to generate the data feed (explained in more detail in the section Possibilities of data feed creation) |
| Batch size | Batch size of the feed’s products (explained in more detail in the batch size section) | |
| Product page | Activate product page slider? | If deactivated, the slider on the product page will not be displayed in the frontend. |
| Article selector slider | Selector for the article slider independent of Clerk | |
| Clerk TemplateName Article | Names of the slider templates to be output. Multiple template names can be specified as a comma-separated list. | |
| Slider Insert method | How to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith) | |
| Filter duplicates | Prevents subsequent sliders from containing products from previous sliders (default: Yes) | |
| Shopping cart page | Activate shopping cart slider? | If deactivated, the slider on the shopping cart page will not be displayed in the frontend. |
| Shopping cart selector slider | Selector for the shopping cart slider independent of Clerk | |
| Clerk TemplateName Shopping Cart | Names of the slider templates to be output. Multiple template names can be specified as a comma-separated list. | |
| Slider Insert method | How to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith) | |
| Filter duplicates | Prevents subsequent sliders from containing products from previous sliders (default: Yes) | |
| Powerstep | Activate Powerstep Slider? | If deactivated, the slider in the power step is not played in the frontend. |
| Powerstep Selector | Selector for the Powerstep Slider independent of Clerk | |
| Clerk TemplateName Powerstep | Names of the slider templates to be output. Multiple template names can be specified as a comma-separated list. | |
| Powerstep insertion method | How to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith) | |
| Filter duplicates | Prevents subsequent sliders from containing products from previous sliders (default: Yes) |
| Component | Option | Meaning |
|---|---|---|
| Category page | Activate category page slider? | If deactivated, the slider on the category page will not be displayed in the frontend. |
| Kategorie Selektor Slider | Selector for the category slider independent of Clerk | |
| Clerk TemplateName Shopping Cart | Names of the slider templates to be output. Multiple template names can be specified as a comma-separated list. | |
| Slider Insert method | How to add the slider to the selector (After, Append, Before, Prepand, ReplaceWith) | |
| Filter duplicates | Prevents subsequent sliders from containing products from previous sliders (default: Yes) | |
| Exit Intent | Enable Exit Intent Slider? | If deactivated, the exit intent is not displayed in the frontend. |
| Clerk TemplateName Exit Intent | Template for the exit intent |
Mehrere Domänen #
Der einfachste Weg, Verkäufer.io in mehreren Domänen in Standard-Einstellungen zu implementieren, besteht darin, für jede Domäne in mein.clerk.io eine separater Store zu erstellen und sie dann mit jeder Ihrer JTL-Sprachdomänen zu synchronisieren.
Auf diese Weise können Sie Produkte, Verkäufe, Währungen usw. trennen, um den Überblick über jede Domäne zu behalten.
Beginnen Sie mit der Erstellung Ihrer Hauptstore und folgen Sie der Einrichtungsanleitung, 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 Ersteinrichtung fertig sind, gehen Sie zurück zur Startseite von my.clerk.io (indem Sie auf das Verkäufer.io Logo im Linke obere Ecke des Seitenmenüs klicken) und klicken Sie dann auf "+ Neuen Laden hinzufügen" die letzte Option der Scroll-Down-Liste (in der Regel unter dem/den bestehenden Shop(s) und Ihrem Firmennamen):
- Klicken Sie auf Seite “Neuen Shop hinzufügen auf Erweitert, um alle Einstellungen zu sehen.
- Geben Sie die Details Ihrer Domain ein, wählen Sie Ihren Hauptshop aus dem Dropdown-Menü Inhalt aus bestehendem Shop kopieren und klicken Sie dann auf Shop hinzufügen. Dadurch werden die Daten Inhalt und Entwürfe aus Ihrem Hauptshop übernommen.
- Nun können Sie wieder der Einrichtungsanleitung folgen, um Verkäufer.io zu aktivieren, indem Sie auf Erste Schritte klicken, auf Daten synchronisieren für die neue Domäne.
So können Sie Ihre Domain mit Ihrem Shop unter mein.clerk.io über die Einrichtungsanleitung synchronisieren.
Wenn Daten-Synchronisation fertig ist, ist Ihre Domain bereit und verwendet dieselbe Einrichtung wie Ihr Hauptshop.
Wiederholen Sie diesen Vorgang für jede Ihrer JTL-Sprachdomänen. Denken Sie daran, Überschriften, in Inhalt-> Bearbeiten -> Design auswählen ebenfalls in die richtige Sprache zu übersetzen.