Was ist ein Shoppable Widget für Shopify?
Ein Shoppable Widget für Shopify ist ein dynamischer Inhaltsblock, der produktverknüpfte UGC, Social-Media-Beiträge oder Kurzvideos direkt in Ihrem Shop anzeigt. Sie können es auf Ihrer Startseite, auf Produktseiten oder Kollektionsseiten platzieren, um echte Kundeninhalte zu zeigen und Käufern einen schnelleren Weg zum Kauf zu ermöglichen.
Mit der EmbedSocial: Shoppable UGC-App können Sie UGC aus verbundenen Quellen sammeln, kuratieren und Shopify-Produkte taggen, sodass jedes Widget zu einem Conversion-Pfad wird. Es hilft Ihnen, Käufer von der Inspiration bis zum Checkout zu führen, mit echten Kundenfotos, Videos und Bewertungen in einem Erlebnis.
Das ist mehr als eine Galerie. Es ist ein auf Conversions ausgerichtetes Shoppable Widget für Shopify, das Käufern hilft, Produkte mit mehr Vertrauen zu entdecken.
Warum ein Shoppable Widget in Ihrem Shopify-Shop verwenden?
Das Hinzufügen eines Shoppable Widgets zu Shopify verbessert nicht nur das Erscheinungsbild Ihres Shops. Es reduziert die Hürden zwischen Entdeckung und Kauf und hält Ihren Social Proof sichtbar.
-
Vertrauen auf einen Blick aufbauen , Echte Kundenfotos, Videos und Bewertungen helfen Käufern, die Produktqualität schneller zu beurteilen. Social Proof reduziert das Zögern, wenn Käufer Optionen in Ihrem Shop vergleichen.
-
Mehr Conversions erzielen , Mit einem Shoppable Widget für Shopify wird Ihr UGC Teil der Kaufreise. Taggen Sie Produkte in Beiträgen oder Videos und verlinken Sie direkt auf Produktseiten, um Abbrüche zu reduzieren.
-
Engagement steigern , Video- und UGC-Widgets halten Käufer auf natürliche Weise beim Stöbern. Wenn Besucher authentische Inhalte und Produktlinks an einem Ort durchsuchen können, verbringen sie mehr Zeit auf Ihrer Website.
-
Produktentdeckung fördern , Zeigen Sie eine breitere Mischung von Produkten in realen Anwendungsfällen, und Käufer entdecken Artikel, die sie auf Standard-Katalogseiten vielleicht übersehen würden, was einen höheren AOV und Wiederholungskäufe unterstützen kann.
-
Bessere Erwartungen setzen , UGC hilft Käufern, Produkte in realen Kontexten zu sehen, was das Kaufvertrauen verbessern und Erwartungsunterschiede nach der Lieferung reduzieren kann.
-
Seiten aktuell halten , Automatisch aktualisierte Widgets halten Produktseiten und Landing Pages mit neuen Inhalten aktiv, was das Engagement unterstützt und Ihre Merchandising- und SEO-Bemühungen stärken kann.
Funktionen des Shoppable Widgets für Shopify
-
Shoppable Beiträge und Videos , Taggen Sie Shopify-Produkte in UGC und Social-Media-Inhalten, sodass Käufer Artikel entdecken und schneller zu Produktseiten oder dem Checkout gelangen können.
-
Dynamischer Code zur Anzeige von einzigartigem UGC auf jeder Produktseite , Verwenden Sie einen wiederverwendbaren Widget-Code in Ihrer Produktvorlage und lassen Sie passende getaggte Bilder und Videos dynamisch pro Produktseite laden.
-
API-Integrationen und automatische Synchronisierung , Inhalte aus verbundenen sozialen Quellen automatisch abrufen und Ihr Shoppable Widget aktuell halten, ohne jedes Mal manuell zu veröffentlichen.
-
Produktkarten und Kauflinks , Produktdetails und klickbare Kaufaktionen im Widget anzeigen, sodass Käufer mit weniger Schritten stöbern und kaufen können.
-
KI-Editor, Vorlagen und Designsteuerung , Nutzen Sie den Editor von EmbedSocial plus Vorlagen und Styling-Steuerung, um markengerechte Shoppable-Bereiche schneller zu erstellen, von Rastern und Karussells bis hin zu produktorientierten Layouts.
-
KI-Kurationstools (Bewertung, Moderation, Tagging) , KI-gestützte Bewertung, Moderation und Tagging nutzen, um UGC schneller zu organisieren und die relevantesten Inhalte in jedem Widget zu veröffentlichen (Verfügbarkeit kann je nach Einrichtung/Tarif variieren).
-
Rechtssichere Veröffentlichungs-Workflows , EmbedSocial-Plattform-Workflows können UGC-Rechteanfragen und Genehmigungsprozesse unterstützen, sodass Teams genehmigte Inhalte schneller in Widgets einbinden können (genaue Tarifverfügbarkeit prüfen).
-
Widget-Analysen und Leistungsverfolgung , Widget-Aufrufe, Klicks und Engagement verfolgen, um zu verstehen, welche Platzierungen und UGC-Assets die besten Ergebnisse erzielen.
-
Code-freie Einbettung und responsive Layouts , Mit Shopify-Theme-Platzierung oder Einbettungscode veröffentlichen und das Shoppable Widget auf Desktop und Mobilgerät schnell und responsiv halten.
Wie fügen Sie ein Shoppable Widget für Shopify hinzu?
Das Hinzufügen eines Shoppable Widgets für Shopify ist unkompliziert. Folgen Sie diesen Schritten, um schnell zu starten und UGC in ein Einkaufserlebnis zu verwandeln:
-
1. Mit Shopify verbinden und Produkte synchronisieren
Sie haben zwei Möglichkeiten, Ihren Shopify-Produktkatalog in EmbedSocial zu importieren:
- Die Shopify-App installieren aus dem Shopify App Store, die alle Produkte automatisch auf die Produktseite in Ihrem EmbedSocial-Konto importiert.
- Shopify mit XML innerhalb von EmbedSocial verbinden, um Ihren Katalog zu importieren, ohne eine weitere App in Ihrer Shopify-Verwaltung hinzuzufügen. Sie benötigen die XML-Produktdatei, um sie in EmbedSocial auf der Produkte-Seite zu importieren.
Beide Optionen halten Ihre Produkte synchron, sodass beim Hinzufügen, Bearbeiten oder Entfernen von Produkten in Shopify der Katalog in EmbedSocial automatisch aktualisiert wird.
So funktioniert die XML-Datei:
- Shopify generiert eine Produkt-Feed-URL (XML), die Ihre Produktdaten enthält (Produkt-ID, Titel, URL, Bilder, Preis, Verfügbarkeit, Varianten usw.)
- In EmbedSocial fügen Sie diese XML-Feed-URL ein, um Ihren Katalog zu importieren.
- EmbedSocial synchronisiert den Feed automatisch, sodass Änderungen in Shopify (neue Produkte, Bearbeitungen, Entfernungen) nach der nächsten Synchronisierung in EmbedSocial übernommen werden.
Wann die XML-Option verwenden:
- Sie möchten keine zusätzlichen Apps in der Shopify-Verwaltung verwalten.
- Sie möchten einen schnellen Katalogimport ohne Theme-Änderungen.
- Sie benötigen Produktdaten nur für das Taggen und dynamische Widgets (keine tieferen Shopify-Aktionen).
So finden Sie Ihren Shopify-Produkt-XML-Feed-Link:
Option 1: Google- und YouTube-Vertriebskanal-Feed (Am häufigsten)
- Gehen Sie in der Shopify-Verwaltung zu Einstellungen → Apps und Vertriebskanäle.
- Öffnen Sie Google und YouTube.
- Gehen Sie zu Produkt-Feed (oder Feed-Einstellungen).
- Kopieren Sie die XML-Feed-URL.
Dies ist in der Regel der sauberste XML-Feed, da er für Produktkataloge erstellt wurde.
Option 2: Eine Feed-Generator-App verwenden. Wenn kein integrierter Feed verfügbar ist, installieren Sie eine Produkt-Feed-App (suchen Sie im Shopify App Store nach "product feed xml" oder "google merchant feed"). Nach der Einrichtung stellt die App eine öffentliche XML-Feed-URL bereit, die Sie kopieren können.
Option 3: Ihren Entwickler nach der Shop-Feed-URL fragen. Einige Shops haben einen benutzerdefinierten XML-Endpunkt (z. B. generiert von einem Theme oder Middleware). Wenn dieser vorhanden ist, kann Ihr Entwickler die genaue URL mitteilen.
Tipp: Der XML-Link sollte im Browser geöffnet werden können und strukturierten XML-Inhalt anzeigen (keine normale Produktseite).
-
2. Ein Widget erstellen und Beiträge mit Produkten taggen
Gehen Sie in EmbedSocial zu Widgets, erstellen Sie Ihr UGC-Widget und taggen Sie jedes Bild oder Video mit dem jeweiligen Produkt. Ein Beitrag kann mit einem oder mehreren Produkten getaggt werden.
-
3 Einen dynamischen Einbettungscode kopieren und in Shopify einfügen
Gehen Sie zu Einbetten, wählen Sie "Dynamischer Code" und fügen Sie ihn in Ihre Shopify-Produktseitendatei ein.
data-productId="{{ product_id }}"ist der dynamische Teil. Die E-Commerce-Plattform fügt die ID des aktuellen Produkts zur Renderzeit ein (z. B. in Shopify-Produktvorlagen).- Gehen Sie zu Online-Shop → Themes → Code bearbeiten.
- Öffnen Sie:
templates/product.json. - Diese Datei lädt in der Regel einen Hauptproduktbereich, am häufigsten:
sections/main-product.liquid. - Fügen Sie den dynamischen Einbettungscode in
sections/main-product.liquidein, wo das Widget erscheinen soll (z. B. unter der Produktbeschreibung).
Hinweis: Um dieses Widget nur auf bestimmten Produktseiten anzuzeigen, öffnen Sie das Dropdown Katalog auswählen und wählen Sie die gewünschten Produkte. Das Widget erscheint dann nur auf diesen ausgewählten Produktseiten.
-
5 Fertig: Das Widget aktualisiert sich pro Produktseite
Wenn ein Kunde eine Produktseite öffnet, erkennt das Widget die Produkt-ID und zeigt nur die Beiträge, die in EmbedSocial mit diesem Produkt getaggt sind.
Nach der Veröffentlichung kann Ihr Shoppable Widget für Shopify beginnen, Social Proof und UGC in Produktentdeckung, Klicks und Käufe umzuwandeln.
-
Vollständiges Tutorial ansehen
Erste Schritte. Verwandeln Sie Ihren Social Proof in einen Vertriebskanal. Installieren Sie EmbedSocial: Shoppable UGC und starten Sie ein Shoppable Widget für Shopify, das Ihnen hilft, mit echten Kundeninhalten zu sammeln, kuratieren und konvertieren.
