--- title: "Wie du einen Shoppable-Instagram-Feed auf deiner Website erstellst und einbindest [Shop-My-Feed-Widget]?" date: 2024-03-05 canonical_id: embed-shoppable-instagram-feed locale_slug: shoppable-instagram-feed-einbinden author: "osogovo" category: - blog - instagram - social-media-feeds - widgets summary: "Schritt-für-Schritt-Anleitung zum Generieren und Einbinden eines Shoppable-Instagram-Feeds auf deiner Website." draft: false seo: title: "Wie du einen Shoppable-Instagram-Feed auf deiner Website erstellst und einbindest [Shop-My-Feed-Widget]?" description: "Schritt-für-Schritt-Anleitung zum Generieren und Einbinden eines Shoppable-Instagram-Feeds auf deiner Website." structured_data: article --- Heutzutage brauchen Käufer [sozialen Beweis](/blog/social-proof-examples/) vor einem Kauf. Dies hat dazu geführt, dass Marken nach kreativen Wegen suchen, um Kundenerfahrungen auf ihrer Website zu präsentieren. Allerdings kann Vertrauen viele verschiedene Formate annehmen, vom Hinzufügen von [TikTok-Erwähnungen](/blog/tiktok-mentions/) auf deine Website bis zur Anzeige von Zusammenarbeit mit anderen beliebten Marken und Creatoren. Daher ist es nicht überraschend, dass einer der wirkungsvollsten Vertrauensfaktoren für deine Website öffentliche Erwähnungen von Menschen in sozialen Medien wie Beiträge, Reels, Videos und Text-Updates sind. Lies weiter, da ich dir zeigen werde, wie du Instagram-Beiträge sammelst, die deine Marke erwähnen, relevante Produkte auf ihnen kennzeichnest und einen Shoppable-Instagram-Feed auf deiner Website erstellst. ## Wie nutzt du Shoppable-Feeds, um die Konvertierungsrate deiner Website zu verbessern? Bevor wir mit den Schritten beginnen, hier sind die wichtigsten Vorteile, warum du einen Shoppable-Instagram-Feed auf deiner Website brauchst. Shoppable-Feeds können ein starkes Werkzeug sein, um die Konvertierungsrate deiner Website zu **erhöhen**, indem sie die Lücke zwischen Produktentdeckung und Kauf schließen. Hier ist, wie: ### Zeige dein Produkt in Aktion Das ist offensichtlich. Deine Stock-Bilder sind nicht mächtig genug, um Persönlichkeit und Authentizität zu bieten, damit Kunden sich beziehen können und schneller Kaufentscheidungen treffen können. Deshalb können Erfahrungen anderer Menschen, wie sie deine Produkte tragen oder nutzen, zeigen ### Reduziere Reibung im Kaufprozess: - **Nahtlose Produkterkundung:** Nutzer können Produkte direkt innerhalb des Feeds durchsuchen, was die Notwendigkeit beseitigt, zu separaten Produktseiten zu navigieren. - **Sofortige Produktinformationen:** Ein Klick auf ein Produkt zeigt Details wie Preis, Beschreibung und Bewertungen, was informierte Entscheidungen innerhalb des Feeds ermöglicht. - **One-Click-Checkout:** Viele Shoppable-Feed-Lösungen bieten optimierte Checkout-Prozesse direkt vom Produkt-Tag aus und reduzieren Schritte und erhöhen Impulskäufe. ### Verbessere das Produktengagement: - **Visuell ansprechende Produktanzeigen:** Hochwertige Bilder und Videos innerhalb des Feeds ziehen Aufmerksamkeit an und präsentieren Produkte auf ansprechende Weise. - **Zielgerichtete Produktempfehlungen:** Basierend auf Benutzer-Verhalten oder Browsing-Verlauf kannst du den Feed personalisieren, um relevante Produkte anzuzeigen und die Kaufwahrscheinlichkeit zu erhöhen. - **Social-Proof-Integration:** Benutzer-Bewertungen, Ratings und Social-Media-Erwähnungen innerhalb des Feeds können Vertrauen aufbauen und Kaufentscheidungen fördern. ### Optimiere für Mobile: - **Responsive Design:** Die meisten Shoppable-Feeds sind mobilgeräte-freundlich für nahtloses Durchsuchen und Einkaufen auf Smartphones und Tablets, wo ein großer Teil des Online-Einkaufs stattfindet. Du kannst das spezifischer mit [Link-in-Bio-Shops](https://feed.link/) erreichen und es zum Instagram-Bio-Bereich hinzufügen. - **Schnelle Ladezeiten:** Diese Widgets haben normalerweise schnelle Ladezeiten, die Benutzer-Frustration und Abbruch verhindern. ## Wie kennzeichnest du Produkte in Instagram-Shoppable-Beiträgen-Feed? Hier sind die Schritte, um [EmbedSocial's Shoppable-Feed](/de/social-media-aggregator/shop/) zu verwenden und einen Instagram-Shop auf deiner Website zu erstellen: ### 1. Verbinde dich mit einer Facebook-Seite, die mit deinem Instagram-Konto verbunden ist Der Hauptschritt ist das Einrichten eines Instagram-Kontos in EmbedSocial. Du musst dies tun, um sicherzustellen, dass die Plattform regelmässig alle Instagram-Beiträge synchronisiert, die deine Marke erwähnen. Um dies zu tun, benötigst du dein Instagram-Profil mit einer Facebook-Unternehmensseite verbunden, eine Anforderung der offiziellen Meta-API, die die Fähigkeit ermöglicht, die Mentions-Beiträge zu generieren. Hier ist, wie du deine Facebook-Seite mit deinem Instagram-Unternehmenskonto verbunden hast: 1. Gehe zu Quellen und wähle **Instagram**, ![Wähle Instagram als Quelle, um Instagram-Feed einzubinden](https://embedsocial.com/wp-content/uploads/2018/04/embed-instagram-feed-choose-instagram-source.jpg) 2. Klicke anschließend auf **Erwähnungs-Beiträge**, und im Popup klickst du auf **'Mit Facebook fortfahren'** und gibst die erforderlichen Berechtigungen für deine Facebook-Seite, die mit deinem Instagram-Unternehmenskonto verbunden ist, ![Verbinde Facebook-Seite mit Instagram-Unternehmenskonto und generiere Instagram-Beiträge](https://embedsocial.com/wp-content/uploads/2024/03/connect-facebook-account-to-get-instagram-posts.jpg) 3. Wähle auf der Seite mit den Sub-Quellen **Erwähnungs-Beiträge** und klicke auf **Weiter**. ![Wähle das Instagram-Konto mit den Erwähnungen](https://embedsocial.com/wp-content/uploads/2024/03/select-instagram-account-to-get-mention-posts.jpg) 4. Wähle anschließend die Instagram-Widget-Vorlage, du kannst das Shoppable-Instagram-Widget wählen, ![Wähle dein Instagram-Template-Feed-Layout](https://embedsocial.com/wp-content/uploads/2024/03/select-instagram-feed-template-page.jpg) Das ist alles, deine Beiträge werden jetzt generiert und du wirst weitergeleitet. ### 2. Generiere Instagram-Beiträge und erstelle ein Widget Sobald du zum Widget-Editor gehst, beginnst du, die Beiträge zu sehen, die andere Instagram-Nutzer veröffentlicht haben und deine Marke @erwähnt haben. Hier kannst du das Widget weiter anpassen, um sicherzustellen, dass es am besten für dein Web-Design funktioniert. ### 3. Führe das Produkt-Tagging auf jedem Beitrag durch Um mit Produkt-Tagging zu beginnen, gehe zur Links-Registerkarte oben auf der Seite und du wirst den Bereich öffnen, wo du jeden Instagram-Beitrag mit spezifischen Produkten oder mehreren Produkten kennzeichnen kannst. Hier ist, wie du Produkte in Instagram-Beiträgen kennzeichnest: 1. Klicke auf **Links** im oberen Menü und klicke auf **Produkte kennzeichnen**. ![Schritte zum Kennzeichnen von Produkten in Instagram-Feed](https://embedsocial.com/wp-content/uploads/2024/03/navigate-to-links-tag-products.jpg) 2. Klicke im Popup auf den Fotobereich, in dem das Produkt angezeigt wird. Gib die Produktdetails wie Produktbild, Produktname und Preis ein. Klicke auf **Speichere Tag**. ![Produktdetails im Instagram-Beitrag eingeben](https://embedsocial.com/wp-content/uploads/2024/03/product-tag-information.jpg) 3. Um mehr Produkt-Tags im selben Instagram-Beitrag hinzuzufügen, klicke auf **Füge neues Tag hinzu**. 4. Sobald du fertig bist, klicke auf **Tagging abgeschlossen**. ![Letzter Schritt zum Abschließen des Taggings von Produkt-Tags in Instagram-Feed](https://embedsocial.com/wp-content/uploads/2024/03/product-tagging-done.jpg) Du kannst diesen Schritt wiederholen und mehrere Beiträge in deinem neuen Web-Instagram-Shop kennzeichnen. Das gekennzeichnete Produkt wird als Produkt-Sticker auf dem Beitrag in Linie mit dem Symbol für Karussell-Beiträge angezeigt. Bitte beachte, dass du mehr Beiträge von anderen Social-Media-Plattformen kombinieren und ein grösseres Widget erstellen kannst. ### 4. Aktiviere den Abschnitt "Gekennzeichnete Produkte" Dies ist völlig einzigartig und Teil von EmbedSocial's Plattform Gekennzeichnete Produkte ist ein Abschnitt, den du im Widget anzeigen kannst, der alle Produkte zeigt, die auf den Instagram-Beiträgen in deinem Feed gekennzeichnet sind. Von hier aus können Kunden direkt einkaufen, indem sie zur einfachen Checkout-Methode in deinem Shopify-Shop oder einer anderen E-Commerce-Plattform navigieren, wo du die vorhandenen Shoppable-Beiträge einbinden möchtest. Hier ist, wie du den Abschnitt "Gekennzeichnete Produkte" aktivierst: 1. Klicke auf **Layout** im linken Menü. 2. Im Abschnitt Widget-Elemente aktiviere die Option "Gekennzeichnete Produkte", ![Aktiviere den Abschnitt "Gekennzeichnete Produkte" im Instagram-Feed](https://embedsocial.com/wp-content/uploads/2024/03/activate-tagged-products-in-instagram-widget.jpg) 3. Die gekennzeichneten Produkte werden oben als Gitter-Vitrine aller Produkte angezeigt, die auf den Instagram-Feed in diesem Widget gekennzeichnet sind. Hier ist eine tatsächliche Demo des Widgets mit aktivierten gekennzeichneten Produkten oben: (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ht.js"; d.getElementsByTagName("head")\[0\].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); ### 5. Kopiere und binde den Instagram-Feed-Code auf deiner Website ein Sobald du mit dem Tagging und Anpassen fertig bist, folge einfach diesen Schritten, um den einzubindenden Code für das Instagram-Widget zu erhalten: 1. Navigiere zur Registerkarte **Einbinden** im linken Einstellungen-Panel. 2. Klicke auf **Code kopieren** auf der Schaltfläche unterhalb des einzubindenden Codes, ![Kopiere den einzubindenden Code für das Instagram-Shoppable-Widget](https://embedsocial.com/wp-content/uploads/2024/03/copy-embed-code-isntagram-shoppable-feed.jpg) 3. Gehe zu deinem Website-Builder oder HTML-Seite und füge den Code ein. Das Beispiel unten zeigt, wie man Instagram-Shoppable-Feed in einer WordPress-Website einbindet, ![Schritte zum Einbinden von HTML in WordPress](https://embedsocial.com/wp-content/uploads/2020/09/embed-social-media-widget-code-in-wordpress.jpg) Für mehr Details schaue dir das Video unten an, um zu sehen, wie man Produkte kennzeichnet und den Abschnitt "Gekennzeichnete Produkte" in deinem Instagram-Feed-Widget aktiviert: https://youtu.be/23mhnSHRV3w?si=l2XyIPd9_NGcQZCD ## 3 Beispiele von Shoppable-Instagram-Feeds auf einer Website Wie erwähnt, gibt es ein paar Versionen, wie Marken diese Widgets je nach ihren Anwendungsfällen benennen, wie 'Shop My Look', 'Shop This Look', 'Wie andere es tragen?', 'Shop My Instagram Feed' usw. Hier sind einige Beispiele von Shoppable-Instagram-Beiträgen auf einer Website: ### Ikea zeigt benutzergenerierte Inhalts-Geschichten Ikea nutzt dedizierte Seiten mit bestimmter Kunden-Persona und präsentiert ihre Fotos auf der Seite. Einige dieser Fotos werden auch unterhalb der zugehörigen Produktseite angezeigt und Kunden können sehen, wie dieses Möbelstück in echten Kundenhäusern aussieht. ![UGC für Website von IKEA-Geschichten](https://embedsocial.com/wp-content/uploads/2023/12/ikea-ugc-on-website.jpg) ### Nike zeigt 'Wie andere es tragen?' Instagram-Feed Ähnlich wie Ikea, wenn du zu einer Produktseite auf der Nike-Website navigierst, siehst du, dass zusätzlich zu Kundenbewertungen für dieses Produkt sie auch Kundenfotos anzeigen. Dies sind wie Foto-Testimoniale von Kunden, die Nike in ihren Instagram-Inhalten gekennzeichnet haben und ein Foto mit diesem bestimmten Produkt veröffentlicht haben. Hier ist, wie dieser Abschnitt auf ihren Produktseiten erscheint: ![Beispiel eines Instagram-Shoppable-Feeds von Nike](https://embedsocial.com/wp-content/uploads/2024/03/how-others-are-wearing-it-instagram-feed-1024x711.jpg) ### Kyle Cosmetics' 'Shop Our IG' Widget [Kyle Cosmetics' Website](https://kyliecosmetics.com/en-mf) nutzt ein Instagram-Shoppable-Beiträge-Widget direkt auf der Startseite. Dieses Widget präsentiert den Instaram-Feed von ihrem Instagram-Konto, das auch ihre Instagram-Follower anspricht, um die Beiträge zu sehen, aber wenn Interesse besteht, finde das Produkt auf ihrer Website und kaufe es durch das Widget. ![Shop-our-IG-Beispiel des Instagram-Feeds von Kylie Cosmetics](https://embedsocial.com/wp-content/uploads/2024/03/kylie-cosmetics-shop-our-ig-widget-1024x513.jpg) Das Widget ist interaktiv und öffnet beim Klicken ein Popup, in dem Kunden die Shopping-Tags und Produktinformationen sehen können. ## Wie erhältst du Produktinformationen von Square und kennzeichnest sie auf Instagram-Beiträgen? Dies ist eine einzigartige Integration mit Square-Shops, die dir dabei hilft, alle deine Produktinformationen von Square zu ziehen und die Instagram-Beiträge schneller zu kennzeichnen. Hier sind die Schritte: 1. Während du zur Links-Registerkarte navigierst, klicke auf **Produkte kennzeichnen**. 2. Jetzt im Popup, wähle **Link zu Square-Produkten** und folge den Schritten, um dein Square-Shop zu verbinden, ![Wähle die Square-Integration, um Produkte zu generieren](https://embedsocial.com/wp-content/uploads/2024/03/choose-square-integration.jpg) 3. Sobald du deine Square-Produkte verbindest, werden sie in der Produkt-Dropdown im Produktinformations-Popup angezeigt, wie unten gezeigt. ![Kennzeichne Instagram-Widget mit Links zu Square-Checkout-Produktseiten](https://embedsocial.com/wp-content/uploads/2024/03/tag-instagram-feed-with-square-products.jpg) Jetzt musst du nicht manuell Informationen über jedes Produkt hinzufügen, aber sobald du das Produkt auswählst, erscheint es sofort auf dem Instagram-Beitrag mit dem spezifischen Link zur Checkout-Seite auf Square. ## Wie bindest du den Shoppable-Instagram-Feed auf Shopify ein? Für diese Schritte brauchst du keine Integration mit Shopify und musst keine Shopify-Instagram-Feed-App speziell installieren. Das Setup ist bereits wie oben erwähnt, du musst nur den Code auf deine Shopify-Seite einbinden. Hier ist, wie du Instagram-Feed mit gekennzeichneten Produkten in deinem Shopify-Shop einbindest: 1. Gehe zu **Seiten** und öffne die Seite, auf der du die Shoppable-Instagram-Beiträge anzeigen möchtest, oder erstelle eine neue Seite, indem du auf **Seite hinzufügen** klickst, ![](https://embedsocial.com/wp-content/uploads/2024/02/shopify-add-block-page.png) 2. Im Seiten-Bearbeitungsmodus gehe zum Text-Editor und klicke auf das Code-Symbol. 3. Im HTML-Code-Bereich füge einfach den Widget-Code von EmbedSocial ein. 4. Klicke auf **Speichern**. ![](https://embedsocial.com/wp-content/uploads/2024/02/shopify-paste-code-save.png) Das ist alles. Der Instagram-Feed mit den Shopping-Tags wird sofort in deinem Shopify-Shop angezeigt. ## Messe die Ergebnisse deiner Shoppable-Beiträge Das Beste ist, dass dein Shop-My-Look oder Shop-My-Feed tatsächlich gemessen werden kann. Dies ist möglich, indem die Analysen-Funktion in der EmbedSocial-Plattform verwendet wird. Hier ist, wie du die Auswirkungen deines Instagram-Shoppable-Feeds misst: 1. Gehe zum Widget-Editor und klicke im linken Einstellungs-Panel auf die Allgemeine Registerkarte. 2. Hier aktiviere die Analysen-Einstellung. 3. Eine **Analysen** Registerkarte wird oben auf der Seite angezeigt. 4. Hier beginnst du, Daten über Klicks und Ansichten jedes Beitrags im Widget zu empfangen. ![Aktiviere Analysen des Shoppable-Instagram-Widgets](https://embedsocial.com/wp-content/uploads/2024/03/instagram-shoppable-feed-analytics.jpg) So sichst du, welche Beiträge Verkäufe für dein Unternehmen fahren. ## Melde dich für das Shop-My-Feed-Widget an Shoppable-Instagram-Beiträge können einer der besten Verkaufskanäle auf deiner Website werden. Hoffentlich wird diese Schritt-für-Schritt-Anleitung dir helfen, Instagram-Feed auf deiner Website einzurichten, Produkte auf authentischere Weise zu bewerben und die Käufer-Reise zu verbessern. ## FAQ zu Shoppable-Feeds Für mehr Details schaue dir den [Shopping on Instagram](/blog/shopping-on-instagram/) Leitfaden an und durchsuche unten Antworten auf die am meisten gestellten Fragen: ### Welche Informationen sind für jeden Produkt-Tag im Instagram-Feed erforderlich? Die erforderlichen Informationen für Produkt-Tags sind folgende: - Produktname. - Produkt-Checkout-Link oder Produktseite. - Produktpreis. - Produktfoto. Mehr Informationen wird definitiv dabei helfen, Verkäufe für dieses Produkt zu fahren. ### Kann ich das Aussehen der Instagram-Shoppable-Beiträge auf meiner Website anpassen? Ja. Du wirst in der Lage sein, den Feed-Beiträge ihren Stil zu ändern und auch den gesamten Feed zu ändern, um als Feed, Collage oder Schieberegler zu erscheinen. ### Warum Instagram-Feed zur Shopify-Website hinzufügen? Shopify ist standardmässig eine Plattform, auf die du alle deine Produktdaten hochlädst und anzeigst. Aber wenn es darum geht, zu zeigen, wie andere Menschen deine Produkte verwendet oder getragen haben, brauchst du mehr als nur Stock-Fotos oder Fotos deiner Produkte, die du intern hast. Deshalb ist das Hinzufügen von Instagram-Shoppable-Beiträgen von deinen Kunden und das Kennzeichnen der Produkte auf den Fotos, die sie teilen, ein effektiverer Weg, um realistisch zu zeigen, wie normale Menschen deine Produkte nutzen. Und diese UGC-Shops werden mehr verkaufen als die normalen Shopify-Stores. ### Wie erstellst du Instagram-Shopping-Beiträge? Das Erstellen von Instagram-Shopping-Beiträgen beinhaltet das Einrichten deines Kontos für Shopping-Funktionen und dann das Erstellen von Beiträgen mit Produkt-Tags. Möglicherweise musst du auch durch einen Konto-Review-Prozess gehen. Hier ist eine vereinfachte Zusammenfassung: **Voraussetzungen:** 1. **Wechsel zu einem Business- oder Creator-Konto:** Du brauchst ein Instagram-Business- oder Creator-Konto, um auf Shopping-Funktionen zuzugreifen. 2. **Verbinde mit Facebook-Seite und richte Shop ein:** Verbinde dein Instagram-Konto mit einer Facebook-Seite, die einen verbundenen Shop hat. Dies ist, wo du deine Produktinformationen und Produktkatalog verwaltest. **Erstelle Shoppable-Beiträge:** 1. **Erstelle einen neuen Beitrag:** Beginne damit, einen neuen Bild- oder Videobeitrag auf deinem Instagram-Profil zu erstellen. 2. **Kennzeichne deine Produkte:** Während der Beitrag-Erstellung tippe auf **'Produkte kennzeichnen'** und tippe dann auf den Bereich deines Bildes oder Videos, wo das Produkt erscheint. 3. **Suche und wähle Produkte:** Suche das entsprechende Produkt aus deinem Katalog und wähle es. Du kannst bis zu 5 Produkte pro Bildmittag und 20 Produkte pro Karussell-Beitrag kennzeichnen. 4. **Teile deinen Beitrag:** Sobald du deine Produkt-Tags hinzugefügt hast, teile deinen Beitrag wie gewöhnlich. Bitte beachte, dass diese Produkt-Beiträge und die Links zu Instagram-Checkout nur in der Instagram-App verfügbar sind. Derzeit gibt es keine Option, die Produkt-Tags automatisch zu generieren. Deshalb musst du sie manuell erneut kennzeichnen, damit sie in deinem shoppable-Widget auf deiner Website angezeigt werden.