So binden Sie Instagram Reels auf Ihrer Website ein [Einfache Anleitung]

Veröffentlicht: 2022-09-19

Möchten Sie Instagram-Reels auf Ihrer Website einbetten?

Indem Sie Instagram-Rollen auf Ihrer Website anzeigen, können Sie Ihre Besucher ansprechen und dafür sorgen, dass sie sich Ihre Inhalte ansehen.

Es kann jedoch schwierig sein, Inhalte von Instagram auf Ihrer Website einzubetten – insbesondere, wenn Sie nicht bereits an das Programmieren gewöhnt sind.

Die Lösung? In diesem Tutorial zeigen wir Ihnen, wie Sie eine Instagram-Rolle auf WordPress-Websites einbetten.

Lassen Sie uns vorher einen Blick darauf werfen, wie Instagram-Reels Ihrem Unternehmen helfen können.

Oder Sie können hier klicken und direkt zu unserem Tutorial springen.

Warum Instagram Reels auf Ihrer Website einbetten?

Es gibt unzählige Möglichkeiten, wie Sie Ihrem Unternehmen helfen können, indem Sie Instagram-Rollen einbetten.

Wenn Leute Ihre Website besuchen, können Sie ihnen Instagram-Rollen zeigen und sie mit Ihren Inhalten beschäftigen.

Immerhin erhalten Reels 67 % mehr Engagement als normale Instagram-Videos.

Instagram-Videoinhalte

Infolgedessen können Sie die Leute länger auf Ihrer Website halten und gleichzeitig mehr Aufrufe, Likes und Follower erhalten.

Darüber hinaus können Sie Instagram-Reels auch verwenden, um nutzergenerierte Inhalte (UGC) wie Rezensionen und Demonstrationen auf Ihrer Website anzuzeigen.

Auf diese Weise können Sie soziale Beweise von Instagram-Benutzern verwenden, um Ihre Verkäufe zu steigern.

Und das ist erst der Anfang! Es gibt unzählige Möglichkeiten, wie Sie Rollen für das Instagram-Marketing verwenden und Ihr Geschäft mit Leichtigkeit ausbauen können.

Schauen wir uns also an, wie Sie am einfachsten mit dem Einbetten von Instagram-Inhalten beginnen können.

Möglichkeiten zum Einbetten von Instagram Reels in WordPress

Wenn Sie Instagram-Inhalte auf Ihrer Website einbetten möchten, haben Sie 2 Möglichkeiten zur Auswahl:

  • Manuell : Sammeln Sie die HTML-Einbettungscodes aller Instagram-Posts und fügen Sie den Code dann manuell in Ihre Website ein.
  • Automatisch: Verwenden Sie einfach ein WordPress-Plugin, das Instagram-Inhalte automatisch auf Ihrer Website einbetten kann.

Wenn Sie sich für die erste Methode entscheiden, kann es viel mehr Zeit und Mühe kosten, Instagram-Posts auf Ihrer Website einzubetten. Und wenn Sie viele Instagram-Rollen anzeigen möchten, müssen Sie mit Tonnen von benutzerdefiniertem HTML-Code umgehen.

Einbettungscode für instagram

Darüber hinaus müssen Sie diesen Code manuell anpassen, wenn Sie das Aussehen Ihres Instagram-Inhalts anpassen möchten.

Wenn Sie nicht technisch versiert sind, bedeutet dies, dass Sie Geld ausgeben müssen, um Entwickler einzustellen, die es für Sie anpassen.

Und wenn Sie beim Einbetten dieses Codes auf Ihrer Website auf Probleme stoßen, steht Ihnen kein Support-Team zur Verfügung, das Ihnen weiterhilft.

Die gute Nachricht ist, dass Sie den automatischen Weg verwenden können, um Instagram-Reels ganz einfach in Ihre Website einzubetten.

Der einfachste Weg, Instagram Reels in WordPress einzubetten

Alles, was Sie brauchen, ist ein WordPress-Plugin wie Instagram Feed Pro, und Sie können Instagram-Inhalte mit nur wenigen einfachen Klicks einbetten.

Bestes Instagram-Feed-Pro-Plugin

Mit diesem Plugin können Sie ganz einfach Feeds mit Instagram-Inhalten auf Ihrer WordPress-Seite erstellen, anpassen und einbetten.

Zusätzlich zu den Instagram-Rollen erhalten Sie unzählige Optionen, wenn es um die Art von Instagram-Inhalten geht, die Sie einbetten möchten. Sie können Instagram-Videos, Fotos, Hashtag-Feeds, Instagram-Geschichten und vieles mehr anzeigen.

Alles, was Sie tun müssen, ist, einem geführten Ablauf in 3 Schritten zu folgen, der Sie durch den gesamten Prozess der Einbettung von Instagram-Feeds führt.

Um Ihnen beim Erstellen schöner Feeds zu helfen, können Sie den Live-Feed-Editor des Plugins verwenden, der über eine Echtzeitvorschau verfügt.

instagram klicken Sie auf die Schaltfläche zum Einbetten

Neben unzähligen Funktionen ist Instagram Feed Pro auch von Grund auf so konzipiert, dass es leicht und schnell ist.

Sie können also so viele Instagram-Inhalte anzeigen, wie Sie möchten, und Ihre Website wird trotzdem blitzschnell geladen. Und mit einer schnelleren Website können Sie eine viel bessere SEO erzielen und mehr Menschen leichter erreichen.

Mit all diesen erstaunlichen Funktionen ist es mit Abstand das beste Instagram-Feed-Plugin auf dem Markt, mit einer Bewertung von 4,9/5 Sternen von über 1 Million Benutzern .

Bewertungen Instagram-Feed-Pro-Plugin

Möchten Sie ganz einfach mit dem Einbetten von Instagram-Rollen beginnen? Holen Sie sich noch heute Instagram Feed Pro.

Lassen Sie uns nun weitermachen und sehen, wie Sie dieses Plugin verwenden können, um Instagram-Reels auf Ihrer Website anzuzeigen.

So betten Sie Instagram Reels auf Ihrer Website ein

Lassen Sie uns anfangen und sehen, wie Sie dieses Plugin verwenden können, um Instagram-Reels ganz einfach in WordPress einzubetten.

Alles, was Sie tun müssen, ist die folgenden Schritte zu befolgen:

Schritt 1: Installieren Sie das Instagram Feed Pro-Plugin

Holen Sie sich zuerst Ihre Kopie von Instagram Feed Pro hier und installieren Sie es dann auf Ihrer WordPress-Website.

Nicht sicher wie? Sie können sich dann einfach diese Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins ansehen.

Sobald Sie das Plugin installiert und aktiviert haben, können Sie mit Schritt 2 unten fortfahren.

Schritt 2: Erstellen Sie einen Instagram-Feed

Nachdem das Plugin fertig ist, können Sie nun einen Instagram-Feed erstellen, mit dem Sie Ihre Reels anzeigen können.

Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü „Instagram-Feed » Alle Feeds“ .

Klicken Sie auf dieser Seite oben auf die Schaltfläche Neu hinzufügen.

Erstellen Sie einen neuen Feed Instagram Feed Pro

Danach fordert Sie das Plugin auf, aus 3 Optionen für Ihren Instagram-Feed auszuwählen:

  • Benutzer-Timeline: Zeigen Sie den Inhalt Ihres Instagram-Profils an
  • Öffentlicher Hashtag: Betten Sie alle Instagram-Posts ein, die Ihre ausgewählten Hashtags enthalten
  • Tagged Posts: Zeigen Sie Instagram-Fotos und -Videos an, die Ihr Konto mit Tags versehen haben

Sie können auch mehr als eine Option auswählen und verschiedene Instagram-Feed-Typen zu einem kombinieren.

Um fortzufahren, wählen Sie Ihren Feedtyp aus und klicken Sie dann auf Weiter .

Wählen Sie Ihren Feedtyp Instagram Feed Pro

Nachdem Sie Ihren Feed erstellt haben, können Sie mit Schritt 3 fortfahren und ihn mit Ihrem Instagram-Konto verbinden.

Schritt 3: Verbinden Sie Ihren Feed mit Instagram

Durch die Verknüpfung Ihres Instagram-Kontos kann Ihr Feed Fotos, Videos und Reels von Instagram auf Ihrer Website anzeigen.

Bereit anzufangen? Klicken Sie zunächst auf die Schaltfläche Quelle hinzufügen.

instagram Quelle für Feed hinzufügen

Dadurch wird ein Popup geöffnet, in dem Sie wählen können, ob Sie ein persönliches Konto oder ein geschäftliches Instagram-Konto verbinden möchten.

Mit einem persönlichen Konto können Sie nur Instagram-Inhalte von Ihrem eigenen Konto einbetten.

Auf der anderen Seite können Sie mit einem Geschäftskonto eine Vielzahl von Instagram-Inhalten anzeigen, darunter Instagram-Hashtag-Feeds, getaggte Feeds, einkaufbare Feeds und mehr.

Wählen Sie einfach Ihren Kontotyp im Popup aus und klicken Sie dann auf Mit Instagram anmelden, um fortzufahren.

Wählen Sie das Popup-Fenster für den Instagram-Kontotyp aus

Dadurch wird Instagram in Ihrem Webbrowser geöffnet, wo Sie die Verbindung Ihres Feeds mit Ihrem Instagram-Konto abschließen können.

Hier fragt Instagram Feed Pro nach schreibgeschütztem Zugriff auf Ihr Konto. Mit diesem Zugriff kann das Plugin Instagram-Inhalte nur anzeigen und keine Änderungen vornehmen.

Klicken Sie einfach auf Zulassen , um die Verbindung Ihres Instagram-Kontos abzuschließen.

Zugriff auf Instagram erlauben

Jetzt bringt Sie das Plugin zurück auf Ihre Website.

Hier können Sie dieses Konto als Quelle für Ihren Instagram-Feed bestätigen, indem Sie auf Weiter klicken.

Bestätigen Sie Ihre Instagram-Feed-Quelle

Sie können diese Quelle einfach mit einem einzigen Klick auswählen, wenn Sie in Zukunft neue Instagram-Feeds erstellen.

Nachdem Sie Ihr Instagram-Konto verbunden haben, können Sie Ihren Feed in Schritt 4 anpassen.

Schritt 4: Passen Sie Ihre Instagram-Rollen an

Nachdem Sie die Verbindung Ihres Instagram-Kontos abgeschlossen haben, sendet Sie das Plugin zum Live-Feed-Editor.

Hier können Sie nach links schauen und die Optionen finden, um Ihr Feed-Layout, Farbschema, Kopfzeilenstil, Galeriegröße und vieles mehr anzupassen.

Und rechts sehen Sie die Live-Vorschau Ihres Instagram-Feeds.

Um zu beginnen, können Sie Ihren Instagram-Feed filtern und Ihre Videorollen anzeigen.

Wählen Sie zuerst die Option Einstellungen oben und klicken Sie dann unten auf die Option Filter und Moderation .

Von hier aus können Sie auswählen, welche Arten von Instagram-Posts in Ihrem Feed sichtbar sind.

Um Ihre Reels anzuzeigen, suchen Sie nach der Option Bestimmte Arten von Beiträgen anzeigen und deaktivieren Sie dann die Option Fotos .

Videos zeigen

Klicken Sie danach auf die Schaltfläche Speichern , um Ihre Änderungen zu bestätigen.

Als Nächstes können Sie Ihren Instagram-Feed weiter anpassen, indem Sie oben auf die Schaltfläche Einstellungen klicken.

zurück zu den einstellungen instagram

Klicken Sie danach auf Anpassen , um von hier aus zu den Hauptanpassungsoptionen zurückzukehren.

Anpassungsoptionen öffnen

Mit dem Instagram Feed Pro-Plugin können Sie das Layout Ihrer Walzen ändern.

Suchen Sie dazu auf der linken Seite nach der Option Feed-Layout .

Wählen Sie die Feed-Layout-Option Instagram

Sie können jetzt 4 verschiedene Feed-Layout-Optionen sehen, aus denen Sie auswählen können: Raster, Karussell, Mauerwerk und Highlights .

Werfen wir einen Blick auf diese Optionen unten:

Mit dem Rasterlayout können Sie Instagram-Rollen in übersichtlichen Zeilen und Spalten anzeigen. Auf diese Weise können Sie Tonnen von Videoinhalten gleichzeitig auf Ihrer Website haben.

Instagram-Video-Feed mit Rasterlayout

Als nächstes haben Sie das Karussell -Layout, mit dem Sie Instagram-Rollen in einem Instagram-Karussell-Schieberegler anzeigen können.

Es ist eine großartige Möglichkeit, Ihre Website mit Leichtigkeit interaktiver zu gestalten.

Karussell-Layout Instagram-Video-Feed

Möchten Sie die ursprünglichen Proportionen Ihrer Instagram-Rollenvideos beibehalten?

In diesem Fall können Sie einfach die Option Mauerwerk wählen.

Mauerwerk Layout Instagram Video-Feed

Sie können auch die Hervorhebungsoption verwenden, die den Fokus auf Ihre Instagram-Rollen legen kann, indem Sie zusätzliche Informationen wie Bildunterschriften entfernen.

Dieses Layout kann Ihnen dabei helfen, Instagram-Rollen auf Ihrer Website klar darzustellen.

Instagram-Highlights-Feed

Nachdem Sie Ihr Instagram-Feed-Layout ausgewählt haben, klicken Sie erneut auf die Schaltfläche Speichern .

Klicken Sie nun auf die Schaltfläche Anpassen , um zu den Hauptanpassungsoptionen zurückzukehren.

Rückkehr zu den wichtigsten Anpassungsoptionen

Als nächstes können Sie das Instagram Feed Pro-Plugin verwenden, um die Farben Ihres Instagram-Feeds zu ändern.

Wählen Sie einfach die Option Farbschema auf der linken Seite, um loszulegen.

Farbschemaoption Instagram-Video-Feed hinzufügen

Damit Sie die Farben Ihrer Instagram-Rollen einfach ändern können, können Sie hier aus 4 verschiedenen Farbschemata wählen:

  • Von Theme erben: Kopieren Sie die Farben Ihres WordPress-Themes
  • Hell: Zeigt einen hellen Hintergrund und eine dunklere Schriftfarbe an
  • Dunkel: Zeigen Sie einen dunklen Feed-Hintergrund und eine hellere Farbe für die Schriftart an
  • Benutzerdefiniert: Wählen Sie alle Farben manuell selbst aus
Farbschemaoptionen für Instagram-Video-Feeds

Nachdem Sie Ihre Feed-Farben ausgewählt haben, klicken Sie erneut auf Speichern .

Wie Sie sehen können, macht es Instagram Feed Pro super einfach, die Darstellung Ihrer Instagram-Inhalte auf Ihrer Website anzupassen.

Mit den verbleibenden Optionen können Sie Ihre Kopfzeile, den Beitragsstil, das Schaltflächendesign und vieles mehr ändern.

Klicken Sie abschließend auf Speichern , wenn Sie mit dem Design Ihres Instagram-Feeds zufrieden sind.

Danach ist es an der Zeit, mit dem letzten Schritt fortzufahren und Ihren Instagram-Feed einzubetten.

Schritt 4: Betten Sie Ihre Instagram-Rollen ein

Mit diesem Plugin gibt es zwei Möglichkeiten, wie Sie Instagram-Reels auf Ihrer Website anzeigen können:

  • Betten Sie Instagram-Reels auf Ihrer Seite ein
  • Betten Sie Instagram-Rollen in Ihre Seitenleiste oder Fußzeile ein

Sehen wir uns unten an, wie Sie diese beiden Methoden verwenden können.

Betten Sie Instagram Reels auf Ihren Seiten ein

Mit dem Live-Feed-Editor können Sie Instagram-Reels mit nur wenigen Klicks in Ihre Webseite einbetten.

Klicken Sie dazu zuerst auf die Schaltfläche „Einbetten“ oben.

Instagram-Feed einbetten

Danach fordert Instagram Feed Pro Sie auf, den Speicherort Ihres Instagram-Feeds auszuwählen. Sie können es auf einer Seite anzeigen, als Widget einbetten oder den Shortcode hierher kopieren.

Klicken Sie zunächst im Popup auf die Schaltfläche Zu einer Seite hinzufügen.

Instagram-Feed zur Seite hinzufügen Instagram-Feed Pro

Als nächstes zeigt Ihnen das Popup eine Liste der WordPress-Seiten auf Ihrer Website.

Um fortzufahren, wählen Sie einfach Ihre Seite aus der Liste aus und klicken Sie dann auf die Schaltfläche Hinzufügen .

Hinzufügen eines Instagram-Feeds zu einer WordPress-Seite

Danach öffnet das Plugin die Seite im WordPress-Editor, damit Sie Ihre Instagram-Rollen einbetten können.

Klicken Sie zunächst auf das Plus-Symbol (+) , um einen neuen Inhaltsblock hinzuzufügen.

neuen WordPress-Block hinzufügen

Verwenden Sie als Nächstes die Suchleiste oben, um nach dem Block „Instagram“ zu suchen.

Klicken Sie in den Suchergebnissen auf den Instagram-Feed -Block, um Ihre Rollen einzubetten.

Instagram-Feed-Seite einbetten

Jetzt können Sie auf Aktualisieren klicken, und Ihre Instagram-Rollen werden live auf Ihrer Website angezeigt.

Wenn Sie Ihre Website öffnen, können Sie Ihre Instagram-Inhalte auf Ihrer Webseite sehen.

Beispiel Instagram-Video-Feed

Lassen Sie uns einen Blick auf die nächste Möglichkeit werfen, wie Sie Instagram-Rollen in Ihre Website einbetten können.

Betten Sie Instagram Reels in Ihre Seitenleiste oder Fußzeile ein

Mit diesem Plugin können Sie ein Instagram-Widget erstellen, um Reels in der Seitenleiste oder Fußzeile Ihrer Website anzuzeigen.

Öffnen Sie zunächst das Menü Instagram-Feed » Alle Feeds in Ihrem Dashboard und wählen Sie Ihren früheren Instagram-Feed aus.

Wählen Sie Ihren Instagram-Feed aus

Auf diese Weise können Sie Ihren Feed erneut im Live-Feed-Editor öffnen.

Klicken Sie von hier aus auf die Schaltfläche Einbetten in der oberen rechten Ecke, um mit dem Einbetten Ihrer Instagram-Rollen zu beginnen.

Instagram-Feed einbetten

Wenn Sie darauf klicken, öffnet sich ein Popup, das Sie fragt, wo Sie Ihre Instagram-Rollen einbetten möchten.

Klicken Sie dieses Mal im Popup auf die Schaltfläche Zu einem Widget hinzufügen.

Hinzufügen eines Instagram-Feeds zum Widget Instagram Feed Pro

Jetzt können Sie den Speicherort für Ihr neues Instagram-Widget auswählen.

Um Instagram-Reels in Ihre Seitenleiste einzubetten, klicken Sie auf das Seitenleisten -Bedienfeld.

Öffnen Sie das Seitenleistenfeld, um das Social-Media-Widget einzubetten

Oder Sie können auf ein Fußzeilenfeld klicken, um Ihre Rollen in der Fußzeile der Website anzuzeigen.

Wir verwenden hier für unser Beispiel die Seitenleiste.

Öffnen Sie das Fußzeilenfeld zum Einbetten von Social-Media-Widgets

Sie können nun ein neues Widget hinzufügen, indem Sie unten auf das Plus-Symbol (+) klicken. Wählen Sie schließlich das Instagram-Feed -Widget aus den Optionen aus.

Fügen Sie Ihrer Seitenleiste ein Instagram-Widget hinzu

Danach können Sie auf Aktualisieren klicken, und Ihre Instagram-Rollen sind für alle sichtbar.

Tatsächlich können Sie Ihre Website jetzt öffnen und sehen, wie sie für Ihre Besucher aussieht.

Beispiel für die Seitenleiste eines Instagram-Video-Feeds

Und das ist es!

Folgen Sie einfach dieser Anleitung und Sie können Instagram-Reels mit nur wenigen einfachen Klicks in Ihre Website einbetten – keine Codierung erforderlich.

Danach können Sie Ihre Instagram-Follower steigern, Ihre Conversions steigern und mit Leichtigkeit mit dem Wachstum Ihres Unternehmens beginnen.

Sind Sie bereit, Instagram-Feeds einzubetten? Holen Sie sich noch heute Ihr Exemplar von Instagram Feed Pro.

Suchen Sie nach einer Möglichkeit, Ihre Follower auf Instagram zu verbessern? Sehen Sie sich unsere praktische Anleitung an, wie Sie mehr Instagram-Follower bekommen.

Wenn Ihnen dieser Artikel gefallen hat, können Sie uns gerne auf Twitter und Facebook folgen, um weitere Social-Media-Marketing-Tutorials zu erhalten.