Wie Sie Ihr Instagram auf Ihrer Website einbetten (einfache Anleitung)
clicksocial

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

Kostenlose Testversion starten Winkel-Rechts
Startseite Blog Wie Sie Ihr Instagram auf Ihrer Website einbetten (der einfachste Weg)

Wie Sie Ihr Instagram auf Ihrer Website einbetten (der einfachste Weg)

Wie Sie Instagram auf Ihrer Website einbinden

Möchten Sie wissen, wie Sie Instagram einfach, schnell und problemlos auf Ihrer Website einbinden können?

Mit über 2 Milliarden Nutzernist Instagram eines der beliebtesten sozialen Netzwerke weltweit. Aber wussten Sie, dass Sie über die App hinausgehen und Ihren Instagram-Feed auch auf Ihrer Website anzeigen können?

Schließlich ist das Einbetten von Instagram-Posts auf Ihrer Website eine großartige Möglichkeit, Ihre Instagram-Marketingkampagnen mehr Menschen zugänglich zu machen.

Sehen wir uns zunächst an, warum die alte Methode, Instagram-Feeds hinzuzufügen, einige Nachteile für Ihre Website haben kann.

Oder Sie können hier klicken, um direkt zum Tutorial zu gelangen.

Wie man Instagram-Posts zu WordPress hinzufügt (manuell)

Um Instagram-Posts mit der manuellen Methode zu Ihrer WordPress-Website hinzuzufügen, können Sie die folgenden Schritte ausführen:

  • Schritt 1: Öffnen Sie den Instagram-Post, den Sie einbetten möchten.
  • Schritt 2: Klicken Sie auf das 3-Punkte-Symbol in der oberen rechten Ecke.
  • Schritt 3: Wählen Sie die Option Einbetten aus dem Menü
  • Schritt 4: Klicken Sie auf die Schaltfläche Copy Embed Code
  • Schritt 5: Kehren Sie zu Ihrer Website zurück und öffnen Sie eine Seite oder einen Beitrag.
  • Schritt 6: Einfügen des benutzerdefinierten HTML-Blocks
  • Schritt 7: Fügen Sie den kopierten Instagram-Einbettungscode ein.
Instagram-Post manuell einbetten

All dies ist zwar auch ohne Plugin möglich, doch hat diese Methode auch einige Nachteile:

  • Da Sie den Einbettungscode für jeden Instagram-Beitrag manuell einfügen müssen, ist dies sehr zeitaufwändig und mühsam
  • Wenn beim Einfügen des Instagram-Einbettungscodes etwas schief geht, haben Sie kein Support-Team, das Ihnen helfen kann.
  • Alle Ihre Instagram-Beiträge werden das offizielle Instagram-Branding beibehalten. Sie könnten also mit dem Design kollidieren, das Sie für Ihre Website gewählt haben
  • Ihnen entgehen SEO-Vorteile, da Google Search den Inhalt innerhalb der Instagram iFrames nicht lesen kann.

Der einfachste Weg, Ihr Instagram in WordPress einzubetten

Der einfachste Weg, Ihre Instagram-Inhalte auf Ihrer Website anzuzeigen, ist die Verwendung eines vertrauenswürdigen WordPress-Plugins.

Wenn Sie die beste Möglichkeit zum Erstellen, Anpassen und Anzeigen schöner Instagram-Feeds auf Ihrer Website suchen, können Sie das beste Instagram-Feed-Plugin für WordPress verwenden: Instagram Feed Pro.

bestes instagram feed pro plugin

Da Sie Instagram Feed Pro einrichten können, ohne sich mit verwirrenden Codeschnipseln auseinandersetzen zu müssen, können selbst WordPress-Neulinge das Plugin problemlos verwenden, um Instagram-Inhalte auf ihrer Website einzubetten - in weniger als 5 Minuten!

Es verfügt über eine Reihe nützlicher Funktionen, mit denen Sie Feeds problemlos einbetten können:

  • Um Instagram-Feeds in Rekordzeit zu erstellen, können Sie einfach die 3-Schritte-Anleitung befolgen. Die gesparte Zeit können Sie dann wieder in Ihr Unternehmen investieren.
  • Sie können aus einer Vielzahl verschiedener Feed-Typen wählen: Instagram-Timeline-Feed, Hashtag-Feeds, Erwähnungs-Feed und mehr. So können Sie Besucher mit einer Vielzahl von Instagram-Inhalten ansprechen.
  • Um die Konversionsrate zu erhöhen und mehr Verkäufe zu erzielen, können Sie einen einkaufsfähigen Instagram-Feed auf Ihrer Website einbetten.
  • Instagram Feed Pro ist blitzschnell, da es effizient Daten von der Instagram-API abruft, um die Ladezeit zu minimieren. So wird die Leistung Ihrer Website überhaupt nicht verlangsamt.
  • Instagram Feed Pro ist so benutzerfreundlich, dass Sie Ihren Instagram-Feed mit wenigen Klicks über den Live-Feed-Editor anpassen können.
live feed editor instagram

Das Plugin hilft über 1 Million aktiven Nutzern, Instagram-Inhalte auf Websites weltweit einzubetten.

Und mit seiner soliden 4.9/5-Sterne-Bewertung wissen Sie, dass Sie in guten Händen sind, denn das schnelle und freundliche Support-Team von Smash Balloon ist immer bereit, Ihnen zu helfen.

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

Schritt 1: Installieren Sie das Instagram Feed Pro Plugin

Der erste Schritt besteht darin, sich hier eine eigene Kopie von Instagram Feed Pro zu besorgen. Dann laden Sie das Plugin auf Ihren Computer herunter.

Nachdem Sie das Plugin heruntergeladen haben, müssen Sie es nur noch auf Ihre WordPress-Website hochladen und installieren.

Keine Sorge, wenn Sie nicht wissen, wie Sie das machen sollen. Sie können jederzeit diesen Beitrag über die Installation eines WordPress-Plugins als Anleitung lesen.

Schritt 2: Erstellen eines Instagram-Feeds

Mit dem Instagram Feed Pro Plugin können Sie in wenigen Schritten einen neuen Feed erstellen.

Rufen Sie zunächst Ihr WordPress-Dashboard auf und gehen Sie zum Menü Instagram-Feed " Alle Feeds.

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

Neuen Feed erstellen Instagram Feed Pro

Um die Einbindung von Instagram-Inhalten in Ihre Website fortzusetzen, können Sie jetzt den Instagram-Feed-Typ auswählen.

Mit Instagram Feed Pro können Sie zwischen 3 Feed-Typen wählen:

  • Benutzer-Zeitleiste: Betten Sie einen Instagram-Feed von Ihrem Konto ein, so dass nur die Fotos auf Ihrem Profil angezeigt werden.
  • Öffentlicher Hashtag: Betten Sie einen Instagram-Feed von einem öffentlichen Hashtag Ihrer Wahl ein. Dies kann ein gebrandeter Hashtag sein, damit Sie Instagram-Testimonials auf Ihrer Website anzeigen können.
  • Getaggte Beiträge: Betten Sie einen Instagram-Feed mit Fotos ein, in denen Ihr Instagram-Konto von anderen aktiven Nutzern getaggt wurde.

Sie können auch mehrere Instagram-Feeds kombinieren und sie als einen einzigen eingebetteten Instagram-Feed anzeigen, indem Sie hier mehrere Optionen auswählen.

Sobald Sie den Instagram-Feed-Typ ausgewählt haben, klicken Sie auf Weiter.

Für dieses spezielle Tutorial wähle ich die Option " Benutzerzeitleiste ".

Benutzer-Timeline auswählen Instagram-Feed importieren

Schritt 3: Verbinden Sie Ihr Instagram-Konto

Bevor Sie Ihr Instagram-Konto verbinden, müssen Sie sich vergewissern, dass es sich um ein Geschäfts- oder Künstlerkonto handelt.

Falls Sie noch keins haben, können Sie in diesem Beitrag nachlesen, wie Sie Ihr Instagram-Konto in ein Geschäftsprofil umwandeln.

Klicken Sie auf dieser Seite auf die blaue Schaltfläche Quelle hinzufügen, um zu beginnen.

Instagram Quelle für Feed hinzufügen

Dann werden Sie aufgefordert, zwischen einem einfachen und einem erweiterten Verbindungstyp zu wählen.

  • Business Basic: Zeigen Sie Fotos von Ihrem eigenen Instagram-Account auf Ihrer Website
  • Business Erweitert: Zeigen Sie mehr Arten von Inhalten an, z. B. Hashtag-Feed und einkaufsfähiger Instagram-Feed

Sobald Sie Ihren Instagram-Kontotyp ausgewählt haben, klicken Sie auf Verbinden.

Instagram-Verbindungstyp wählen

Danach können Sie entweder Instagram oder Facebook öffnen, um die Verbindung Ihres Kontos abzuschließen.

Für den Moment klicke ich auf die Schaltfläche Mit Instagram verbinden.

Ihr Instagram-Basisprofil verbinden

Das Plugin schickt Sie nun zu Instagram, wo Sie Ihrem Konto nur Lesezugriff gewähren können.

Instagram Feed Pro ist vollkommen sicher, da es diesen Zugang nutzen kann, um Ihre Daten einzusehen, und nicht die Erlaubnis hat, Änderungen vorzunehmen.

Um fortzufahren, klicken Sie einfach auf die Schaltfläche Zulassen im Popup-Fenster.

nur Lesezugriff zulassen instagram

Damit bringt Sie Instagram Feed Pro wieder zurück auf Ihre Website.

Klicken Sie hier auf Weiter , um dieses Instagram-Konto als Quelle für Ihren neuen Instagram-Feed zu bestätigen.

Konto als Quelle für Instagram-Feed bestätigen

Schritt 4: Passen Sie das Design Ihres Instagram Feeds an

Damit Sie mit Leichtigkeit schöne Instagram-Feeds erstellen können, enthält Instagram Feed Pro professionell gestaltete Themen, die Sie importieren können.

Sie haben sogar 5 verschiedene Themen mit einzigartigen Designs, die Sie für Ihren Feed verwenden können:

  • Standard
  • Modern
  • Soziale Wand
  • Gliederung
  • Überlappung

Sie müssen nur das gewünschte Thema auswählen und auf die Schaltfläche Weiter klicken.

Thema auswählen Instagram-Feed

Auf diese Weise importiert YouTube Feed Pro automatisch das Design des Themas für Ihren Feed. Darüber hinaus können Sie eine Vorlage importieren, um das Layout der Instagram-Posts in Ihrem Feed zu ändern.

Wählen Sie wie zuvor die gewünschte Vorlage aus und klicken Sie dann auf Weiter.

Wählen Sie Ihre Instagram-Feed-Vorlage

Das Plugin öffnet nun den Live-Feed-Editor, mit dem Sie das Design Ihres Instagram-Feeds ganz einfach personalisieren können.

Sehen Sie sich zunächst die Anpassungsoptionen im linken Bereich an. Von hier aus können Sie die Größe, das Layout, die Farbe, den Kopfzeilenstil, das Design und vieles mehr für Ihren Instagram-Feed einstellen.

Wenn Sie Änderungen vornehmen, können Sie diese in der Echtzeit-Vorschau auf der rechten Seite sehen.

live feed editor für instagram feed pro

Um mit der Anpassung zu beginnen, ändere ich normalerweise das Layout der Instagram-Feeds.

Klicken Sie dazu auf die Option Feed-Layout auf der linken Seite.

Feed-Layout-Optionen auswählen Live-Feed-Editor-Instagram

Jetzt können Sie aus 4 verschiedenen Layouts für Ihren Instagram-Feed wählen: Raster, Karussell, Masonry und Highlights.

Schauen wir uns die einzelnen Layouts im Detail an.

feed layout optionen instagram feed pro

Wählen Sie das Raster-Layout , um Ihren Instagram-Feed als eine organisierte Sammlung von Bildern in quadratischer Größe zu präsentieren, wie hier:

Grid-Layout für Ihren Instagram-Feed

Möchten Sie einen Instagram-Karussell-Feed anzeigen? Sie können das Karussell-Layout wählen, um Ihre Instagram-Fotos in einem horizontal scrollenden Feed zu präsentieren.

Karussell-Layout für Ihren Live-Instagram-Feed

Für Instagram-Nutzer, die eine Instagram-Galerie anzeigen möchten, ist das Masonry-Layout die beste Wahl für Sie.

Auf diese Weise werden Ihre Instagram-Fotos in ihren ursprünglichen Proportionen dargestellt.

mauerwerk layout instagram feed

Wenn Sie schließlich bestimmte Instagram-Fotos in Ihrem Feed hervorheben möchten, können Sie die Option "Hervorheben" wählen.

Da hervorgehobene Fotos in Ihrem Feed doppelt so groß angezeigt werden, ist dieses Layout hilfreich, wenn Sie die Aufmerksamkeit Ihres Publikums auf sich ziehen möchten.

instagram feed highlights layout

Wählen Sie den von Ihnen bevorzugten Layout-Typ aus und klicken Sie dann auf die Schaltfläche " Speichern" am oberen Rand.

Klicken Sie anschließend auf die kleine Schaltfläche Anpassen , um zu den Hauptoptionen zurückzukehren.

Zurück zu den wichtigsten Anpassungsoptionen für Instagram

Lassen Sie uns nun fortfahren und die Farben Ihres neuen Instagram-Feeds ändern.

Klicken Sie zunächst auf die Option Farbschema auf der linken Seite.

Farbschema-Option auswählen

Sie können jetzt aus 4 Farbschemata für Ihren Instagram-Feed wählen:

  • Vom Thema erben: Wählen Sie, ob die Farben Ihrer Website automatisch übernommen werden sollen.
  • Hell: Zeigt einen hellen Hintergrund zusammen mit einer dunkleren Schrift
  • Dunkel: Verwenden Sie eine helle Schriftfarbe, aber mit einem dunkleren Hintergrund.
  • Benutzerdefiniert: Wählen Sie manuell alle Farben selbst aus
Farbschema-Optionen Live-Instagram-Feed

Wählen Sie einfach die von Ihnen bevorzugte Option aus und klicken Sie auf die Schaltfläche Speichern , um Ihre Änderungen zu bestätigen.

Mit dem Live-Feed-Editor ist es super einfach, den Rest Ihres Instagram-Feeds anzupassen. Mit nur wenigen Klicks können Sie den Header-Stil, den Follow-Button, die Lightbox-Optionen, die Feed-Größe und vieles mehr einstellen.

Vergessen Sie nicht, nach dem Anpassen Ihres Instagram-Feeds erneut auf die Schaltfläche Speichern zu klicken.

Schritt 5: Betten Sie Ihren Instagram-Feed auf Ihrer Website ein

Smash Balloon arbeitet nahtlos sowohl mit Instagram als auch mit WordPress zusammen, so dass es ziemlich einfach ist, Ihre Instagram-Inhalte auf Ihrer Website einzubinden.

Sie können wählen, ob Sie Ihren Instagram-Feed zu einer WordPress-Seite oder zum Seitenleistenbereich Ihrer Website hinzufügen möchten.

Instagram-Feed auf WordPress-Seite anzeigen

Mit dem Live-Feed-Editor können Sie Ihren Instagram-Feed ganz einfach zu einer WordPress-Seite hinzufügen.

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

Instagram Klicken Sie auf die Schaltfläche "Einbetten

Sie können nun ein Popup sehen, in dem Sie den Standort Ihres Instagram-Feeds festlegen können.

Klicken Sie zunächst einfach auf die Option Zu einer Seite hinzufügen .

Live-Instagram-Feed zur Seite hinzufügen

Wählen Sie anschließend eine WordPress-Seite aus der Liste aus und klicken Sie auf die Schaltfläche Hinzufügen .

Seite auswählen, um Live-Instagram-Feed einzubetten

Das Plugin öffnet diese Seite im WordPress-Editor, sobald Sie das getan haben.

Klicken Sie auf das Plus-Symbol (+) im Editor, damit Sie einen neuen WordPress-Inhaltsblock hinzufügen können.

neuen Inhaltsblock in Wordpress hinzufügen

Suchen Sie dann nach "instagram" und klicken Sie auf den Instagram-Feed-Block, um ihn zu Ihrer Seite hinzuzufügen.

Instagram-Feed-Block auf Wordpress-Seite einbetten

Sie sehen eine Vorschau Ihres Instagram-Feeds in Ihrem Seiteneditor. Klicken Sie abschließend auf Veröffentlichen , um Ihren neuen Instagram-Feed auf Ihrer Website zu veröffentlichen.

Beispiel Live-Instagram-Feed

Lassen Sie uns nun einen Blick auf die zweite Methode zum Einbetten Ihres Instagram-Feeds werfen.

Instagram-Feed in der WordPress-Seitenleiste oder Fußzeile anzeigen

Um Ihren Feed in die Seitenleiste oder Fußzeile Ihrer Website einzubinden, öffnen Sie ihn zunächst im Live-Feed-Editor.

Dazu können Sie in Ihrem WordPress-Dashboard zu Instagram Feed " Alle Feeds navigieren.

Auf dieser Seite können Sie auf den Instagram-Feed klicken, den Sie zuvor erstellt haben.

Öffnen Sie Ihren Instagram-Feed

Dadurch wird der Feed erneut im Live-Feed-Editor des Plugins geöffnet.

Klicken Sie hier auf die Schaltfläche Einbetten , um fortzufahren.

Instagram Klicken Sie auf die Schaltfläche "Einbetten

Klicken Sie anschließend auf die Schaltfläche Zu einem Widget hinzufügen im Popup-Fenster.

Dadurch wird die Widget-Seite Ihrer WordPress-Website geöffnet.

Live-Instagram-Feed zum Widget hinzufügen

Von hier aus können Sie Ihren neuen Feed als Instagram-Widget zu Ihrer Seitenleiste oder Fußzeile hinzufügen.

Sie können nun auf das Bedienfeld Seitenleiste klicken, um die Widgets in Ihrer Seitenleiste zu verwalten.

Sidebar-Panel öffnen

Alternativ können Sie auch auf das Fußzeilen-Panel klicken, wenn Sie mit der Verwaltung Ihrer Fußzeilen-Widgets beginnen möchten.

Fußzeilen-Panel öffnen

Für unser Tutorial werden wir die WordPress-Seitenleiste verwenden.

Klicken Sie schließlich auf das Plus-Symbol (+) , um ein Widget hinzuzufügen, und klicken Sie dann auf das Instagram-Feed-Widget , um Ihren Feed einzubetten.

Instagram-Widget zum Seitenleistenbereich hinzufügen

Auf diese Weise wird Ihr Instagram-Feed in der Seitenleiste Ihrer Website angezeigt. Das Ergebnis ist, dass Sie dieses Beispiel sehen, wenn Sie Ihre Website besuchen:

Beispiel für einen Live-Instagram-Feed in der Seitenleiste

So, da haben Sie es!

Jetzt wissen Sie, wie Sie Ihren Instagram-Feed mit Hilfe des besten Instagram-Feed-Plugins für WordPress ganz einfach in Ihre Website einbetten können.

So können Sie im Handumdrehen mehr Follower und mehr Umsatz für Ihr Unternehmen erzielen. Und das Beste daran ist, dass Sie all das und noch mehr ganz ohne Programmierkenntnisse erreichen können.

Sind Sie bereit, Instagram-Feeds einzubetten? Starten Sie noch heute mit Instagram Feed Pro.

Wenn Sie schon einmal hier sind, können Sie auch einen Blick auf unseren Leitfaden werfen, wie Sie mehr Aufrufe auf Instagram-Reels erhalten.

Weitere Tipps und Tricks zum Instagram-Marketing

Und wenn Sie diesen Beitrag nützlich fanden, können Sie sich gerne mit uns auf Twitter und Facebook verbinden, um weitere hilfreiche Anleitungen zu erhalten.

Autorenavatar
Lianne Laroya Leiterin für Inhaltsmarketing
Lianne ist Content Marketing Manager bei Smash Balloon und verfügt über mehr als 12 Jahre Erfahrung in den Bereichen WordPress-Inhalte, Social Media Marketing, nutzergenerierte Inhalte (UGC) und Suchmaschinenoptimierung (SEO).

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.