Suchen Sie nach einer einfachen Möglichkeit, Instagram-Feeds in Ihre WordPress-Website einzubetten?
Das Einbetten von Instagram-Fotos und -Videos in Ihre Website trägt dazu bei, Ihre Inhalte aktuell zu halten, die Benutzerinteraktion zu erhöhen und Vertrauen aufzubauen.
In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie Instagram in WordPress einbetten.
Warum Instagram in Ihre WordPress-Site einbetten?
Das Anzeigen von Inhalten von Ihrem Instagram-Konto auf Ihrer WordPress-Website hat viele Vorteile.
Sie können Produktbewertungen, Präsentationen, einkaufsfähige Bilder und andere benutzergenerierte Inhalte in einem Instagram-Feed als Social Proof anzeigen, um Vertrauen aufzubauen und mehr Verkäufe zu erzielen.
Es hilft auch, die Suchmaschinenoptimierung (SEO) Ihrer Website zu verbessern, indem der Inhalt frisch und aktuell gehalten wird.
Abgesehen davon eignen sich Instagram-Feeds hervorragend, um das Engagement zu erhöhen und Besucher auf Ihrer Website zu halten.
Sehen wir uns jedoch an, wie Sie einen Instagram-Feed in WordPress einbetten.
So betten Sie einen Instagram-Feed mit einem WordPress-Plugin ein
Der einfachste Weg, Instagram-Feeds in WordPress einzubetten, ist über ein Plugin.
Für dieses Tutorial verwenden wir das kostenlose Smash Balloon Social Photo Feed. Es ist das beste Instagram-Plugin für WordPress und ermöglicht es Ihnen, Inhalte von Ihrem Instagram-Konto im Handumdrehen auf Ihrer WordPress-Site anzuzeigen.
Es gibt auch eine kostenpflichtige Version des Plugins namens Smash Balloon Instagram Feed Pro. Es bietet mehr Anpassungsoptionen wie das Sortieren von Feeds nach Hashtags, das Kombinieren verschiedener Feed-Typen, das Anzeigen von Bildunterschriften, Likes und Kommentaren und vieles mehr.
Zuerst müssen Sie das Smash Balloon Social Photo Feed-Plugin auf Ihrer Website installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung des Plugins müssen Sie besuchen Instagram-Feed » Einstellungen und klicken Sie auf die Schaltfläche „Ein Instagram-Konto verbinden“ unter der Registerkarte „Konfigurieren“.
Sie sehen ein Popup, in dem Sie zwischen einem persönlichen oder geschäftlichen Instagram-Profil wählen können. Für dieses Tutorial wählen wir die Option Persönlich und klicken auf die Schaltfläche „Verbinden“.
Auf der anderen Seite, wenn Sie ein Business- oder Creator-Instagram-Konto haben, können Sie die Option „Business“ auswählen, um fortzufahren.
Danach müssen Sie sich bei Ihrem Instagram-Konto anmelden und auf die Schaltfläche „Zulassen“ klicken, damit Smash Balloon auf Ihre Profilinformationen und Medieninhalte zugreifen kann.
Sie werden nun zurück zu Ihrer Website weitergeleitet, wo Sie ein Popup mit Ihrer Instagram-ID sehen, in dem Sie aufgefordert werden, Ihr Konto zu verbinden. Klicken Sie dazu auf die Schaltfläche „Dieses Konto verbinden“.
Als nächstes sollten Sie sehen, dass Ihr Instagram-Konto mit Smash Balloon verbunden ist.
Gehen Sie danach zum Tab „Anpassen“ und ändern Sie das Erscheinungsbild Ihres Instagram-Feeds. Passen Sie beispielsweise die Breite und Höhe des Feeds an und ändern Sie die Hintergrundfarbe.
Abgesehen davon können Sie mit Smash Balloon die Anzahl der Fotos und Spalten auswählen, die im Feed angezeigt werden sollen. Sie können auch den Abstand um Bilder auswählen, das mobile Layout deaktivieren, Ihre Bilder sortieren und die Bildauflösung auswählen.
Wenn Sie nach unten scrollen, gibt es weitere Optionen zur Anpassung. Bearbeiten Sie beispielsweise die Kopfzeile Ihres Instagram-Feeds, aktivieren Sie die Schaltflächen „Mehr laden“ und „Folgen“, ändern Sie die DSGVO-Einstellungen und erhalten Sie einen wöchentlichen Feed-Problembericht.
Wenn Sie jedoch auf die Pro-Version, gibt es zusätzliche Anpassungsfunktionen, wie das Auswählen eines Layouttyps, das Aktivieren von Beschriftungen, Likes und Kommentaren, Nachfiltern und Moderation.
Nachdem Sie den Instagram-Feed bearbeitet haben, klicken Sie auf die Schaltfläche „Änderungen speichern“.
Als nächstes macht es Smash Balloon Social Photo Feed sehr einfach, Instagram überall in Ihrem WordPress-Blog einzubetten.
Bearbeiten Sie dazu einen neuen Beitrag/eine neue Seite oder fügen Sie einen neuen hinzu. Klicken Sie im WordPress-Editor auf das Pluszeichen (+), um einen neuen Block hinzuzufügen und nach „Instagram Feed“ zu suchen.
Smash Balloon lädt automatisch den Instagram-Feed und zeigt Ihnen eine Vorschau im Inhaltseditor. Sie können jetzt Ihren Beitrag oder Ihre Seite veröffentlichen, um Inhalte von Instagram anzuzeigen.
Wenn Sie den klassischen Editor verwenden, müssen Sie den Shortcode verwenden [instagram-feed]
wo Sie Ihren Instagram-Feed anzeigen möchten.
Das Smash Balloon Social Photo Feed-Plugin macht es auch sehr einfach, den Feed in der Seitenleiste hinzuzufügen. Gehen Sie dazu zu Aussehen » Widgets, ziehen Sie das Instagram-Feed-Widget in Ihre Seitenleiste und klicken Sie auf die Schaltfläche „Speichern“.
So fügen Sie Instagram-Feeds mit Standard-Einbettungsblöcken hinzu
Wenn Sie einen Instagram-Feed mit der Standard-Einbettungsfunktion in Ihren Inhalt einbetten möchten, müssen Sie Instagram oEmbeds im Smash Balloon Social Photo Feed-Plugin aktivieren.
Dies liegt daran, dass Sie Inhalte von Instagram oder Facebook nicht mehr direkt in Ihre WordPress-Website einbetten können.
Die Funktion wurde im Oktober 2020 von WordPress eingestellt, als Facebook von Entwicklern verlangte, eine App zu registrieren und Access Tokens zu verwenden, um die Daten von ihrer API für oEmbed-Inhalte abzurufen.
Eine einfache Lösung zur Behebung des oEmbed-Problems ist die Verwendung des Smash Balloon Social Photo Feed-Plugins. Geh einfach zu Instagram-Feed » oEmbeds aus Ihrem WordPress-Administrationsbereich.
Klicken Sie anschließend auf die Schaltfläche „Instagram oEmbeds aktivieren“.
Sie sehen nun ein Popup, in dem das Plugin Sie auffordert, sich mit Facebook zu verbinden.
Melden Sie sich als Nächstes bei Ihrem Facebook-Konto an und verbinden Sie es mit Smash Balloon.
Danach können Sie Facebook-Seiten auswählen, die Sie mit Smash Balloon verwenden möchten, und auf die Schaltfläche „Weiter“ klicken.
Ein Vorteil der Nutzung Ihrer Seiten durch Smash Balloon besteht darin, dass Ihre Zugriffstoken nicht ablaufen. Sie können diesen Teil überspringen, aber Ihr Access Token ist nur 60 Tage gültig.
Als nächstes müssen Sie auswählen, was Smash Balloon mit Ihrer Facebook-Seite machen kann, und auf die Schaltfläche „Fertig“ klicken. Sie können dem Plugin beispielsweise erlauben, eine Liste der von Ihnen verwalteten Seiten anzuzeigen.
Danach sollten Sie eine Nachricht sehen, die besagt, dass Sie Smash Balloon Social jetzt mit Facebook verknüpft haben. Klicken Sie nun auf die Schaltfläche ‚OK‘, um zu Ihrem WordPress-Administrationsbereich zurückzukehren.
Sie sehen eine Nachricht, die besagt, dass Instagram Feed Ihre alten oEmbeds automatisch ersetzt und alle neuen Inhalte für alle neuen Links generiert.
Jetzt können Sie ganz einfach jeden Instagram-Inhalt in Ihren Blog-Beitrag oder Ihre Seite einbetten.
Gehen Sie einfach zu Ihrem Instagram-Konto und klicken Sie auf die drei Punkte (…) in der rechten oberen Ecke eines Instagram-Bildes oder -Videos, um weitere Optionen zu öffnen.
Klicken Sie als Nächstes auf die Schaltfläche „Link kopieren“, wenn im Popup weitere Optionen angezeigt werden.
Bearbeiten Sie danach einen beliebigen Beitrag oder eine Seite und klicken Sie auf das Pluszeichen (+) in der oberen linken Ecke, um einen „Einbetten“-Block hinzuzufügen.
Geben Sie nun die URL Ihres Instagram-Inhalts ein und klicken Sie auf die Schaltfläche „Einbetten“.
Sobald dies erledigt ist, können Sie Ihren Beitrag oder Ihre Seite veröffentlichen, um den Instagram-Feed auf Ihrer Website anzuzeigen.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Instagram in Ihre WordPress-Website einbetten. Vielleicht möchten Sie auch unseren Leitfaden zur Auswahl des besten Website-Builders und bewährten Möglichkeiten zum Online-Blogging mit WordPress durchgehen.