Das Interactive Product Widget ist eine kaufbare Flip-Card-Galerie, die Lifestyle-Inhalte in Produkt-Quittungen verwandelt. Besucher können über jede Karte fahren, um sie zu drehen und Produktdetails sofort zu sehen. Name, Preis, Beschreibung und eine klare Shop Now CTA, ideal für “Shoppe den Look”-Abschnitte, die sich unterhaltsam, greifbar und conversionsbereit anfühlen.
Funktionen
-
Flip-Card-Interaktion: Fahren Sie über, um die “Rückseite” der Karte mit Produktdetails zu enthüllen (großartig für Desktop-Engagement)
-
Quittungs-ähnliche Produkt-Rückseite: Sauberes “Quittungs”-Design mit Produktname, Preis, Beschreibung und Barcode-Akzent
-
Click-to-Shop-Verhalten: Integrierte Shop Now CTA, um Käufer direkt zur Produktseite zu senden
-
Polaroid-ähnliche Front-Karten: Lifestyle-Bilder in einem gerahmten Foto-Look für eine kuratierte, redaktionelle Atmosphäre
-
Anleitungsüberschrift: Abschnitts-Titel und Hilfstext wie “Bewegen Sie den Mauszeiger zum Umdrehen darüber. Klicken Sie zum Einkaufen.” verbessern die Benutzerfreundlichkeit
-
Multi-Karten-Schaufenster: Mehrere Produkte nebeneinander in einem sauberen Reihen-Layout anzeigen
-
Marken-/Handle-Attribution: Kleine Quellen-Label auf Karten für Authentizität und Konsistenz
-
Responsives Layout: Stapelt sich oder scrollt sanft auf kleineren Bildschirmen (wo Fahren zu Tippen/Klicken wird)
Anwendungsfälle
-
Ausgewählte Homepage-Produkte: Machen Sie Best-Seller interaktiv und unvergesslicher als ein einfaches Gitter
-
“Shoppe den Look”-Abschnitte: Verbinden Sie Lifestyle-Bilder direkt mit dem Produktkauf
-
Neuheiten-Drops: Zeigen Sie einen kleinen kuratierten Satz mit Storytelling plus schnellem Kauf
-
Landingpages: Erhöhen Sie Engagement-Zeit und Klicks mit interaktiven Produktkarten
-
UGC-gestützter Handel: Paaren Sie Creator-/Kundenbilder mit kaufbaren Produkt-Rückseiten
So betten Sie ein
-
Fügen Sie Ihren Produktkatalog oder Produkt-Links in EmbedSocial ein (oder kartieren Sie Produkte auf Ihre Beiträge/Elemente).
-
Wählen Sie die Vorlage aus der kaufbaren Vorlagen-Bibliothek.
-
Personalisieren Sie den Abschnitts-Titel, Helper-Text und Button-Label (z.B. Shop Now).
-
Weisen Sie Produktdetails (Name, Preis, Beschreibung, URL) jeder Karte zu.
-
Kopieren Sie den Embed-Code (JavaScript oder iFrame).
-
Fügen Sie ihn zu Ihrer Website ein (Shopify, WooCommerce, Webflow, WordPress, Wix, Squarespace oder benutzerdefiniertes HTML) und veröffentlichen Sie.
Machen Sie Shopping interaktiv. Betten Sie das Interactive Product Display Widget ein und lassen Sie Besucher Looks durchdrehen, Produktdetails sofort entdecken und in Sekunden Shop Now klicken.