Instagram Reels auf der Website einbinden: so geht es in Shopify

Instagram Reels auf der Website einbinden geht in Shopify auf drei Wegen: mit dem Embed-Code von Instagram, mit einer Feed-App oder per Import des Reels in ein Widget, das den Shop als Host nutzt. Der erste Weg ist der schnellste, der dritte der einzige, bei dem das Reel schnell lädt, ohne Cookie-Banner auskommt und Produkte verkauft.

Dieser Beitrag zeigt alle drei mit Anleitung, erklärt, was sich seit der Abschaltung der Basic Display API im Dezember 2024 geändert hat, und wo Reels im Shop die meiste Wirkung haben. Wenn du eher den ganzen Instagram-Feed statt einzelner Reels zeigen willst, ist der Beitrag Instagram Feed in Shopify einbinden die bessere Adresse.

Die drei Wege im Vergleich

Alle drei Wege bringen ein Reel sichtbar auf die Seite. Sie unterscheiden sich darin, wer das Video ausliefert, was beim Laden passiert und ob ein Kunde daraus kaufen kann.

Die Tabelle nimmt das Ergebnis vorweg. Wenn du ein einzelnes Reel in einen Blogartikel setzen willst, reicht der Embed-Code mit Consent. Für einen Shop, in dem Reels regelmäßig erscheinen und verkaufen sollen, ist der Import der Weg mit dem geringsten laufenden Aufwand.

Weg 1: der Instagram Embed-Code

Instagram bietet für jedes öffentliche Reel einen Embed-Code an. So kommst du dran und in den Shop:

1. Öffne das Reel im Browser auf dem Desktop, nicht in der App.
2. Klicke auf die drei Punkte und wähle "Einbetten".
3. Kopiere den HTML-Code. Er enthält ein <blockquote> mit dem Reel-Link und ein <script>, das embed.js von Instagram lädt.
4. In Shopify gehst du zu Onlineshop, Themes, Anpassen, wählst die Seite und fügst eine Section "Custom Liquid" hinzu.
5. Füge den Code ein und speichere.

Das Reel erscheint als Instagram-Karte mit Profilbild, Beschreibung und Like-Button, im Design von Instagram, nicht in deinem. Die Breite lässt sich per CSS eingrenzen, die Karte selbst nicht umbauen.

Vier Dinge sprechen gegen den Embed-Code für alles, was über einen Blogbeitrag hinausgeht:

• Er lädt ein externes Script. embed.js kommt von Meta-Servern, zusammen mit Bildern, Schriften und mehreren weiteren Anfragen. Auf einer Mobilverbindung sind das spürbare Zehntelsekunden, die Google im Speed Score misst.
• Er braucht Cookie-Consent. Dazu gleich mehr.
• Er verschwindet, wenn das Reel gelöscht oder das Konto privat wird. Der Shop zeigt dann eine leere Box.
• Er verkauft nicht. Es gibt keinen Weg vom Reel zum Produkt außer einem Link in der Beschreibung, der aus dem Shop heraus zu Instagram führt.

Die englische Schritt-für-Schritt-Version mit dem CSS zur Breitenbegrenzung steht unter Embed an Instagram reel in Shopify.

Weg 2: Feed-Apps und das API-Aus 2024

Jahrelang lief der Großteil der Instagram-Feed-Apps im Shopify App Store über die Instagram Basic Display API. Du hast dein Konto verknüpft, die App hat Beiträge und Reels abgerufen und als Grid im Shop angezeigt.

Instagram hat diese API im Dezember 2024 abgeschaltet. Apps, die ausschließlich darauf gebaut hatten, zeigen seitdem leere Feeds oder Fehlermeldungen. Viele haben auf die Instagram Graph API umgestellt, die aber ein Business- oder Creator-Konto voraussetzt, das mit einer Facebook-Seite verknüpft ist. Für einen normalen Shop-Account ist das machbar, für private Konten nicht.

Wenn du eine Feed-App nutzt oder installieren willst, prüfe drei Dinge:

• Verlangt die App ein Business-Konto mit Facebook-Verknüpfung? Wenn nicht, läuft sie vermutlich noch auf dem alten Weg oder gar nicht.
• Zeigt sie Reels als Video oder nur als Standbild mit Link zu Instagram? Viele Grids zeigen nur das Vorschaubild.
• Lädt sie die Medien von Meta-Servern oder speichert sie sie zwischen? Beim Direktbezug gilt dasselbe Consent-Problem wie beim Embed-Code.

Ein Feed ohne App, direkt über die Graph API und Liquid, ist technisch möglich, aber Pflegeaufwand, weil der Zugriffstoken regelmäßig erneuert werden muss. Der Beitrag Shopify Instagram feed without an app beschreibt den Weg und seine Grenzen.

Weg 3: Reel importieren und als Widget hosten

Der dritte Weg dreht die Logik um. Statt Instagram bei jedem Seitenaufruf um das Video zu bitten, importierst du das Reel einmal in eine App, die es als Widget in deinem Theme rendert. Das Video wird von der App ausgeliefert, nicht von Meta.

Der Ablauf:

1. Installiere die App und öffne sie im Admin.
2. Füge den Link des Reels ein, die App importiert das Video.
3. Wähle das Produkt, das im Reel zu sehen ist, und setze das Tag.
4. Gehe zu Onlineshop, Themes, Anpassen, füge den App-Block an der gewünschten Stelle ein und wähle ein Layout.
5. Speichere und teste auf dem Handy.

Was sich gegenüber den ersten beiden Wegen ändert:

• Kein Drittanbieter-Script beim Seitenaufruf. Das Video kommt aus dem CDN der App, es fließen keine Besucherdaten an Meta. Der Consent-Punkt entfällt für das Reel.
• Lazy Loading. Das Video lädt erst, wenn es in den sichtbaren Bereich scrollt, und blockiert das Rendering der Seite nicht.
• Produkt-Tag. Der Kunde tippt auf das Tag, sieht Preis und Varianten und legt in den Warenkorb, ohne den Player zu verlassen.
• Dein Design. Das Widget nutzt die Farben und Schriften deines Themes, nicht die Instagram-Karte.
• Das Reel bleibt. Auch wenn du es auf Instagram löschst oder archivierst, läuft es im Shop weiter.

Der Import funktioniert genauso für TikTok-Videos, sodass Reel und TikTok-Version desselben Clips nebeneinander im selben Widget laufen können. Wie du aus Reels systematisch Verkäufe machst, statt nur Reichweite, beschreibt Instagram Reels to Shopify sales.

Das Reel-Format im Shop

Reels sind hochkant, 9:16, in 1080x1920 Pixeln. Die meisten Shop-Layouts sind auf Querformat oder Quadrat gebaut, und hier entstehen die typischen Darstellungsfehler.

Die Produktgalerie beschneidet. Wenn du ein Reel als Datei in die Produktmedien lädst, zeigt Dawn es im Seitenverhältnis der Galerie, meist quadratisch oder 4:5. Oben und unten fehlt ein Teil des Bildes, oft genau der Teil mit dem Produkt oder dem Text-Overlay.

Die Video-Section streckt nicht, lässt aber Ränder. Ein 9:16-Video in einer Section in voller Breite bekommt links und rechts schwarze oder farbige Balken, oder es füllt die Höhe des Viewports und wirkt auf dem Desktop wie ein Turm.

Das Widget behält das Format. Ein Widget, das für Reels gebaut ist, rendert hochkant in einem Container mit passendem Seitenverhältnis. Auf dem Handy füllt das Video die Breite, auf dem Desktop liegen mehrere Reels nebeneinander im Karussell oder Grid.

Wenn du Reels und klassische Querformat-Produktvideos mischst, trenne sie: Querformat in die Galerie oder Video-Section, Reels ins Widget. Die Frage, welche Auflösung und welche Dateigröße für den Shop sinnvoll ist, beantwortet der Beitrag Produktvideos im Shopify Shop: Format, Größe, Platzierung.

Wo Reels im Shop am meisten bringen

Ein Reel, das auf Instagram funktioniert hat, funktioniert nicht automatisch überall im Shop. Vier Stellen haben sich bewährt.

Startseite, unter dem Hero. Ein Karussell mit vier bis sechs Reels, jedes mit Produkt-Tag. Der Besucher sieht innerhalb von Sekunden, wie die Produkte in echt aussehen, und kann direkt in den Warenkorb legen. Das ist die Stelle mit der höchsten Sichtbarkeit.

Produktseite, unter dem Warenkorb-Button. Ein bis zwei Reels, die genau dieses Produkt zeigen, idealerweise Kundenvideos. Hier ist der Kunde kurz vor der Entscheidung, und ein echtes Anwendungsvideo beantwortet die Frage, wie das Produkt in Wirklichkeit aussieht.

Stories im Header. Runde Vorschaubilder in einer Reihe, wie auf Instagram. Beim Antippen öffnet sich das Reel im Vollbild mit Tag. Das kennt jeder Besucher unter 40 aus der App, und es nimmt auf der Seite kaum Platz weg. Der Beitrag zum Stories-Widget im Instagram-Stil zeigt die Umsetzung.

Kollektionsseite, als Reihe zwischen den Produkten. Ein Grid mit Reels der Kollektion, jedes auf ein anderes Produkt getaggt. Das lockert das Produktraster auf und führt Kunden zu Artikeln, die sie im Raster überscrollt hätten.

Was nicht funktioniert: ein Reel als einziges Element auf einer sonst leeren Seite, und ein Autoplay-Reel im ersten Viewport neben einem Hero-Video. Ein bewegtes Element pro Bildschirm reicht.

Welcher Weg für dich

Für einen Blogartikel, in dem du ein Reel als Zitat zeigen willst, nimm den Embed-Code und blockiere ihn bis zur Einwilligung. Das ist in fünf Minuten erledigt und braucht keine App.

Für alles, was im Shop dauerhaft laufen und verkaufen soll, importiere die Reels. Du sparst dir das Consent-Thema für die Videos, der Shop lädt schneller, und jedes Reel bekommt einen Produkt-Tag und eigene Zahlen. Ob sich das für dich lohnt, siehst du mit fünf importierten Reels im Free-Plan innerhalb von zwei Wochen.