Hallo zusammen,
wir sind gerade dabei unseren Shop auf ein neues Theme umzuziehen und dabei haben wir ein paar Herausforderungen mit dem Produktempfehlungen Widget auf der Produktseite. Es werden ja einem Produkt automatisch Produkte zugewiesen auf Last-Click-Basis. Das macht bei unseren Produkten leider überhaupt keinen Sinn, denn es gibt Produkte, die aufgrund einer möglichen Überdosierung gar nicht miteinander kombiniert werden dürfen. Ich habe versucht, das Problem mit dem Widget "Vorgestellte Kollektion" zu lösen. Problem ist nur dabei, dass ich für jedes Bundle, das wir anbieten, eine eigene Kollektion anlegen müsste. Da wird's dann im Backend wahrscheinlich sehr schnell unübersichtlich.
Hat jemand einen Tipp, wie man Cross-Selling-Produkte auf einfachem Weg manuell bei Shopify auf der jeweiligen Produktseite einpflegen kann?
Vielen Dank!
LG
Steffi
Gelöst! Zur Lösung
Erfolg.
Gerne geschehen! 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Ich glaube, ich habe die Lösung schon selbst gefunden: Metafields 🤩
Jetzt habe ich zwar die Metafields ergänzt, ich kann aber nicht erkennen, wo die Produkte dann zu sehen sind oder muss ich hierfür ein anderes Widget als Produktempfehlungen auswählen 🤔?: https://www.loom.com/share/173ec41e25664739be540f6fa0379330?sid=31125e9d-4f6f-4f74-891e-29381085356f
Hey Steffi! @Skihav
Klasse Screenrecording! Wenn alle bloß dieses Tool hier in der Community verwenden würden...make my life so much easier... 😉
Um die von dir angelegten Metafelder für "Ergänzende Produkte" auf der Homepage im Abschnitt für Produktempfehlungen zu integrieren, verlangt das ein paar Schritte vor allem im Theme leider - also nicht ganz so einfach.
Es erfordert in der Regel die Anpassung deines Themes, um die Metafelder-Daten auf der Homepage darstellen zu können. Dazu kommt dass verschiedenen Themes das auch anders machen und ich sehe in deinem Video du verwendest das Be Yours Theme - eins meiner absoluten Favs!
Wenn du ein Online Store 2.0-Theme verwendest, kannst du Metafelder in deinem Shop über den Theme-Editor verbinden, ohne den Code manuell bearbeiten zu müssen. Du kannst Abschnitte oder Blöcke hinzufügen, die dynamische Quellen unterstützen, und dann Metafelder als solche Quellen auswählen. Dies ermöglicht es dir, Metafelder flexibel in verschiedenen Teilen deines Shops, einschließlich der Homepage, zu platzieren.
Für detailliertere Anpassungen oder falls dein Theme die direkte Einbindung von Metafeldern über den Editor nicht unterstützt, musst du möglicherweise den Theme-Code bearbeiten. Dabei kannst du Liquid, die Template-Sprache von Shopify, verwenden, um Metafeld-Referenzen in deinen Seitenvorlagen zu platzieren. Dies erfordert ein gewisses Maß an technischem Verständnis oder Erfahrung im Programmieren.
Um Metafelder auf deiner Homepage anzuzeigen, könntest du somit spezifische Produktinformationen oder ergänzende Produktempfehlungen durch Metafelder definieren und diese dann mithilfe des Theme-Editors oder durch direkte Code-Anpassungen auf der Homepage integrieren. Achte dabei auf die korrekte Verwendung von Liquid-Tags und -Filtern, um Metafelder für Produkte oder Sammlungen abzurufen und darzustellen.
Hier ein paar allgemeine Schritte, die dir helfen, das zu erreichen was du machen möchtest:
{% for product in collections['all'].products %}
{% if product.metafields.custom_namespace.ergaenzende_produkte %}
{{ product.metafields.custom_namespace.ergaenzende_produkte }}
{% endif %}
{% endfor %}
Ersetze custom_namespace
und ergaenzende_produkte
durch deinen tatsächlichen Metafeld-Namespace und den Schlüssel. Nachdem du Zugriff auf die Metafelder hast, kannst du die Daten verwenden, um die empfohlenen Produkte auf der Homepage anzuzeigen. Dies könnte das Hinzufügen weiterer Liquid-Logik erfordern, um durch die empfohlenen Produkt-IDs zu iterieren und Produktinformationen dynamisch zu laden.
Weitere generelle Infos und Ressourcen dazu:
Um Cross-Selling-Produkte manuell auf Shopify-Produktseiten einzupflegen, sind Custom Metafelder und Metaobjekte eine effektive Lösung an. Diese ermöglichen es dir, spezialisierte Informationen zu Produkten, Kollektionen und anderen Teilen deines Shops hinzuzufügen und auf deiner Webseite anzuzeigen. Metafelder können beispielsweise verwendet werden, um Zusatzinformationen wie Teilenummern, Farbmuster, Veröffentlichungsdaten, verwandte Produkte, Blog-Zusammenfassungen, Download-Dateien oder Inhaltsstofflisten darzustellen.
Metafelder bieten also eine einfache Möglichkeit, zusätzliche Parameter wie Text, Farbe, Produkt oder Seite jedem Produkt, jeder Kollektion, Seite oder jedem Blog-Post in deinem Shop zuzuweisen. Die Herausforderung hierbei ist, dass du den Wert jedes Metafeldes einzeln eingeben und aktualisieren musst, was zeitaufwendig sein kann, wenn du Änderungen an vielen Produkten vornehmen musst. Metaobjekte hingegen sind komplexere Entitäten, die mehrere Metafelder enthalten können. Sie werden oft verwendet, um mehrere Parameter oder wiederkehrende Inhalte in deinem Shop darzustellen. Der Vorteil von Metaobjekten besteht darin, dass du sie an einem Ort bearbeiten kannst, und diese Änderungen werden dann gleichzeitig in allen Instanzen übernommen, in denen sie verwendet werden.
Um Metafelder für Cross-Selling auf Produktseiten einzusetzen, könntest du beispielsweise ein Metafeld definieren, das auf verwandte Produkte verweist, und dieses dann manuell für jedes Produkt im Shopify-Adminbereich ausfüllen. Hierzu musst du zuerst Metafelddefinitionen in deinem Shopify-Adminbereich unter Einstellungen > Benutzerdefinierte Daten erstellen und dann den Produkten oder Kollektionen spezifische Metafeldwerte zuweisen. Anschließend kannst du diese Metafelder über den Theme-Editor mit deinem Online-Shop verbinden, indem du sie an die entsprechenden Stellen in deinen Produkt- oder Kollektionsvorlagen einfügst.
Es ist auch wichtig, Validierungen für deine Metafelder in Betracht zu ziehen, um sicherzustellen, dass die eingegebenen Daten bestimmten Kriterien entsprechen. Dies kann besonders nützlich sein, wenn du deinen Kunden spezielle Informationen wie Diätbeschränkungen oder Sicherheitshinweise präsentieren möchtest.
Wenn du Unterstützung bei der Einrichtung oder Verbindung deiner Metafelder mit deinem Theme benötigst, könntest du in Erwägung ziehen, einen Shopify-Partner zu engagieren. Dies ist besonders ratsam, wenn du keine Erfahrung mit der Bearbeitung von Theme-Code hast.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Habt ihr auch den Shop auf den Valentinstag 🫶 umgestellt? Jetzt ist die Zeit wo Online Shopper nach 🎁 für ihre ❤️ 👀!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Cool, danke @Gabe für die ausführlichen Erläuterungen! Schaue ich mir alles mal in Ruhe an und lasse es dich wissen, wenn ich noch Fragen habe. LG, Steffi
Erfolg.
Gerne geschehen! 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hi Gabe,
Ich lese gerade deine obige Antwort zum Thema Produktempfehlungen.
Ich hätte zwei Anschlussfragen für dich.
1. Die von Shopify automatisch generierten Produktempfehlungen machen zumindest in meinem Shop fast nie Sinn. Zum Beispiel guckt sich jemand ein Parfum an, und erhält dann als similiar products, alles andere aber nur keine weiteren Parfums angezeigt. Gibt es eine Möglichkeit diese automatisierten Vorschläge zu verbessern / optimieren? Da wir über 2000 Produkte im Shop haben, machen manuelle Anpassungen keinen Sinn.
2. Ergänzende Produkte müssen zwingend manuell eingepflegt werden, sie können nicht automatisiert erstellt werden, richtig?
3. Dein Hinweis Metafelder für ergänzende Produkt zu verwenden könnte interessant sein. Könntest du mir das nochmals genauer erklären? Ich verstehe es ungefähr aber leider nicht vollständing.
Vielen Dank!
LG Winfried
Hey Windfied! @Blanda_Beauty
Wie lauft alles?
Bzgl. 1) und 2) - um empfohlene Produkte festzulegen, gehe zur Shopify Search & Discovery-App, klicke auf Produktempfehlungen und dann auf Empfehlungen hinzufügen. Du kannst bis zu 10 ergänzende und verwandte Produkte auswählen (Produktempfehlungen anpassen) (Einen Bereich für ähnliche Produkte hinzufügen).
Bzgl. 3) - um Metafelder für ergänzende Produkte zu verwenden, gehe zu „Produkte“ in deinem Shopify-Adminbereich, wähle ein Produkt aus und füge benutzerdefinierte Metafelder für verwandte Artikel hinzu. Du kannst diese Metafelder dann im Abschnitt für die Anzeige verknüpfen. Weitere Informationen findest du in diesem Artikel: „Verwendung von Metafeldern“.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hi Gabe,
alle gut hier - vielen Dank für deine Antwort.
Re 1) Da wir viele Produkte im Shop haben machen manuelle Empfehlungen keine Sinn bzw. wären zu aufwendig. Meine Frage bezog sich auf die automatisierten Empfehlungen. Wie gesagt, in meinen Shop liefert hier Shopify eigentlich ziemlichen Quatsch. Gibt es eine Möglichkeit diesen Algorithmus anders einzustellen oder zu optimieren?
Im Hilfetext lese ich, dass Shopify die Empfehlungen auf drei Kriterien basiert:
- Kaufhistorie: Für das Produkt werden vergangene Verkäufe benötigt, um das Kaufverhalten zu beurteilen.
- Produktbeschreibung: Steht nur Händlern mit einer englischen Storefront zur Verfügung.
- Verwandte Kollektionen: Wird verwendet, wenn Empfehlungen basierend auf Kaufhistorie und Produktbeschreibungen nicht verfügbar sind.
Wenn ich die Empfehlungen von Shopify in meinem Shop anschaue, dann scheint das nichg gut zu klappen.
Und weißt du ab wann wird das Kriterium "Produktbeschreibung" auch für deutsche Shops verfügbar sein?
LG Winfried
Das hört sich super an Winfried!
Bzgl. den automatisierten Produktempfehlungen, es gibt momentan nur begrenzte Möglichkeiten, den Algorithmus für automatisierte Produktempfehlungen von Shopify direkt zu beeinflussen. Shopify nutzt eine Kombination aus Kaufhistorie, Produktbeschreibung (nur für englischsprachige Stores) und verwandten Kollektionen, um Empfehlungen zu generieren.
Denk dran, dass der echte Sinn so eines Abschnitts unterhalb deines Hauptproduktes auf der PDP es ist, deinen AOV zu erhöhen. Wenn du beispielsweise eine Jeans verkaufts dann sollte dieser Abschnitt "This item pairs with..." bedeutungsvolle und verbindliche Produkte anzeigen und nicht redundante Produkte, die der Käufer nicht braucht.
Beispiel: das Hauptprodukt ist eine Jeans. Dann wird im "Frequently bought together" Abschnitt NICHT noch eine Pair of Jeans erscheinen, sondern das passende T-Shirt, das mit den Jeans vom Kunden zusammen gekauft werden möchte. Oder wenn du Mountain Bikes verkaufst dann sollen im "This item pairs with..." Abschnitt nicht weitere Mountain Bikes erscheinen sondern das notwendige Zubehör, wie ein Helm, Bike Lichter, usw.
Zuviele Shops machen diesen elementaren Fehler und wundern sich darum, dass ihr AOV so niedrig ist. Und die Customer Experience bleibt dabei auch auf der Strecke wenn man es nicht 100% richtig macht.
Wie sieht es in deinem Shop aus, Winfried? Ich kenne es ja von unseren UNterhaltungen und auf dieser PDP erscheinen solche Produkte auch, aber ganz optimiert ist es m. M. nicht. Mit einem Holliday Skin [sic] Produkt würde ich mir eher ein Apres-Sun Lotion vorstellen, als ein Face Yoga Workshop. Siehst du was ich meine? Es muss eine BEdeutungsvolle Beziehen entstehen zwischen dem Hauptprodukt und den "Frequently bought together" Produkte um deinen AOV som richtige in die Höhe zu schiessen.
Diese Algorithmen haben leider keine Lokalisierungs-Möglichkeiten, sprich, keine Translation Capability also sind sie nur aufs Englische fokussiert. Ob Algorithmen kommen, die alle Sprachen lesen können, wage ich fast zu bezweifeln. Hast du vielleicht andere Apps getestet, die das besser machen können und dir helfen können, die Produktempfehlungen in deinem Shop zu optimieren und einfacher zu skalieren? Hier ein paar weitere Tipps zu wie du das derzeitige Systemverhalten der App optimieren kannst:
Leider müssen ergänzende Produkte weiterhin manuell hinzugefügt werden, da Shopify nur die "ähnlichen Produkte" automatisch generiert. Um dies effizienter zu gestalten, könntest du zumindest Metafelder oder Shopify Flow (eine Automatisierungs-App) verwenden, um die Bearbeitung von Metafeldern in großen Mengen zu vereinfachen. Diese könnten helfen, den Prozess teilweise zu automatisieren.
Die Metafelder können verwendet werden, um Produkte als ergänzende oder verwandte Produkte zu markieren:
Beispiel für die Einrichtung von Metafeldern:
Die Shopify Entwicklerdoku, beschreibt, wie die automatisch generierten Produktempfehlungen funktionieren und wie man diese in einem Shopify-Theme implementieren kann, sprich, wie man ähnliche und ergänzende Produkte auf Produktseiten anzeigt und welche Daten und APIs dafür verwendet werden.
Automatisch generierte Produktempfehlungen:
Verwendung der Produktempfehlungen API:
recommendations
-Objekt verwendet, das relevante Produkte enthält./{locale}/recommendations/products
-Endpoint, um Empfehlungen für ein bestimmtes Produkt zu erhalten.Begrenzungen:
Verwende das richtige Theme: Vergewissere dich, dass du ein Online Store 2.0-kompatibles Theme verwendest. Dies ermöglicht es dir, die empfohlenen Produkte auf der Produktseite anzuzeigen.
HTML und Liquid für Produktempfehlungen hinzufügen:
sections/product-recommendations.liquid
😞
<div
class="product-recommendations"
data-url="{{ routes.product_recommendations_url }}?section_id={{ section.id }}&product_id={{ product.id }}&limit=4&intent=related"
>
{%- if recommendations.performed? and recommendations.products_count > 0 -%}
<h2>You may also like</h2>
<ul>
{%- for product in recommendations.products -%}
<li class="product">
<a href="{{ product.url }}">
<img
class="product__img"
src="{{ product.featured_image | image_url: width: 300, height: 300 }}"
alt="{{ product.featured_image.alt }}"
/>
<p class="product__title">{{ product.title }}</p>
<p class="product__price">{{ product.price | money }}</p>
</a>
</li>
{%- endfor -%}
</ul>
{%- endif -%}
</div>
Der JavaScript lädt die Empfehlungen, sobald der Benutzer in den Sichtbereich der Empfehlungen scrollt:
const handleIntersection = (entries, observer) => {
if (!entries[0].isIntersecting) return;
observer.unobserve(productRecommendationsSection);
const url = productRecommendationsSection.dataset.url;
fetch(url)
.then(response => response.text())
.then(text => {
const html = document.createElement('div');
html.innerHTML = text;
const recommendations = html.querySelector('.product-recommendations');
if (recommendations && recommendations.innerHTML.trim().length) {
productRecommendationsSection.innerHTML = recommendations.innerHTML;
}
})
.catch(e => {
console.error(e);
});
};
const productRecommendationsSection = document.querySelector('.product-recommendations');
const observer = new IntersectionObserver(handleIntersection, { rootMargin: '0px 0px 200px 0px' });
observer.observe(productRecommendationsSection);
Verwende schema
, um die Einstellungen der Produktempfehlungen anpassbar zu machen. Damit können Händler im Shopify-Adminbereich festlegen, wie viele Produkte angezeigt werden sollen oder welche Art von Bildverhältnis verwendet wird:
{% schema %}
{
"name": "Product recommendations",
"settings": [
{
"type": "range",
"id": "products_to_show",
"min": 2,
"max": 10,
"step": 1,
"default": 4,
"label": "Number of products to show"
},
{
"type": "select",
"id": "image_ratio",
"options": [
{ "value": "adapt", "label": "Adapt to image" },
{ "value": "portrait", "label": "Portrait" },
{ "value": "square", "label": "Square" }
],
"default": "adapt",
"label": "Image ratio"
}
]
}
{% endschema %}
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Des weiteren:
Um den Abschnitt "This item pairs with..." auf einer PDP so zu optimieren, dass relevante und ergänzende Produkte angezeigt werden (z. B. Zubehör wie ein passendes T-Shirt zu einer Jeans oder ein Helm zu einem Mountainbike), verwende Metafelder und einen Custom Liquid.
1. Metafelder für ergänzende Produkte verwenden
Du kannst Metafelder verwenden, um ergänzende Produkte für jedes Produkt zu definieren. So kannst du steuern, welche Produkte in der Sektion "Frequently Bought Together" angezeigt werden.
Metafelder erstellen:
Produkte mit Metafeldern verknüpfen:
Nun musst du das Liquid deines Themes anpassen, um die in den Metafeldern gespeicherten ergänzenden Produkte anzuzeigen. Hier ist ein Beispiel:
<div class="product-recommendations">
<h3>Frequently Bought Together</h3>
<ul>
{% if product.metafields.custom.complementary_products != blank %}
{% assign complementary_products = product.metafields.custom.complementary_products %}
{% for product_id in complementary_products %}
{% assign complementary_product = all_products[product_id] %}
<li>
<a href="{{ complementary_product.url }}">
<img src="{{ complementary_product.featured_image | img_url: '300x300' }}" alt="{{ complementary_product.title }}">
<p>{{ complementary_product.title }}</p>
<p>{{ complementary_product.price | money }}</p>
</a>
</li>
{% endfor %}
{% else %}
<p>No complementary products found</p>
{% endif %}
</ul>
</div>
Um den Abschnitt auf der PDP korrekt einzufügen, kannst du den obigen Code in die Liquid-Datei einfügen, die für die Produktseiten deines Themes zuständig ist (z. B. product.liquid
oder product-template.liquid
).
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hi Gabe,
herzlichen Dank für deine Mühe und sehr ausführliche Antwort!
Ja, ich denke die Krux an der Sache ist leider, dass Shopify nur für englischsprachige Stores die Produktbeschreibung mit in den Algorithmus mit einbezieht. Das ist schade, denn wir zahlen ja auch unsere Gebühren, genauso wie die Amis und Engländer.
Metafelder nehme ich mal genauer unter die Lupe. Aber letztendlich muss man auch hier manuelle Beziehungen erstellen und diese dann auch pflegen. Bei einem Shop mit vielen Produkten ist das aufwändig.
Dann läuft es wohl oder übel auf eine App hinaus.
Nochmals besten Dank für deine Hilfe, jetzt haben wir eine gute Entscheidungsgrundlage.
LG Winfried
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024