Recommendations

Allgemein #

Um Empfehlungen zu Ihrem Shop hinzuzufügen, müssen Sie im Theme-Editor auf Ihre Theme-Dateien zugreifen. Klicken Sie dazu auf “Design” im Menü auf der linken Seite und dann auf “Code bewerken” im Dropdown-Menü Geavanceerd.

Homepage-Empfehlungen #

• Erstellen Sie Ihre Empfehlungen Design und Inhalt in my.clerk.io, die Sie zu Ihrer Homepage hinzufügen möchten.

• Fügen Sie in der Datei oder dem Snippet, in dem sich Ihr Homepage-Theme befindet (in diesem Fall snippets/homepage.rain), den entsprechenden Einbettungscode aus Ihrem my.clerk.io Content an der Stelle auf der Seite ein, an der die Empfehlungen erscheinen sollen.

Empfehlungen der Produktseite #

• Erstellen Sie in my.clerk.io das Design und den Inhalt, den Sie auf Ihrer Produktseite einfügen möchten.

• Fügen Sie auf Ihrer Produktseite oder in Ihrer Snippet-Datei (in diesem Beispiel product.rain) den Einbettungscode aus Ihren Content Recommendations in my.clerk.io an der Stelle ein, an der der Slider auf der Produktseite erscheinen soll.

  • Achten Sie darauf, den Platzhalter data-products so zu aktualisieren, dass er den in Ihrem Lightspeed-Shop verwendeten Wert enthält (wahrscheinlich “[ {{product.id}} ]”).

Kategorieseiten-Empfehlungen #

• Erstellen Sie zunächst Ihr Empfehlungsdesign und den Inhalt in my.clerk.io, den Sie Ihrer Kategorieseite hinzufügen möchten.

• Um Empfehlungs-Slider zu den Kategorieseiten Ihres Webshops hinzuzufügen, gehen Sie auf die entsprechende Themenseite, wahrscheinlich collection.rain.

• Hier platzieren Sie den in my.clerk.io generierten Content Embed Code an der Stelle, an der Sie den Slider auf der Seite einfügen möchten.

  • Stellen Sie sicher, dass Sie den Platzhalter data-category auf den entsprechenden Kategorie-ID-Wert in Lightspeed aktualisieren (in diesem Beispiel “{{collection.category_id}}”).

Markenseiten-Empfehlungen #

• Erstellen Sie zunächst Ihr Empfehlungsdesign und den Inhalt in my.clerk.io, den Sie Ihrer Markenseite hinzufügen möchten.

• Um Empfehlungs-Slider zu den Markenseiten Ihres Webshops hinzuzufügen, gehen Sie auf die entsprechende Themenseite, wahrscheinlich collection.rain.

• Sie müssen die Markenseiten von den Kategorieseiten unterscheiden, indem Sie eine IF-Anweisung hinzufügen, um nach Kategorie-IDs zu suchen (in diesem Beispiel {%if collection.category_id %} ).

  • Fügen Sie eine ELSE-Anweisung hinzu, fügen Sie hier den Einbettungscode für die Markenseite ein und schließen Sie mit {% endif %} ab, etwa so:

Exit Intent-Empfehlungen #

• Erstellen Sie zunächst Ihre Empfehlungen Design und Inhalt in meinem.clerk.io, die Sie hinzufügen möchten, wenn Besucher Ihren Shop verlassen.

• Exit Intent wird zu Ihrer Hauptthemen-Datei hinzugefügt, wahrscheinlich custom.rain.

• Hier platzieren Sie den in my.clerk.io generierten Content Embed Code kurz vor dem schließenden Tag. Wenn Sie Live Search implementiert haben, sollte der Exit Intent-Code direkt danach platziert werden.

Cart Page Empfehlungen #

• Erstellen Sie zunächst das Design und den Inhalt Ihrer Empfehlungen inclerk.io, die Sie zu Ihrer Warenkorb-Seite hinzufügen möchten.

• Um sicherzustellen, dass die Warenkorb-IDs an Clerk.io übergeben werden können, fügen Sie dieses Skript unter dem Abschnitt Config von Clerk JS hinzu:

 {%raw%}"[{% for clerk_line in page.cart.products %}{{ clerk_line.id }}{% if loop.length > 1 and not loop.last %}, {% endif %}{% endfor %}]";{%raw%}

• Erstellen Sie zunächst Ihr Empfehlungsdesign und den Inhalt inclerk.io, den Sie zu Ihrer Warenkorb-Seite hinzufügen möchten, und kopieren Sie dann den Einbettungscode in fixed.rain in Ihrem Lightspeed-Theme.

  • Um sicherzustellen, dass die Warenkorb-IDs an Clerk.io übergeben werden können, fügen Sie dieses Skript als Wert für data-products in Ihrem Einbettungscode hinzu:

   data-products="[{% for clerk_line in page.cart.products %}{{ clerk_line.id }}{% if loop.length > 1 and not loop.last %}, {% endif %}{% endfor %}]"
  

• Abschließend umschließen Sie dies mit der IF-Anweisung {% if ‘cart’ in Vorlage %} im untenstehenden Beispiel und schließen mit einer {% endif %} Zeile ab.

• Dies alles muss innerhalb von

  platziert werden, um auf der Warenkorb-Seite richtig angezeigt zu werden, etwa so:

Powerstep-Empfehlungen #

• Erstellen Sie zunächst Ihre Empfehlungen Design und Inhalt in meinem.clerk.io, die Sie möchten, um die Powerstep hinzufügen.

• Suchen Sie die Powerstep-Snippet-Datei im Abschnitt Snippets Ihrer Theme-Dateien, in diesem Beispiel popup-buy.rain. Fügen Sie den von Content generierten Einbettungscode hier ein:

Einige eingebettete Codes erfordern Variablen wie Produkt oder Kategorie-IDs.. In diesen Fällen werden sie in den Einbettungscode eingefügt, aber vergewissern Sie sich, dass es sich um die richtigen Variablen handelt, auf die Sie in Ihrem Lightspeed-Portal verweisen müssen.