Wenn Sie hier sind, dann wissen Sie, wie nützlich Live-Instagram-Feeds sein können.
Von der Einbindung von Besuchern bis zur Vergrößerung Ihrer Instagram-Fangemeinde gibt es so viele Möglichkeiten, die Sie mit Instagram-Feeds nutzen können.
Aber seien wir ehrlich, das Hinzufügen eines Instagram-Feeds kann sehr mühsam sein, wenn man keine Ahnung von Code hat.
Wenn es Ihnen wie mir geht und Sie Live-Instagram-Feeds auf Ihrer Website einbetten möchten, ohne sich um die Programmierung kümmern zu müssen, ist diese Anleitung genau das Richtige für Sie.
Der gesamte Prozess ist wirklich einfach, so dass Sie ihn auch dann nachvollziehen können, wenn Sie WordPress nicht kennen.
Können Sie Live-Instagram-Feeds ohne ein Plugin einbetten?
Technisch gesehen können Sie Feeds auch ohne ein Plugin einbetten, aber das ist nicht wirklich praktisch.
Um einen einzelnen Beitrag einzubetten, müssen Sie Instagram öffnen, den Einbettungscode kopieren, zu Ihrer Website zurückkehren und den Code dann in einen Beitrag oder eine Seite einfügen.
Um einen ganzen Instagram-Feed einzubetten, müssen Sie dies für jeden Beitrag wiederholen. Und jedes Mal, wenn Sie etwas Neues auf Instagram posten, müssen Sie es noch einmal wiederholen.
Meiner Meinung nach ist das ein zeitaufwändiger Prozess. Man kann seinen Instagram-Feed auch nicht wirklich anpassen, ohne mit Code herumzuspielen.
Für diejenigen unter Ihnen, die eine sorgfältig gestaltete Website haben, die zu Ihrem Branding passt, kann dies ein massiver Einschnitt sein.
Wenn es Ihnen wie mir geht und Sie diesen ganzen Aufwand vermeiden wollen, können Sie stattdessen ein WordPress Instagram-Plugin verwenden. Lassen Sie das Plugin einfach die Beiträge für Sie einbetten und nutzen Sie die gesparte Zeit und Mühe für Ihr Geschäft.
Wie kann ich einen Live-Instagram-Feed zu WordPress hinzufügen?
Von allen Optionen ist Instagram Feed Pro einfach das beste Tool für alle, die Instagram-Live-Feeds mit Leichtigkeit anzeigen möchten.
Mit Hilfe dieses erstaunlichen Tools werden Sie in der Lage sein:
- Beeindruckende Instagram-Feeds anzeigen - keine Programmierung erforderlich
- Ermutigen Sie Ihre Website-Besucher mit Call-to-Action-Buttons, Ihrem Instagram-Konto zu folgen.
- Steigern Sie Ihre Verkäufe mit positivem Social Proof aus nutzergenerierten Inhalten (UGC)
- Erhalten Sie direkte Hilfe von einem Support-Team aus WordPress-Experten
- Zeigen Sie tonnenweise Instagram-Posts an, während Ihre Website so schnell wie nie zuvor lädt
- Mit dem Live-Feed-Editor können Sie das Design Ihres Instagram-Feeds mit wenigen Klicks anpassen.
Ich denke, die Bewertung von 4,9/5 Sternen und Millionen von aktiven Nutzern macht deutlich, warum Instagram Feed Pro die Nummer 1 für das Einbetten von Live-Instagram-Feeds ist.
Sind Sie bereit, Instagram-Inhalte auf Ihrer Website hinzuzufügen? Holen Sie sich noch heute Ihr Exemplar von Instagram Feed Pro!
Hinweis: Instagram Feed Pro wurde für WordPress entwickelt und gebaut, daher funktioniert es möglicherweise nicht mit anderen Webplattformen wie Wix, Squarespace oder Shopify. Aber es ist perfekt kompatibel mit WordPress-Seitenerstellern wie Divi Builder und Elementor.
Schritt 1: Installieren Sie das Instagram Feed Pro Plugin
Zunächst können Sie hier Ihre eigene Kopie von Instagram Feed Pro erhalten. Nachdem Sie dieses WordPress Instagram-Plugin auf Ihren Computer heruntergeladen haben, installieren Sie es auf Ihrer Website.
Sie können jederzeit diese Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins lesen, um weitere Einzelheiten zu erfahren.
Schritt 2: Erstellen Sie Ihren Live-Instagram-Feed
Das Schöne an der Verwendung von Instagram Feed Pro ist, dass es so einfach ist, Ihren Instagram-Feed zu erstellen.
Gehen Sie zunächst in Ihr WordPress-Dashboard und navigieren Sie zu Instagram-Feed " Alle Feeds.
Anschließend können Sie einen Feed erstellen, indem Sie auf die Schaltfläche Neu hinzufügen klicken.
Als Nächstes fordert das Plugin Sie auf, den Instagram-Feed-Typ auszuwählen. Die Optionen umfassen hier:
- Benutzer-Zeitleiste: Verwenden Sie den Feed, um nur Beiträge von Ihrem Instagram-Konto anzuzeigen.
- Öffentlicher Hashtag: Instagram-Fotos und -Videos einbetten, die bestimmte Hashtags haben
- Erwähnte Beiträge: Zeigen Sie die Instagram-Posts an, in denen andere Nutzer Ihr Konto @ erwähnt haben
Wenn Sie mehrere Optionen auf einmal auswählen, können Sie sogar verschiedene Instagram-Feed-Typen für einen einzigen Feed kombinieren.
Wenn Sie Ihren Feed-Typ ausgewählt haben, klicken Sie auf Weiter.
Schritt 3: Verbinden Sie Ihren Instagram-Feed mit Ihrem Instagram-Konto
Nachdem Sie Ihren Feed erstellt haben, wird dieses WordPress Instagram-Feed-Plugin Sie auffordern, Ihr Instagram-Konto zu verbinden.
Auf diese Weise kann Ihr neuer Feed Instagram-Inhalte auf Ihrer Website anzeigen.
Um fortzufahren, klicken Sie hier auf die Schaltfläche Quelle hinzufügen .
Danach erscheint ein Popup-Fenster, in dem Sie sich entscheiden müssen, ob Sie Ihr Basiskonto oder Ihr Geschäftskonto einrichten möchten.
Mit einem einfachen Instagram-Konto können Sie nur einen Instagram-Feed von Ihrem eigenen Konto einbetten.
Mit einem Instagram-Geschäftskonto können Sie Instagram-Hashtag-Feeds, Instagram-Videos, getaggte Feeds, Shoppable Feeds und mehr hinzufügen.
Für dieses Tutorial nehme ich ein einfaches Konto und klicke auf Mit Instagram anmelden.
Dann bittet das Plugin um Lesezugriff auf Instagram, um die Verbindung mit Ihrem Konto abzuschließen.
Dieser Zugriff ermöglicht es Instagram Feed Pro, Instagram-Informationen einzusehen, aber keine Änderungen vorzunehmen.
Wie Sie sehen, sind Smash Balloon Plugins wie Instagram Feed Pro absolut sicher in der Anwendung.
Klicken Sie im Popup-Fenster auf Zulassen , um den Nur-Lese-Zugriff zu erlauben.
Schließlich können Sie auf Weiter klicken, um dieses Konto als Quelle für Ihren Instagram-Feed zu bestätigen.
Schritt 4: Passen Sie Ihren Live-Instagram-Feed an
Sobald Sie die Verbindung zu Ihrem Instagram-Konto hergestellt haben, öffnet das Plugin den Live-Feed-Editor.
In diesem Editor können Sie das Design Ihres Instagram-Feeds mithilfe der Anpassungsoptionen auf der linken Seite ganz einfach festlegen.
Sie können auch das Layout Ihres Feeds, das Design der Kopfzeile, das Farbschema, das Design der Schaltflächen, den Stil der Beiträge und weitere Funktionen ändern.
Auf der rechten Seite haben Sie eine Live-Vorschau Ihres Instagram-Feeds, wo Sie Ihre Änderungen in Echtzeit verfolgen können.
Experten-Tipp: Möchten Sie schnell etwas anpassen? Instagram Feed Pro bietet vorgefertigte Instagram-Feed-Themen, mit denen Sie mit minimalem Zeit- und Arbeitsaufwand beeindruckende und ansprechende Feeds erstellen können. Wählen Sie einfach ein Thema, das Ihnen gefällt, und ändern Sie sofort Ihr Layout, Ihre Schaltflächen, Ihren Post-Stil, Ihr Header-Design und vieles mehr - alles mit einem einzigen Klick!
Da es hier viele Optionen gibt, werde ich die Anpassungsoptionen durchgehen, mit denen ich normalerweise arbeite.
Klicken Sie zunächst auf die Option Feed-Layout auf der linken Seite.
Instagram Feed Pro bietet vorgefertigte Layout-Vorlagen, aus denen Sie wählen können: Raster, Karussell, Masonry und Highlight.
Für dieses Tutorial werde ich das Highlight-Layout wählen. In diesem Layout werden Ihre Instagram-Beiträge in quadratisch zugeschnittenen Bildern kuratiert, wobei hervorgehobene Beiträge doppelt so groß angezeigt werden, wie in diesem Beispiel:
Sie können hier auch weitere Einstellungen vornehmen, z. B. die Anzahl der Beiträge, Zeilen und Spalten. Ich bevorzuge die Standardansicht, also lasse ich sie so wie sie ist.
Nachdem Sie Ihr Feed-Layout ausgewählt haben, klicken Sie oben auf die Schaltfläche Speichern .
Anschließend können Sie auf die kleine Schaltfläche " Anpassen" klicken, um zu den Hauptoptionen zurückzukehren.
Klicken Sie auf der linken Seite auf Farbschema, um die Farben für Ihren Instagram-Feed festzulegen.
Bei Instagram Feed Pro gibt es 4 Farbschemata, aus denen Sie auswählen können:
- Vom Theme erben: Kopiert automatisch die Farben des Themas Ihrer Website
- Hell: Zeigen Sie einen hellen Hintergrund und eine dunkle Schrift für Ihren Instagram-Feed an.
- Dunkel: Wählen Sie einen dunkleren Hintergrund und eine helle Schriftfarbe.
- Benutzerdefiniert: Alle Farben manuell auswählen
Wählen Sie einfach das von Ihnen bevorzugte Farbschema aus und klicken Sie erneut auf die Schaltfläche Speichern .
Ich bin nicht allzu wählerisch, was die Farben der Feeds angeht, daher übernehme ich hier in der Regel das Thema der Website.
Sie können die anderen Optionen einfach so durchgehen und Ihren Live-Instagram-Feed fertig anpassen. Vergessen Sie nicht, am Ende auf Speichern zu klicken.
Schritt 5: Einbetten Ihres Live-Instagram-Feeds
Es ist an der Zeit, Ihren Instagram-Live-Feed auf Ihrer Website einzubetten. Sie haben 2 Möglichkeiten, dies zu tun:
- Verwenden Sie den Instagram-Feed-Block, um Ihren Feed zu Ihrem Beitrag oder Ihrer Seite hinzuzufügen.
- Verwenden Sie das Instagram-Feed-Widget, um Ihren Feed in Ihrer Seitenleiste oder Fußzeile einzufügen.
Im Folgenden werden wir beide Optionen besprechen.
Wie man den Live-Instagram-Feed in eine WordPress-Seite einbettet
Mit dem Live-Feed-Editor können Sie Live-Instagram-Feeds direkt auf Ihren WordPress-Webseiten einbetten - auf der Startseite, der Info-Seite, der Seite mit den Blogbeiträgen und mehr.
Klicken Sie zunächst auf die Schaltfläche " Einbetten" in der oberen rechten Ecke, um zu beginnen.
Daraufhin öffnet sich ein Popup, in dem Sie den Standort Ihres Instagram-Live-Feeds auswählen können.
Klicken Sie zunächst auf die Schaltfläche Zu einer Seite hinzufügen .
Wählen Sie in dem Popup einfach die WordPress-Seite aus, auf der Sie den Feed einrichten möchten, und klicken Sie auf Hinzufügen.
Instagram Feed Pro öffnet diese Seite nun im WordPress-Editor.
Klicken Sie dort auf das Plus-Symbol (+) , um einen neuen Inhaltsblock hinzuzufügen.
Geben Sie dann "instagram" in die Suchleiste ein und klicken Sie auf den Instagram-Feed , um ihn zu Ihrer Seite hinzuzufügen.
Klicken Sie abschließend auf die Schaltfläche Veröffentlichen oben rechts, um Ihre Seite zu aktivieren.
Wenn Ihre Website-Besucher also Ihre veröffentlichte Seite aufrufen, können sie jetzt Ihren eingebetteten Live-Feed auf Ihrer Website sehen.
Wie Sie sehen, ist es super einfach, Instagram-Feeds in Ihre WordPress-Seiten einzubetten.
Als Nächstes sehen wir uns an, wie Sie Instagram-Feeds in Ihrer Seitenleiste oder Fußzeile anzeigen können.
Wie man ein Live-Instagram-Widget in der WordPress-Seitenleiste oder Fußzeile hinzufügt
Sie können Ihren Instagram-Feed auch in Ihrer Seitenleiste als Instagram-Widget anzeigen.
Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü Instagram-Feed " Alle Feeds .
Alle Instagram-Feeds, die Sie erstellen, werden auf dieser Seite aufgelistet.
Um fortzufahren, wählen Sie den Live-Instagram-Feed aus, den Sie zuvor erstellt haben.
Sobald Sie dies getan haben, öffnet das Plugin diesen Feed im Live-Feed-Editor.
Wie zuvor können Sie auf die Schaltfläche " Einbetten" oben auf der Seite klicken.
Um fortzufahren, kopieren Sie einfach den Shortcode, oder wählen Sie einfach die Option Zu einem Widget hinzufügen auf dem neuen Popup.
Danach wird Instagram Feed Pro die Widgets-Seite Ihrer WordPress-Website öffnen.
Klicken Sie von hier aus auf das Bedienfeld Sidebar , um die Widgets in Ihrer Seitenleiste zu verwalten.
Sie können Ihre Fußzeilen-Widgets auch verwalten, indem Sie stattdessen auf das Fußzeilen-Panel klicken. In diesem Tutorial werden wir eine Seitenleiste für Ihren Instagram-Feed verwenden.
Klicken Sie dann auf das Plus-Symbol (+) , um ein neues Widget hinzuzufügen, bevor Sie das Instagram-Feed-Widget aus den Optionen auswählen.
Zum Schluss können Sie auf die Schaltfläche Aktualisieren klicken, und schon haben Sie Ihren Instagram-Feed eingebettet.
Wenn Sie nun Ihre Website besuchen, sehen Sie Ihren Live-Instagram-Feed in Ihrer Seitenleiste, etwa so:
Mit diesen einfachen Schritten können Sie jetzt problemlos einen Live-Instagram-Feed auf Ihrer Website einbetten.
Jetzt können Sie den Social Proof Ihrer Instagram-Inhalte auf Ihrer Website zeigen, um mehr Abonnenten zu gewinnen, die Konversionsrate zu erhöhen und Ihre Umsätze in die Höhe zu treiben.
Möchten Sie Live-Instagram-Feeds erstellen, um Ihr Geschäft auszubauen? Starten Sie noch heute mit Instagram Feed Pro.
Wenn Sie möchten, dass Ihre Instagram-Inhalte die Menschen zum perfekten Zeitpunkt erreichen, sollten Sie sich diesen Leitfaden zur Planung Ihrer Instagram-Posts ansehen.
Häufig gestellte Fragen
Warum sollte ich Instagram-Inhalte einbetten?
Mit Instagram-Einbettungen können Sie Ihre Instagram-Posts viel stärker in den Blickpunkt rücken und Website-Besucher dazu bringen, Ihnen zu folgen. Eine weitere Verwendung von Instagram-Einbettungen, die ich sehr mag, ist die Anzeige von positiven Bewertungen und Zeugnissen auf Instagram, um einen besseren Eindruck von meiner Website zu vermitteln.
Können Sie Instagram-Videos einbetten?
Ja, Sie können sowohl Instagram-Videos als auch Fotos einbetten. Meiner Erfahrung nach können Videos die Besucher länger auf Ihrer Website halten, was auch für die Suchmaschinenoptimierung hilfreich ist.
Wie passt man eine Instagram-Einbettung an?
Normalerweise kannst du deine Instagram-Einbettungen nicht wirklich anpassen, es sei denn, du kennst dich mit Programmiersprachen aus. Als Alternative können Sie das Tool Instagram Feed Pro verwenden, um anpassbare Instagram-Feeds auf Ihrer Website anzuzeigen. Es hat auch einen visuellen Customizer mit einer Live-Vorschau, der ziemlich praktisch ist.
Was ist ein Instagram-Karussell?
Das ist eine Funktion auf Instagram, mit der Sie mehrere Fotos und Videos in einem einzigen Beitrag hochladen können. Die Leute können durch die Bilder und Videos wischen, um alle Ihre Inhalte zu sehen. Ich bin ein ziemlicher Fan dieser Funktion, weil ich damit eine Menge Inhalte auf einmal hochladen kann.
Beste Social Media Feed Tutorials für WordPress
- Wie man Social Media Feed Widgets für eine Website einbettet
- Wie Sie das TikTok-Profil auf Ihrer Website einbetten (einfach)
- Möglichkeiten zum Einbetten einer YouTube-Wiedergabeliste auf Ihrer Website
- So betten Sie eine Facebook-Seite auf Ihrer Website ein (Schritt für Schritt)
