So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

Wie man Instagram einfach in WordPress einbettet (Schritt für Schritt)

Suchen Sie nach einer einfachen Möglichkeit, Instagram-Feeds in Ihre WordPress-Website einzubetten?

Das Einbetten von Instagram-Fotos und -Videos auf Ihrer Website trägt dazu bei, dass Ihre Inhalte aktuell bleiben, erhöht die Benutzerinteraktion und baut Vertrauen auf.

In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie Instagram in WordPress einbetten.

So binden Sie Instagram in eine WordPress-Website ein

Warum sollten Sie Instagram in Ihre WordPress-Site einbetten?

Das Anzeigen von Inhalten aus Ihrem Instagram-Konto auf Ihrer WordPress-Website hat viele Vorteile.

Sie können Produktbewertungen, Vitrinen, einkaufbare Bilder und andere benutzergenerierte Inhalte in einem Instagram-Feed als sozialen Beweis 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 steigern und Besucher auf Ihrer Website zu halten.

Lassen Sie uns sehen, wie Sie einen Instagram-Feed in WordPress einbetten.

Wie man einen Instagram-Feed mit einem WordPress-Plugin einbettet

Der einfachste Weg, Instagram-Feeds in WordPress einzubetten, ist über ein Plugin.

Für dieses Tutorial verwenden wir den kostenlosen sozialen Foto-Feed von Smash Balloon. Es ist das beste Instagram-Plugin für WordPress und ermöglicht es Ihnen, Inhalte von Ihrem Instagram-Konto im Handumdrehen auf Ihrer WordPress-Seite anzuzeigen.

Es gibt auch eine kostenpflichtige Version des Plugins namens Smash Balloon Instagram Feed Pro. Sie bietet mehr Anpassungsoptionen wie das Sortieren von Feeds nach Hashtags, das Kombinieren verschiedener Arten von Feeds, 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.

Nachdem Sie das Plugin aktiviert haben, müssen Sie besuchen Instagram-Feed » Einstellungen und klicken Sie auf der Registerkarte „Einstellungen“ auf die Schaltfläche „Instagram-Konto verbinden“.

Verbinde ein Instagram-Konto

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“.

Wenn Sie hingegen ein Instagram Business- oder Creator-Konto haben, können Sie die Option „Business“ auswählen, um fortzufahren.

Wählen Sie ein Instagram-Profil aus

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.

Erlauben Sie Smash Balloon, auf das Instagram-Konto zuzugreifen

Sie werden nun auf ihre 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“.

dieses Konto verbinden

Sie sollten dann sehen, dass Ihr Instagram-Konto mit Smash Balloon verbunden ist.

Instagram-Konto erfolgreich mit Smash Balloon verbunden

Gehen Sie danach auf die Registerkarte „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.

Passen Sie Ihren Instagram-Feed an

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 das Auffüllen 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 Anpassungsoptionen. Bearbeiten Sie beispielsweise Ihren Instagram-Feed-Header, 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 upgraden, gibt es zusätzliche Anpassungsfunktionen wie die Auswahl eines Layouttyps, die Aktivierung von Untertiteln, Likes und Kommentaren, das Filtern von Beiträgen und die Moderation.

Wenn Sie mit der Bearbeitung des Instagram-Feeds fertig sind, klicken Sie auf die Schaltfläche „Änderungen speichern“.

Aktivieren Sie die Schaltflächen

Als nächstes macht es Smash Balloon Social Photo Feed super einfach, Instagram überall in Ihrem WordPress-Blog einzubetten.

Bearbeiten oder fügen Sie dazu einen neuen Beitrag/eine neue Seite hinzu. Klicken Sie im WordPress-Editor auf das Pluszeichen (+), um einen neuen Block hinzuzufügen, und suchen Sie nach „Instagram Feed“.

Fügen Sie Ihrer Seite einen Instagram-Feed-Block hinzu

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 Instagram-Inhalte anzuzeigen.

Live-Vorschau des Instagram-Feeds

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“.

Fügen Sie das Instagram-Feed-Widget zu Ihrer Seitenleiste hinzu

So fügen Sie einen Instagram-Feed mit standardmäßigen Einbettungsblöcken hinzu

Wenn Sie einen Instagram-Feed mit der standardmäßigen Einbettungsfunktion in Ihre Inhalte einbetten möchten, müssen Sie Instagram oEmbeds im Smash Balloon Social Photo Feed-Plugin aktivieren.

Dies liegt daran, dass Sie Inhalte nicht direkt von Instagram einbetten können oder Facebook zu Ihrer WordPress-Website.

Die Funktion wurde im Oktober 2020 von WordPress eingestellt, als Facebook erforderte, dass Entwickler eine App registrieren und Zugriffstoken verwenden, um Daten von ihrer API für oEmbed-Inhalte zu erhalten.

Eine einfache Lösung zur Behebung des oEmbed-Problems ist die Verwendung des Smash Balloon Social Photo Feed-Plugins. geh einfach zu Instagram-Feed »oEinbettungen aus Ihrem WordPress-Adminbereich.

Klicken Sie danach auf die Schaltfläche „Instagram oEmbeds aktivieren“.

Aktivieren Sie die Instagram oEmbeds-Schaltfläche

Sie werden nun ein Popup sehen, in dem das Plugin Sie auffordert, „Verbinden mit Facebook.

verbunden mit Facebook

Melden Sie sich dann bei Ihrem an Facebook Konto und verbinde es mit Smash Balloon.

Verknüpfung Facebook Profil mit Smash Balloon

Danach können Sie auswählen Facebook Seiten, die Sie mit Smash Balloon verwenden möchten, und klicken Sie auf die Schaltfläche „Weiter“.

Ein Vorteil, wenn Sie Smash Balloon erlauben, Ihre Seiten zu verwenden, besteht darin, dass Ihre Zugriffstoken nicht ablaufen. Sie können diesen Teil überspringen, aber Ihr Zugriffstoken ist nur 60 Tage lang gültig.

Wählen Sie Seiten aus, die Sie mit Smash Balloon verwenden möchten

Als nächstes müssen Sie auswählen, was Smash Balloon mit Ihrem tun kann Facebook Seite und klicken Sie auf die Schaltfläche „Fertig“. Beispielsweise können Sie dem Plugin erlauben, eine Liste der von ihm verwalteten Seiten anzuzeigen.

Smash Balloon erlauben, die Seite zu verwenden

Danach sollten Sie eine Nachricht sehen, die besagt, dass Sie Smash Balloon jetzt mit sozialen Netzwerken verknüpft haben Facebook. Klicken Sie nun auf die Schaltfläche „OK“, um zu Ihrem WordPress-Adminbereich zurückzukehren.

Sie haben Smash Balloon mit verlinkt Facebook

Sie werden eine Nachricht sehen, die besagt, dass der Instagram-Feed Ihre alten oEmbeds automatisch ersetzt und alle neuen Inhalte für alle neuen Links generiert.

Der Instagram-Feed ersetzt oEmbeds

Jetzt können Sie ganz einfach beliebige Instagram-Inhalte in Ihren Blogbeitrag oder Ihre Seite einbetten.

Gehen Sie einfach zu Ihrem Instagram-Konto und klicken Sie auf die drei Punkte (…) in der oberen rechten Ecke eines beliebigen Instagram-Bildes oder -Videos, um weitere Optionen zu öffnen.

Klicken Sie auf die drei Punkte auf dem Instagram-Post

Klicken Sie dann auf die Schaltfläche „Link kopieren“, wenn weitere Optionen im Popup-Fenster angezeigt werden.

Link zum Instagram-Post kopieren

Bearbeiten Sie danach einen beliebigen Beitrag oder eine beliebige Seite und klicken Sie auf das Pluszeichen (+) in der oberen linken Ecke, um einen „Einfügen“-Block hinzuzufügen.

Fügen Sie einen Einfügeblock hinzu

Geben Sie nun die URL Ihres Instagram-Inhalts ein und klicken Sie auf die Schaltfläche „Einfügen“.

Geben Sie die URL des Instagram-Posts ein

Sobald Sie fertig sind, können Sie Ihren Beitrag oder Ihre Seite veröffentlichen, um den Instagram-Feed auf Ihrer Website anzuzeigen.

Instagram oEmbed-Vorschau

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, 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ährte Methoden zum Geldverdienen beim Online-Bloggen mit WordPress lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch unter Twitter Y Facebook.