Recommendations
Clerk.io bietet mehr als 23 verschiedene Arten von Produktlogiken, sodass Sie automatisierte Produkte auf jeder Seite anzeigen lassen können. Dieser Artikel erklärt, wie Sie loslegen, wenn Sie ein Clerk.js Setup in DanDomain Classic verwenden.
Für unsere vollständigen Best Practices lesen Sie diesen Artikel darüber, welche Recommendations Sie verwenden sollten.
Slider-Setup #
Recommendations werden mit Elements erstellt, die sich auf ein Design beziehen. Nachfolgend finden Sie die grundlegende Anleitung zum Einrichten eines Elements.
Wenn Sie die Schritte in my.clerk.io > Settings > Setup Guides befolgen, werden die Elements für unsere Best Practices automatisch erstellt.
Design erstellen #
Recommendations werden standardmäßig als Slider angezeigt. So können Kunden mehr Produkte mit weniger Klicks sehen. Sie können entweder den Design Editor verwenden, um das Design visuell zu konfigurieren, oder Code Designs nutzen.
Ein Design kann für beliebig viele Recommendations-Elemente, die Sie erstellen, wiederverwendet werden.
Design Editor #
- Gehen Sie zu Recommendations > Designs und klicken Sie auf New Design.
- Wählen Sie Product Slider
- Wählen Sie eine Vorlage aus, benennen Sie sie, und klicken Sie dann auf Create design.
- Passen Sie das Design nach Bedarf an.
Code Design #
- Gehen Sie zu Recommendations > Designs und klicken Sie auf New Design.
- Wählen Sie Other designs > Blank > Code.
- Benennen Sie das Design, und klicken Sie auf Create design.
- Erstellen Sie Ihr Design mithilfe von Liquid code.
Wenn Sie ein Startdesign möchten, finden Sie die Slider-Vorlage weiter unten.
Element erstellen #
Dieses enthält alle Einstellungen, um die Recommendations anzuzeigen und auf Ihrer Website einbettbar zu machen. Folgen Sie diesen Schritten für jedes Recommendations-Banner, das Sie erstellen möchten.
- Gehen Sie zu Recommendations > Elements.
- Klicken Sie auf New Element.
- Geben Sie ihm einen aussagekräftigen Namen. Wir empfehlen, das Element nach der Seite und der Logik zu benennen, die Sie verwenden möchten, z. B. “Home Page / Visitor Recommendations”.
- Wählen Sie bei Element type, die gewünschte Produktlogik im Dropdown aus. Eine Übersicht aller Produktlogiken finden Sie hier.
- Wählen Sie bei Design das von Ihnen erstellte Design im Dropdown aus und bestimmen Sie die Anzahl der Produkte, die angezeigt werden sollen.
- Klicken Sie oben auf der Seite auf Save.
Zur Website hinzufügen #
Um Clerk Recommendations auf Ihrer Website hinzuzufügen, haben Sie zwei Möglichkeiten: Injection und Embedded code.
- Öffnen Sie den Reiter Insert into website.
- Sie haben zwei Optionen:
- Mit Injection können Sie den Code per CSS-Selektor einfügen.
- Mit Embedded code können Sie den Code manuell auf Ihrer Website einfügen.
- Wählen Sie die für Sie einfachste Option.
- Für einige Logics sehen Sie das Dropdown Choose your platform. Wählen Sie in diesen Fällen DanDomain Classic aus. Der Embedcode wird dann automatisch mit den richtigen DanDomain Classic-Shortcodes befüllt.
Um Sync-Details hinzuzufügen oder einen Sync zu starten, gehen Sie zu my.clerk.io > Data > Configuration.
Befolgen Sie die folgenden Schritte im DanDomain Classic Backend, um Ihre Slider einzufügen.
Seiten #
Nachfolgend finden Sie die konkreten Seiten, auf denen Sie Recommendations einfügen sollten, und welche Typen verwendet werden sollten, um unsere Best Practices umzusetzen.
Homepage #
- Erstellen Sie in my.clerk.io 3 Elements mit den folgenden Logics:
- Visitor Recommendations
- Bestsellers
- Hot Products
- Gehen Sie in DanDomain Classic zu Design > Egne Sider.
- Unter Forside suchen Sie die Seite, die Ihre Startseite anzeigt (häufig Ihr Theme-Name + “Forside”).
- Klicken Sie auf Kilde, um den HTML-Quelltext anzusehen.
- Fügen Sie den Embedcode an der gewünschten Stelle für den Slider ein und klicken Sie anschließend auf Gem.
<span class="clerk" data-template="@SLIDER_ID"></span>
Kategorienseite #
- Erstellen Sie in my.clerk.io ein Element mit der Logic Bestsellers In Category.
- Wählen Sie im Dropdown Insert into website > Choose your platform DanDomain Classic aus und kopieren Sie den Embedcode.
- Gehen Sie in DanDomain Classic zu Design > Egne Sider.
- Unter Vareliste suchen Sie die Seite für Kategorieseiten (oft Ihr Theme-Name + “Produktliste”).
- Klicken Sie auf Kilde.
- Fügen Sie den Embedcode an der gewünschten Stelle für den Slider ein und klicken Sie auf Gem.
<span class="clerk"
data-template="@SLIDER_ID"
data-category="CATEGORY_ID">
</span>
Produktseite #
- Erstellen Sie in my.clerk.io 2 Elements mit folgenden Logics:
- Best Alternative Products
- Best Cross-Sell Products
- Wählen Sie für jedes Element das Dropdown Insert into website > Choose your platform und kopieren Sie den jeweiligen Embedcode für DanDomain Classic.
- Gehen Sie in DanDomain Classic zu Design > Egne Sider.
- Unter Produktkort suchen Sie die Seite für Produktseiten (oft Ihr Theme-Name + “Produktkort”).
- Klicken Sie auf Kilde.
- Fügen Sie den Embedcode an der gewünschten Stelle für den Slider ein und klicken Sie anschließend auf Gem.
<span class="clerk"
data-template="@SLIDER_ID"
data-products="[PRODUCT_ID]">
</span>
Add-To-Basket-Schritt #
- Erstellen Sie in my.clerk.io ein Element mit der Logic Best Cross-Sell Products.
- Geben Sie ihm den Namen “Add-To-Basket / Others Also Bought”. Dies ist wichtig, damit der Embedcode korrekt funktioniert.
- Klicken Sie oben auf der Seite auf Save.
- Aktivieren Sie in der Clerk.io DanDomain Classic-App Powerstep.
- Fügen Sie die IDs der Elemente, die Sie anzeigen möchten, kommasepariert ein.
- Klicken Sie auf Save.
Warenkorbseite #
- Erstellen Sie in my.clerk.io ein Element mit der Logic Best Cross-Sell Products.
- Wählen Sie im Dropdown Insert into website > Choose your platform DanDomain Classic aus und kopieren Sie den Embedcode.
- Gehen Sie in DanDomain Classic zu Design > Egne Sider.
- Unter Kurv suchen Sie die Warenkorbseite (oft “Kurv” oder “Lille Kurv”).
- Klicken Sie auf Kilde.
- Fügen Sie den Embedcode an der gewünschten Stelle für den Slider ein und klicken Sie auf Gem.
<span class="clerk"
data-template="@SLIDER_ID"
data-products="[PRODUCT_ID]">
</span>
Exit Intent #
- Erstellen Sie in my.clerk.io ein Element mit der Logic Visitor Recommendations.
- Öffnen Sie in der Clerk.io DanDomain Classic-App Exit Intent.
- Aktivieren Sie Enabled und klicken Sie auf Gem.
Blogseite #
- Fügen Sie den Embedcode auf der Inhaltsseite ein, auf der Sie ihn anzeigen möchten.
- Ersetzen Sie
INSER_PAGE_HEREdurch die Seiten-ID, für die Sie Produkte anzeigen möchten.
<span class="clerk"
data-template="@SLIDER_ID"
data-page="INSER_PAGE_HERE">
</span>
Startvorlagen #
Wenn Sie Code Designs verwenden möchten, können Ihnen diese Vorlagen den Einstieg erleichtern.
Slider-Code #
Diese Vorlage zeigt einen standardmäßigen Slider mit gängigen Produktinformationen, den Sie auf Ihre Bedürfnisse anpassen können.
Diese Seite wurde von einer hilfreichen KI übersetzt, daher kann es zu Sprachfehlern kommen. Vielen Dank für Ihr Verständnis.