Möchten Sie Ihren Instagram-Feed direkt auf Ihrer Website anzeigen?
Wenn Sie Ihre neuesten Instagram-Fotos, -Reels und -Videos auf Ihre Website stellen, ist das eine gute Möglichkeit, Ihre Website frisch zu halten, sie ansprechender zu gestalten und die Besucher von Ihrer Website auf Ihre Instagram-Seite zu leiten.
Das ist ein intelligenter Weg, um mehr Besucher einzubeziehen und mehr Follower zu gewinnen.
Aber es kann schwierig sein, Ihren Instagram-Feed mit den normalen Instagram-Optionen so aussehen zu lassen, wie Sie es auf Ihrer Website wünschen.
Diese Einbettungsoptionen bieten Ihnen oft nicht alle Möglichkeiten und Funktionen, die Sie benötigen, damit sich Ihr Instagram-Feed nahtlos in Ihre Website einfügt.
Aufgrund meiner Erfahrung im digitalen Marketing weiß ich, dass das Hinzufügen von Social-Media-Inhalten zu Ihrer Website manchmal schwieriger erscheint, als es sein müsste.
Deshalb zeigen wir Ihnen in diesem Leitfaden, wie Sie Ihre Instagram-Inhalte ganz einfach auf Ihrer Website anzeigen können.
Wir von Smash Balloon stellen die besten Social-Media-Feed-Plugins für WordPress her. Unsere Plugins machen es super einfach, Inhalte von Websites wie Instagram anzuzeigen. In diesem Artikel zeige ich Ihnen genau, wie Sie mit unserer einfachen Methode Ihren Instagram-Feed zu Ihrer Website hinzufügen können.
Und was noch? Dieser Leitfaden führt Sie Schritt für Schritt durch alles. Sie ist für jedermann geeignet, sodass Sie Ihren schönen Instagram-Feed schnell auf Ihre Website bringen können, auch wenn Sie sich mit Technik nicht auskennen!
In diesem Artikel
- Die einfachste Art, Instagram auf Ihrer Website anzuzeigen
- So zeigen Sie einen Instagram-Feed auf Ihrer Website an (einfache Methode)
- Schlussfolgerung und nächste Schritte
Die einfachste Art, Instagram auf Ihrer Website anzuzeigen
Es gibt 2 Möglichkeiten, Ihre Instagram-Inhalte auf Ihrer WordPress-Website einzubetten:
- Automatisiert: Sie können ein vertrauenswürdiges WordPress-Plugin verwenden und einen Feed von Instagram-Posts auf Ihrer Website anzeigen.
- Manuell: Sie erhalten den Einbettungscode der Instagram-Posts, die Sie anzeigen möchten, passen die Codeschnipsel an und fügen den Code zu Ihrer Website hinzu.
Die einfachste Möglichkeit, Instagram auf Ihrer Website anzuzeigen, ist die 1. Methode, bei der Sie ein Instagram-WordPress-Plugin verwenden.
Und die beste Option dafür ist Instagram Feed Pro von Smash Balloon, denn es ist das beste Instagram-Feed-Plugin für WordPress.
Mit diesem WordPress-Plugin für Instagram-Feeds können Sie einfach einer 3-Schritte-Anleitung folgen, die Sie durch den gesamten Prozess der Erstellung, Anpassung und Einbettung von Instagram-Feeds führt - ganz ohne Programmierung!
Auf diese Weise können Sie ganz einfach Instagram-Inhalte wie Hashtag-Feeds, Posts mit Instagram-Erwähnungen und sogar einkaufbare Instagram-Posts auf Ihrer Website hinzufügen.
Millionen von Nutzern lieben Instagram Feed Pro, weil es ihnen hilft, ihre Social Media-Inhalte in WordPress, Instagram-Feeds auf Divi und sogar Elementor Instagram-Feeds anzuzeigen.
Da ich kein Programmierexperte bin, gefällt mir an Instagram Feed Pro besonders, dass Sie das Design Ihres Instagram-Feeds in wenigen Minuten anpassen können, da das Plugin über einen integrierten visuellen Feed-Anpassungsmodus mit Live-Vorschau verfügt.
Ich persönlich finde es toll, dass ich auch den visuellen Customizer von Instagram Feed Pro nutzen kann, um die Instagram-Posts, die ich in meinem Feed anzeigen oder ausblenden möchte, mit nur wenigen Klicks zu moderieren!
Ein weiterer Grund, warum Instagram Feed Pro eine solide Bewertung von 4,9/5 Sternen und über 1 Million Nutzer hat? Es ist wegen seiner ultra-schnellen Leistung.
Da das Plugin Ihre Instagram-Feeds so schnell wie möglich lädt, müssen Sie sich keine Sorgen machen, dass Ihre Website dadurch verlangsamt wird.
Darüber hinaus verfügt Instagram Feed Pro über ein hervorragendes Kundensupport-Team aus WordPress-Experten, die Ihnen gerne weiterhelfen werden.
Mit diesen Überlegungen im Hinterkopf, lassen Sie uns über die Schritt-für-Schritt-Anleitung sprechen, wie Sie Ihr Instagram auf Ihrer Website anzeigen können - einfach und mühelos.
So zeigen Sie einen Instagram-Feed auf Ihrer Website an (einfache Methode)
Um Instagram-Posts mit Instagram Feed Pro auf Ihrer Website anzuzeigen, können Sie einfach die folgende Anleitung befolgen.
Dann fangen wir mal an.
Schritt 1: Instagram Feed Pro installieren
Sie können Ihr eigenes Exemplar von Instagram Feed Pro hier erwerben.
Laden Sie das Plugin auf Ihren Computer herunter und laden Sie es dann auf Ihre WordPress-Website hoch, indem Sie es installieren.
Wenn Sie nicht wissen, wie das geht, lesen Sie diese hilfreiche Anleitung, wie Sie ein WordPress-Plugin installieren können.
Schritt 2: Erstellen eines Instagram-Feeds
Der nächste Schritt ist einfach: Erstellen Sie einen neuen Instagram-Feed auf Ihrer Website.
Gehen Sie dazu zunächst auf Ihr WordPress-Dashboard und navigieren Sie zu Instagram Feed " Alle Feeds. Klicken Sie dann oben auf die Schaltfläche Neu hinzufügen .
Der nächste Schritt zum Einbetten Ihres Instagram-Feeds auf Ihrer Website? Entscheiden Sie sich für die Art des Instagram-Feeds, den Sie anzeigen möchten.
Mit Instagram Feed Pro können Sie aus 3 verschiedenen Feed-Typen wählen, darunter:
- Benutzerkonto: Betten Sie einen Instagram-Feed ein, der Fotos von Ihrem eigenen Konto enthält.
- Öffentlicher Hashtag: Betten Sie einen Instagram-Feed von einem öffentlichen Hashtag Ihrer Wahl ein. Dies eignet sich hervorragend für die Anzeige von Kundenreferenzen auf Ihrer Website.
- Getaggt: Zeigt einen Instagram-Feed mit Beiträgen an, in denen Ihr Instagram-Konto getaggt ist.
Sie können auch mehrere Feed-Typen kombinieren und sie in einem einzigen Instagram-Feed anzeigen.
In diesem Tutorial verwende ich einen Benutzer-Timeline-Feed und zeige Beiträge von einem einzelnen Instagram-Profil.
Schritt 3: Verbinden Sie Ihr Instagram-Konto
Um Instagram-Posts auf Ihrer Website anzuzeigen, können Sie den neuen Feed mit Ihrem Instagram-Konto verbinden.
Klicken Sie dazu auf die Schaltfläche Quelle hinzufügen , um zu beginnen.
Es ist an der Zeit, Ihr Unternehmens- oder Creator-Konto zu verbinden, damit das Plugin Instagram-Inhalte abrufen kann.
Davor können Sie zwischen 2 Arten von Verbindungen wählen:
- Basic: Anzeige der Fotos und Videos von Ihrem eigenen Instagram-Profil
- Erweitert: Schalten Sie weitere Inhalte wie Hashtag-Feeds, getaggte Feeds, Stories und mehr frei
Sobald Sie einen Verbindungstyp ausgewählt haben, klicken Sie auf Verbinden.
Ich verwende nur eine Basisverbindung , da ich Beiträge von einem Instagram-Profil anzeige.
Klicken Sie nun auf Mit Instagram verbinden, um fortzufahren.
Von hier aus können Sie dem Plugin schreibgeschützten Zugriff auf Ihr Instagram-Konto gewähren.
Das Plugin nutzt diesen Zugang, um Ihre Instagram-Informationen einzusehen, kann aber keine Änderungen vornehmen. Daher ist Smash Balloon sicher in der Anwendung.
Um die Verbindung Ihres Profils abzuschließen, klicken Sie hier auf die Schaltfläche Zulassen .
Dies bringt Sie zurück zu Ihrer WordPress-Website, so dass Sie dieses Konto als Quelle für Ihren Instagram-Feed bestätigen können.
Sie können dies tun, indem Sie hier auf Weiter klicken.
Schritt 4: Passen Sie Ihren Instagram-Feed an
Erinnern Sie sich, als ich erwähnte, dass es super einfach ist, das Design Ihres Instagram-Feeds anzupassen?
Mit dem Live-Feed-Editor können Sie das Aussehen Ihres Instagram-Feeds mit ein paar einfachen Klicks ändern - ohne eine einzige Codezeile anfassen zu müssen.
Auf der linken Seite finden Sie alle Anpassungsoptionen für Ihren Instagram-Feed, einschließlich der Möglichkeit, das Layout Ihres Feeds, die Kopfzeile, das Farbschema, einzelne Instagram-Posts, das Design der Schaltflächen und vieles mehr zu ändern.
Außerdem können Sie auf der rechten Seite eine Live-Vorschau Ihres Feeds sehen und alle Änderungen in Echtzeit verfolgen.
Sie können nun auf die Option Feed-Layout klicken, um das Design Ihres Instagram-Feeds zu ändern.
Hier legen Sie Ihr Feed-Layout fest, wodurch sich die Darstellung der Instagram-Posts auf Ihrer Website ändert.
Mit diesem Plugin können Sie aus 4 verschiedenen Layout-Optionen wählen: Raster, Karussell, Masonry und Highlight.
Sie können das Rasterlayout auswählen, um Ihre Instagram-Beiträge in einem geordneten Rahmen voller quadratisch zugeschnittener Bilder wie diesem anzuzeigen:
Normalerweise mag ich das Karussell-Layout für meinen Instagram-Feed. Sie können es auswählen, um Ihren Instagram-Feed in einem verschiebbaren horizontalen Layout anzuzeigen, ähnlich wie in diesem Beispiel:
Möchten Sie eine Instagram-Galerie in Ihrem WordPress anzeigen? Dann ist das Masonry-Layout perfekt für Sie.
Da Sie die Bilder in ihrem ursprünglichen Seitenverhältnis anzeigen, können Sie Ihre Instagram-Fotos in ihrer vollen Pracht präsentieren, wie hier:
Schließlich können Sie auch das Highlight-Layout auswählen, um bestimmte Fotos in Ihrem Instagram-Feed hervorzuheben, wie Sie unten sehen können:
Sobald Sie das Layout Ihres Instagram-Feeds ausgewählt haben, klicken Sie oben auf die Schaltfläche Speichern .
Anschließend können Sie das Design Ihres Instagram-Feeds weiter ändern, indem Sie auf Anpassen klicken.
Als Nächstes können Sie das Anpassungsfeld auf der linken Seite verwenden, um das Design Ihres Instagram-Feeds noch einmal zu bearbeiten.
Um fortzufahren, klicken Sie auf die Option Farbschema .
Sie können alle Farben Ihres Instagram-Feeds ganz einfach ändern, indem Sie ein Farbschema auswählen. Sie können hier aus 4 Farbschemata wählen:
- Vom Theme erben: Kopieren Sie automatisch die Farben Ihres WordPress-Themas
- Hell: Zeigen Sie einen hellen Hintergrund zusammen mit einer dunklen Schrift für Ihren Feed an.
- Dunkel: Wählen Sie eine helle Schriftfarbe mit einem dunklen Hintergrund.
- Benutzerdefiniert: Wählen Sie manuell alle Farben für Ihren Feed selbst aus
Sie können nun die verbleibenden Anpassungsoptionen nutzen, um Ihr Kopfzeilendesign, den Stil der Schaltflächen, die Größe des Feeds, die Anzahl der Beiträge und vieles mehr festzulegen.
Sind Sie mit dem Aussehen Ihres Instagram-Feeds zufrieden? Prima! Vergessen Sie nicht, auf Speichern zu klicken und mit dem letzten Schritt fortzufahren.
Schritt 5: Zeigen Sie Ihren Instagram-Feed auf Ihrer Website an
Mit Hilfe von Instagram Feed Pro können Sie Ihren Instagram-Feed auf 2 verschiedene Arten einbetten:
- Auf Ihrer Seite in WordPress, oder,
- In der Seitenleiste oder Fußzeile von WordPress
Im Folgenden werden wir beide Optionen besprechen.
Instagram-Feed in WordPress-Seite einbetten
Mit Instagram Feed Pro können Sie Ihre Instagram-Feeds mit ein paar einfachen Klicks direkt aus dem Live-Feed-Editor einbetten.
Klicken Sie zunächst auf die Schaltfläche Einbetten, die sich oben in Ihrem Live-Feed-Editor befindet.
Als Nächstes fragt Instagram Feed Pro, wo Sie Instagram-Inhalte anzeigen möchten. Von hier aus können Sie wählen, ob Sie ihn zu einer Seite hinzufügen, als Widget anzeigen oder den Shortcode manuell kopieren möchten.
Um fortzufahren, klicken Sie auf die Schaltfläche Zu einer Seite hinzufügen .
Das Popup-Fenster zeigt Ihnen dann eine Liste aller WordPress-Seiten auf Ihrer Website und fordert Sie auf, eine auszuwählen.
Wählen Sie einfach eine Seite aus und klicken Sie dann auf die Schaltfläche Hinzufügen .
Nun wird das Plugin Sie zu dieser WordPress-Seite schicken, damit Sie Ihren Instagram-Feed anzeigen können.
Sobald Sie zu einer neuen Seite weitergeleitet werden, klicken Sie auf das Pluszeichen (+), um einen neuen WordPress-Inhaltsblock hinzuzufügen.
Suchen Sie den Instagram-Feed-Block und klicken Sie darauf, um Ihren Instagram-Feed automatisch zu Ihrer Seite hinzuzufügen.
Und schließlich können Sie auf Aktualisieren klicken, um es auf Ihrer WordPress-Website zu aktivieren. Sie können sogar Ihre Website öffnen und sehen, wie sie aussieht.
Sehen wir uns nun die nächste Möglichkeit an, Instagram-Inhalte auf Ihrer Website anzuzeigen.
Instagram-Feed in die WordPress-Seitenleiste einbetten
Um Ihren Instagram-Feed als Widget in der Seitenleiste Ihrer Website anzuzeigen, rufen Sie zunächst Ihr WordPress-Administrationspanel auf.
Navigieren Sie dann zum Menü Instagram-Feed " Alle Feeds und klicken Sie auf den Instagram-Feed, den Sie einbetten möchten.
Klicken Sie oben auf die Schaltfläche " Einbetten" , um mit dem Einbetten Ihres Instagram-Feeds zu beginnen.
Dies öffnet das Einbettungs-Popup, in dem Sie den Ort Ihres Instagram-Feeds auswählen können.
Um Ihr Instagram in der Seitenleiste oder Fußzeile Ihrer Website anzuzeigen, klicken Sie hier auf die Schaltfläche Zu einem Widget hinzufügen.
Wenn Sie darauf klicken, werden Sie von Instagram Feed Pro zur Seite Widgets weitergeleitet. Hier können Sie WordPress-Widgets hinzufügen, entfernen oder verwalten.
Um fortzufahren, können Sie auf die Seitenleiste klicken.
Möchten Sie Ihr Instagram stattdessen in der Fußzeile der Website anzeigen?
Dann klicken Sie hier auf eine Fußzeile.
Danach können Sie Ihrer Website ein neues Widget hinzufügen, indem Sie auf das Plus-Symbol (+) am unteren Rand klicken.
Klicken Sie schließlich auf das Instagram-Feed-Widget , um Ihren neuen Instagram-Feed als Widget einzubetten.
Wenn Sie nun Ihre Website besuchen, können Sie Ihren eingebetteten Instagram-Feed in Ihrer Seitenleiste sehen. Auf diese Weise ist Ihr Instagram-Feed für Ihre Website-Besucher überall auf Ihrer Website zu sehen!
Und das war's, Leute!
Ich hoffe, diese Schritt-für-Schritt-Anleitung hat Ihnen geholfen, Instagram auf Ihrer Website zu präsentieren. Wenn Sie die Schritte in diesem Tutorial befolgen, können Sie Ihr Instagram-Marketing auf die nächste Stufe heben und in kürzester Zeit mehr Follower und mehr Umsatz erzielen.
Sind Sie bereit, ansprechende Instagram-Feeds zu erstellen? Starten Sie noch heute mit Instagram Feed Pro!
Schlussfolgerung und nächste Schritte
Die Anzeige Ihrer Instagram-Inhalte auf Ihrer WordPress-Website muss nicht kompliziert sein.
Mit Instagram Feed Pro können Sie einen schönen, ansprechenden Feed in nur wenigen Minuten auf Ihrer Website anzeigen lassen, nicht in Stunden.
Ich weiß aus eigener Erfahrung, dass es frustrierend sein kann, wenn man mit anderen Methoden versucht, Instagram-Inhalte auf der eigenen Website richtig darzustellen.
Das ist genau der Grund, warum ich dieses Plugin so hilfreich finde. Es nimmt einem das ganze Kopfzerbrechen ab. Sie brauchen keine besonderen Fähigkeiten, und Ihre Bilder und Videos erscheinen perfekt auf Ihren Seiten und werden automatisch mit Ihren neuesten Beiträgen aktualisiert.
Sind Sie bereit, Ihre tollen Instagram-Inhalte auf Ihrer Website zu präsentieren? Hier ist, was ich als nächstes empfehle:
- Holen Sie sich Ihr Exemplar von Instagram Feed Pro. (Denken Sie daran, dass es eine 14-tägige Geld-zurück-Garantie gibt, wenn Sie es ausprobieren möchten).
- Führen Sie die im Artikel beschriebenen einfachen Einrichtungsschritte durch
- Sehen Sie, wie toll Ihr neuer Instagram-Feed auf Computern und Handys aussieht
- Genießen Sie frische, visuelle Inhalte, die automatisch auf Ihrer Website aktualisiert werden
Die Anzeige Ihres Instagram-Feeds ist eine fantastische Möglichkeit, das Interesse der Besucher aufrechtzuerhalten und mit ihnen in Kontakt zu treten - und sie sogar dazu zu bewegen, Ihre Instagram-Follower zu werden.
Haben Sie Fragen dazu, wie Sie Instagram mit Instagram Feed Pro auf Ihre Website bringen? Fragen Sie einfach in den Kommentaren unten!
Wenn Sie schon einmal hier sind, können Sie sich auch unsere Liste der besten Instagram-Marketing-Tipps ansehen.
