Wie man den Instagram-Erwähnungs-Feed in eine WordPress-Website einbettet
clicksocial

Planen Sie Beiträge für soziale Medien direkt von WordPress aus mit ClickSocial

Kostenlose Testversion starten Winkel-Rechts
Startseite Blog Wie man den Instagram-Erwähnungs-Feed in eine WordPress-Website einbettet

Wie man den Instagram-Erwähnungs-Feed in eine WordPress-Website einbettet

Wie man den Instagram-Erwähnungs-Feed in eine WordPress-Website einbettet (1)

Suchen Sie nach einer einfachen Möglichkeit, Instagram-Erwähnungen in Feeds einzubetten?

Die Anzeige Ihrer Instagram-Erwähnungen kann dazu beitragen, Ihre Marke zu fördern und Ihre Instagram-Followerschaft mit Leichtigkeit zu steigern.

Aber die Integration von Instagram in Ihre Website kann schwierig sein - vor allem, wenn Sie nicht an die Handhabung von Einbettungscodes gewöhnt sind.

Wir helfen Ihnen dabei, indem wir Ihnen zeigen, wie Sie den Instagram-Erwähnungs-Feed am einfachsten in WordPress einbetten können.

Aber zuerst wollen wir sehen, wie Sie Ihr Unternehmen mit Hilfe eines Instagram-Erwähnungs-Feeds vergrößern können.

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

Warum Instagram-Erwähnungen auf Ihrer Website einbetten?

Mit über 2 Milliarden Nutzern ist Instagram eine riesige soziale Plattform und ein großartiger Ort, um für Ihr Unternehmen zu werben.

Und wenn Sie Instagram nutzen möchten, um das Image Ihrer Marke zu verbessern, besteht eine einfache Lösung darin, positive Erwähnungen Ihrer Marke auf Instagram einzubinden.

Um Ihre Verkäufe anzukurbeln, können Sie nutzergenerierte Inhalte (UGC) wie positive Eindrücke, Bewertungen, Demonstrationen und mehr zeigen.

Auf diese Weise kann jeder, der Ihre Website besucht, sehen, dass zahlreiche Nutzer sozialer Medien mit Ihrer Marke interagieren. Dies kann als sozialer Beweis dienen, der dazu beiträgt, Besucher in Social-Media-Follower zu verwandeln.

Schließlich zeigen Sie damit allen, dass echte Menschen Ihre Marke bereits nutzen.

Darüber hinaus ist die Einbettung Ihrer Instagram-Erwähnungen eine einfache Möglichkeit zu zeigen, dass Ihre Marke auf Instagram aktiv ist. So ist es wahrscheinlicher, dass Menschen Ihrer Marke folgen und mit Ihren Beiträgen interagieren.

Sehen wir uns also an, wie Sie einen Instagram-Erwähnungs-Feed in Ihre Website einbetten können.

Der einfachste Weg, den Instagram-Erwähnungs-Feed zu WordPress hinzuzufügen

Wenn es um die Anzeige von Instagram-Erwähnungen in WordPress geht, haben Sie 2 Optionen zur Auswahl:

  • Manueller Weg: Suchen Sie Ihre Erwähnungen auf Instagram, holen Sie sich die Einbettungscodes für jeden dieser Beiträge und fügen Sie die Codes dann in Ihre Website ein.
  • Automatischer Weg (einfacher Weg): Verwenden Sie ein Instagram-Plugin, das Ihre Instagram-Erwähnungen automatisch anzeigen kann.

Wenn Sie sich für den manuellen Weg entscheiden, müssen Sie einen Instagram-Post finden, der Ihre Marke getaggt hat, und den HTML-Einbettungscode generieren.

Danach müssen Sie Ihre Website öffnen und den Einbettungscode für den Instagram-Feed einfügen. Dann müssen Sie den Vorgang für jeden Beitrag wiederholen, in dem Ihr Konto erwähnt wird.

Einbettungscode für Instagram

Wie Sie sehen, kann es viel Zeit und Mühe kosten, Instagram-Feeds ohne Plugins einzubetten. 

Außerdem können Sie diese Instagram-Beiträge nicht anpassen, ohne den HTML-Code anzupassen oder einen Entwickler zu beauftragen. Ihr Instagram-Inhalt passt also möglicherweise nicht zum Design Ihrer Website.

Alternativ können Sie auch ein Plugin verwenden, das automatisch Instagram-Erwähnungen auf Ihrer Website anzeigt.

Und die beste Option, die Sie ausprobieren können, ist Instagram Feed Pro.

bestes instagram feed pro plugin

Mit Hilfe von Instagram Feed Pro ist es einfacher als je zuvor, schöne Feeds von Instagram-Posts auf Ihrer Website anzuzeigen.

Folgen Sie einfach dem 3-Schritte-geführten Ablauf, und das Plugin führt Sie durch den Prozess der Erstellung, Anpassung und Einbettung von Instagram-Feeds.

Zusätzlich zu den Instagram-Erwähnungen kann das Plugin Ihre eigenen Beiträge sowie bestimmte Instagram-Hashtags präsentieren, um Besucher anzusprechen. Sie können mit diesem Plugin sogar Instagram-Stories in WordPress einbetten.

instagram feed landing page beispiel

Außerdem kopiert Instagram Feed Pro automatisch das Design Ihrer Website, sodass Ihre Feeds perfekt zu Ihrem Branding passen.

Und wenn Sie mehr Kontrolle über das Design Ihres Instagram-Feeds haben möchten, ist das Plugin genau das Richtige für Sie. 

Sie können ein vorgefertigtes Layout importieren und den Live-Feed-Editor verwenden, um Ihren Feed mühelos anzupassen - ohne HTML, benutzerdefiniertes CSS oder anderen Code zu benötigen.

Im Gegensatz zu Instagram-Einbettungen, die iFrames verwenden, fügt dieses Plugin tatsächlich Instagram-Inhalte zu Ihrer Website hinzu. Das bedeutet, dass Suchmaschinen Ihre schlüsselwortreichen Social-Media-Inhalte sehen können, was Ihrer Suchmaschinenoptimierung zugute kommt.

Mit über 1 Million aktiven Nutzern und einer Bewertung von 4,9/5 Sternen ist Instagram Feed Pro mit Abstand das beste Instagram-Feed-Plugin, das es gibt.

bewertungen instagram feed pro plugin

Möchten Sie Instagram-Feeds in WordPress einbetten? Holen Sie sich Instagram Feed Pro noch heute!

Sehen wir uns nun an, wie Sie dieses Plugin verwenden können, um den Instagram-Erwähnungs-Feed in eine Website einzubetten.

So betten Sie den Instagram-Erwähnungs-Feed auf Ihrer Website ein

Wenn Sie Instagram-Erwähnungen auf Ihrer WordPress-Website anzeigen möchten, müssen Sie nur die folgende Schritt-für-Schritt-Anleitung befolgen.

Fangen wir an!

Schritt 1: Installieren Sie das Instagram Feed Pro Plugin

Wenn es um die Einbindung von Instagram-Erwähnungen geht, ist der erste Schritt, Instagram Feed Pro hier zu erwerben.

Danach installieren Sie das Plugin auf Ihrer WordPress-Website und aktivieren es.

Wie das geht, erfahren Sie in unserer Anleitung zur Installation eines WordPress-Plugins auf Ihrer Website.

Schritt 2: Erstellen Sie einen Instagram-Erwähnungs-Feed

Da das Plugin einen einfachen, geführten Ablauf hat, können Sie einen neuen Feed mit nur wenigen Klicks erstellen.

Öffnen Sie zunächst das Menü Instagram-Feed " Alle Feeds in Ihrem WordPress-Dashboard-Bereich.

Klicken Sie dort auf die Schaltfläche Neu hinzufügen am oberen Rand.

Neuen Feed erstellen Instagram Feed Pro

Sobald Sie fertig sind, wird das Plugin Sie bitten, die Art des Instagram-Feeds auszuwählen, den Sie auf Ihrer Website einbetten möchten.

Um fortzufahren, wählen Sie die Option Markierte Beiträge und klicken Sie dann auf Weiter.

getaggten Instagram-Post-Typ auswählen

Schritt 3: Verbinden Sie Ihren Feed mit Instagram

Sobald Sie Ihren Feed mit Instagram verbinden, können Sie damit beginnen, Instagram-Inhalte auf Ihrer WordPress-Website anzuzeigen.

Klicken Sie zunächst auf die Schaltfläche Quelle hinzufügen in dem Popup-Fenster.

Instagram Quelle für Feed hinzufügen

Sie haben jetzt die Wahl zwischen 2 verschiedenen Verbindungstypen: Business Basic oder Business Advanced.

Für einen Erwähnungs-Feed können Sie hier die erweiterte Verbindung für Unternehmen verwenden. Damit können Sie auch Instagram-Hashtag-Feeds, Stories, Shoppable Feeds und mehr erstellen.

Nachdem Sie die erweiterte Verbindung ausgewählt haben, klicken Sie auf Verbinden.

Instagram-Verbindungstyp wählen

Jetzt können Sie Ihr Instagram-Konto mit dem Ihres Unternehmens oder Ihres Urhebers verbinden.

Da Ihr Konto mit einer Facebook-Seite verknüpft ist, können Sie Facebook öffnen, um dem Plugin schreibgeschützten Zugriff auf Ihr Konto zu gewähren.

Klicken Sie einfach auf Mit Facebook verbinden, um loszulegen.

Verbinden Sie Ihr Facebook-Konto für den Hashtag-Feed

Hier können Sie überprüfen, was der Nur-Lese-Zugriff auf Ihr Konto beinhaltet. Wie Sie sehen können, kann das Plugin Ihre Daten nur einsehen und keine Änderungen vornehmen, es ist also absolut sicher.

Schließlich können Sie auf die Schaltfläche Weiter klicken, um die Verbindung Ihres Feeds mit Instagram zu beenden.

Weiter-Button auf Facebook

Sobald Sie das getan haben, bringt Sie Instagram Feed Pro wieder auf Ihre Website zurück.

Sie können nun das gewünschte Instagram-Konto auswählen und auf Hinzufügen klicken.

Ihr verbundenes Instagram-Profil hinzufügen

Jetzt, wo Sie dieses Konto verbunden haben, können Sie es mit einem einzigen Klick auswählen, wenn Sie in Zukunft neue Instagram-Feeds erstellen.

Sie können hier auf die Schaltfläche Weiter klicken, um fortzufahren.

Wählen Sie Ihre Instagram-Feed-Quelle

Jetzt kann Ihr Instagram-Erwähnungs-Feed automatisch das Design Ihrer Website kopieren und sofort schön aussehen.

Schritt 4: Passen Sie Ihren Instagram-Erwähnungs-Feed an

Da das Plugin viele Feed-Vorlagen enthält, können Sie schnell ein schönes Design für Ihren neuen Instagram-Erwähnungs-Feed importieren.

Wählen Sie dazu eine Feed-Vorlage aus, die Sie verwenden möchten, und klicken Sie dann auf Weiter.

Instagram-Feed-Vorlage auswählen

Wenn Sie eine Feed-Vorlage ausgewählt haben, leitet Sie das Plugin zum Live-Feed-Editor weiter.

Hier finden Sie die Optionen zum Anpassen des Feed-Layouts, des Header-Designs, des Farbschemas, der Anzahl der Beiträge, des Button-Designs, der Anzahl der Beiträge und vieles mehr.

Die Live-Vorschau auf der rechten Seite zeigt Ihnen dann alle Änderungen in Echtzeit an.

Live-Feed-Editor Instagram-Erwähnungen-Feed

Um mit der Anpassung Ihres Instagram-Feeds zu beginnen, können Sie das Layout für Ihre Instagram-Posts festlegen.

Klicken Sie zunächst auf die Option Feed-Layout auf der linken Seite.

Klick auf Feed-Layout

Instagram Feed Pro bietet Ihnen 4 Optionen zur Auswahl, wenn es um Ihr Feed-Layout geht: Grid, Carousel, Masonry und Highlights.

Schauen wir uns an, wie diese Layouts auf Ihrer Website aussehen werden.

Wählen Sie Ihr Instagram-Feed-Layout

Zunächst gibt es die Option Raster, mit der Instagram-Erwähnungen in sauberen Zeilen und Spalten angezeigt werden können.

Mit diesem Feed-Layout können Sie auf Ihrer Website eine Vielzahl von Social Proofs auf einmal anzeigen.

Instagram-Grid-Layout

Sie haben auch das Karussell-Layout, das Ihre Instagram-Erwähnungen in eine schöne Diashow verwandelt.

Auf diese Weise können Sie Ihre Website für Ihre Besucher noch interessanter gestalten.

Wenn Sie die Instagram-Posts mit ihren ursprünglichen Proportionen anzeigen möchten, können Sie auf die Option "Mauerwerk" klicken.

mauerwerk layout instagram feed

Schließlich gibt es noch das Highlight-Feed-Layout , bei dem Likes und Bildunterschriften wegfallen und der Schwerpunkt auf den Bildern liegt.

Auf diese Weise wird Ihr Instagram-Feed auf Ihrer WordPress-Website deutlich sichtbar sein.

instagram feed highlights layout

Stellen Sie sicher, dass Sie die Schaltfläche Speichern verwenden, sobald Sie Ihr Feed-Layout ausgewählt haben.

Klicken Sie anschließend auf die Schaltfläche Anpassen , um mit der Gestaltung Ihres Instagram-Erwähnungs-Feeds fortzufahren.

Klicken Sie auf die Schaltfläche Anpassen

Als Nächstes können Sie das Plugin verwenden, um die Farben Ihres Instagram-Feeds einzustellen.

Dazu können Sie die Option Farbschema auf der linken Seite auswählen.

Um die Farben für Ihren Instagram-Erwähnungs-Feed festzulegen, können Sie aus 4 Farbschemata wählen:

  • Vererben von Theme: Kopieren Sie die Farben Ihres WordPress-Themas
  • Hell: Zeigt einen hellen Hintergrund zusammen mit einer dunklen Schriftfarbe
  • Dunkel: Stattdessen wird ein dunkler Hintergrund und eine helle Schriftfarbe angezeigt.
  • Benutzerdefiniert: Alle Farben manuell auswählen

Klicken Sie auf Speichern, um Ihr neues Farbschema zu bestätigen.

Wählen Sie Ihr Farbschema Erwähnungen instagram feed

Sie können nun die verbleibenden Anpassungsoptionen nutzen, um die Kopfzeile des Feeds, die Anzahl der Beiträge, das Design der Schaltflächen, den Stil des Leuchtpults und vieles mehr anzupassen.

Wenn Sie mit dem Design Ihres Instagram-Erwähnungs-Feeds zufrieden sind, klicken Sie noch einmal auf die Schaltfläche Speichern .

Schritt 5: Einbetten Ihres Instagram-Erwähnungs-Feeds

Mit dem Instagram Feed Pro Plugin haben Sie 2 Möglichkeiten, den Feed auf Ihrer WordPress-Seite einzubetten.

  • Instagram-Erwähnungen in eine WordPress-Seite einbetten
  • Instagram-Erwähnungen in die WordPress-Seitenleiste oder -Fußzeile einbetten

Im Folgenden werden wir beide Optionen besprechen.

Instagram-Erwähnungs-Feed in eine WordPress-Seite einbetten

Mit Hilfe des praktischen Live-Feed-Editors können Sie Ihre Instagram-Posts mühelos einbetten.

Klicken Sie auf die Schaltfläche " Einbetten" in der oberen rechten Ecke, um loszulegen.

Schaltfläche "Instagram-Erwähnungen-Feed einbetten

Dadurch werden die Einbettungsoptionen für Ihren Instagram-Erwähnungs-Feed angezeigt. Sie können den Shortcode für Ihren Feed auch hier finden.

Um fortzufahren, klicken Sie auf die Schaltfläche Zu einer Seite hinzufügen .

Live-Instagram-Feed zur Seite hinzufügen

Als nächstes können Sie die spezifische WordPress-Seite auswählen, auf der Sie Instagram-Erwähnungen anzeigen möchten.

Nachdem Sie Ihre Seite aus der Liste ausgewählt haben, klicken Sie unten auf die Schaltfläche Hinzufügen .

Wählen Sie Ihre Seite Instagram Erwähnungen Feed

Einfach so öffnet das Plugin die Seite im WordPress-Blockeditor.

Um Ihre Instagram-Erwähnungen einzubinden, klicken Sie zunächst auf das Pluszeichen (+), um einen neuen Block hinzuzufügen.

neuen Inhaltsblock in Wordpress hinzufügen

Der nächste Schritt ist die Verwendung der Suchleiste oben und die Suche nach dem Block "instagram".

Schließlich können Sie Ihren Mentions-Feed einbetten, indem Sie auf den Instagram-Feed-Block klicken.

Instagram-Feed-Block auf Wordpress-Seite einbetten

Sie brauchen nur auf die Schaltfläche Aktualisieren zu klicken, und Ihre Instagram-Erwähnungen werden auf Ihrer Website angezeigt.

Wenn Sie Ihre Webseite öffnen, können Sie sich ansehen, wie Ihr Instagram-Feed für Ihre Besucher aussieht.

Beispiel für einen Instagram-Erwähnungs-Feed auf der Website

Wie Sie sehen, ist es super einfach, Instagram-Erwähnungs-Feeds mit Hilfe von Instagram Feed Pro einzubetten.

Sehen wir uns nun die nächste Möglichkeit an, Ihren Feed einzubetten.

Instagram-Erwähnungs-Feed in die WordPress-Seitenleiste oder Fußzeile einbetten

Mit Hilfe des Live-Feed-Editors können Sie Instagram-Feeds in der Seitenleiste oder Fußzeile als Widget einbetten.

Falls Ihr Live-Feed-Editor noch nicht geöffnet ist, gehen Sie in Ihrem Dashboard auf das Menü Instagram-Feed " Alle Feeds und klicken Sie dann auf Ihren Mentions-Feed.

Im Live-Feed-Editor können Sie Ihren Mentions-Feed einbetten - genau wie zuvor.

Klicken Sie zunächst auf die Schaltfläche Einbetten am oberen Rand des Editors.

Schaltfläche "Instagram-Erwähnungen-Feed einbetten

Danach wird ein Popup-Fenster angezeigt, in dem Sie die Einbettungsoptionen für diesen Instagram-Feed sehen.

Um den Erwähnungs-Feed als Instagram-Widget einzubinden, klicken Sie hier auf die Schaltfläche Zu einem Widget hinzufügen .

Wenn Sie darauf klicken, wird die Widget-Seite auf Ihrer Website geöffnet, auf der Sie Ihre WordPress-Widgets erstellen, entfernen und bearbeiten können.

Um Instagram-Erwähnungen in Ihrer Seitenleiste anzuzeigen, klicken Sie auf das Bedienfeld Seitenleiste .

Seitenleisten-Panel öffnen, um Live-Instagram-Feed einzubinden

Wenn Sie den Instagram-Inhalt stattdessen in Ihrer Fußzeile anzeigen möchten, klicken Sie auf das Fußzeilen-Panel .

Wir verwenden die Fußzeile für unser Beispiel.

Fußzeile öffnen, um Live-Instagram-Feed einzubinden

Wenn Sie einen Ort ausgewählt haben, können Sie ein Widget hinzufügen, indem Sie auf das Plus-Symbol (+) am unteren Rand klicken.

Klicken Sie schließlich in den Optionen auf das Instagram-Feed-Widget .

Instagram-Widget zum Seitenleistenbereich hinzufügen

Klicken Sie einfach auf die Schaltfläche Aktualisieren, und Ihr Feed wird in der Seitenleiste oder Fußzeile Ihrer Website angezeigt.

Wenn Sie Ihre Website jetzt öffnen, sehen Sie Ihre Instagram-Erwähnungen wie auf dem Screenshot unten:

Instagram-Erwähnungs-Feed in die Fußzeile einbetten

Und da haben Sie es!

Wie Sie sehen, kann es sehr einfach sein, den Instagram-Erwähnungs-Feed in eine Website einzubetten, wenn Sie das richtige Tool verwenden.

Mit nur wenigen Klicks können Sie mit Instagram Feed Pro soziale Beweise von Instagram anzeigen, um Ihre Fangemeinde zu vergrößern, Besucher anzusprechen und Ihr Unternehmen mit Leichtigkeit zu vergrößern.

Sind Sie bereit, Instagram-Erwähnungen in Feeds einzubetten? Holen Sie sich Ihr Exemplar von Instagram Feed Pro hier!

Wenn Sie schon einmal hier sind, vergessen Sie nicht, sich unsere Liste der besten Instagram-Marketing-Tipps anzusehen.

Wenn Sie diesen Leitfaden hilfreich fanden, folgen Sie uns auf Twitter und Facebook, um weitere Tipps und Tricks zum Social Media Marketing zu erhalten.

Autorenavatar
Sajjan Sharma Leitende Autorin
Sajjan schreibt seit über 10 Jahren über WordPress, Social Media Marketing und Online-Unternehmen. Seine beruflichen Interessen umfassen auch Influencer Marketing, Content Curation und digitale Marketingstrategien.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.