Möchten Sie eine dynamische Instagram-Galerie zu Ihrer WordPress-Website hinzufügen?
Wenn Sie eine Galerie mit Ihren neuesten Instagram-Fotos und -Videos direkt auf Ihrer Website präsentieren, bleiben Ihre Inhalte frisch, Ihre Besucher werden visuell angesprochen und Ihre Website-Besucher werden zu Instagram-Followern.
Aber die Erstellung einer anpassbaren Instagram-Galerie ist mit den Standard-Einbettungsoptionen von Instagram nicht einfach.
Ihnen fehlen oft die Flexibilität und die Funktionen, die Sie für ein ansprechendes Layout Ihrer Website benötigen.
Ich weiß, dass das Einbetten und Gestalten von Social-Media-Inhalten auf Ihrer Website ein wenig überwältigend sein kann, wenn Sie sich mit Code oder komplexen Website-Buildern nicht auskennen. Deshalb haben wir diese Schritt-für-Schritt-Anleitung zusammengestellt.
Mit mehr als 10 Jahren Erfahrung in der Unterstützung von Website-Besitzern beim einfachen Hinzufügen und Anpassen von Social-Media-Feeds haben wir von Smash Balloon diesen Artikel geschrieben, um Ihnen genau zu zeigen, wie Sie eine Instagram-Galerie zu Ihrer WordPress-Website hinzufügen können.
Und das Beste daran? Dieses Tutorial ist für WordPress-Anfänger konzipiert, sodass Sie leicht folgen und Ihre eigene beeindruckende Instagram-Galerie erstellen können, selbst wenn Sie technisch nicht versiert sind!
In diesem Artikel
- Warum Instagram-Galerien zu WordPress hinzufügen?
- Warum Plugins für Instagram-Galerien verwenden?
- Wie man eine Instagram-Galerie in WordPress erstellt
Warum Instagram-Galerien zu WordPress hinzufügen?
Es gibt viele Gründe, warum Sie eine Instagram-Galerie in WordPress erstellen möchten.
Der offensichtlichste Grund ist, mehr Instagram-Follower zu bekommen. Wenn Sie Instagram-Inhalte auf Ihrer Website einbetten, können Besucher sehen, dass Sie ein florierendes Profil haben, dem es sich lohnt zu folgen.
Sie können auch eine Zeitleiste mit Ihren Instagram-Galerien anzeigen, um...
- Binden Sie Website-Besucher mit Inhalten ein, die ihren Interessen entsprechen
- Zeigen Sie den sozialen Beweis mit Kundenrezensionen und Erfahrungsberichten
- Zeigen Sie, dass Ihre Marke mit einem regelmäßig aktualisierten Feed auf Trends reagieren kann
- Anzeige von nutzergenerierten Inhalten auf Produktseiten zur Steigerung des Umsatzes
Durch die Nutzung von Instagram für Unternehmen und das Hinzufügen von Instagram-Galerien zu Ihrer Website können Sie die Sichtbarkeit Ihrer Marke erhöhen und das Engagement auf hohem Niveau halten.
Außerdem hilft es Ihnen, Kundenbeziehungen aufzubauen, die auch in Zukunft Bestand haben werden.
Warum Plugins für Instagram-Galerien verwenden?
Wie bereits erwähnt, macht es Instagram nicht einfach, ganze Fotogalerien in WordPress einzubetten. Das Beste, was Sie mit den Bearbeitungstools tun können, ist, einzelne Beiträge einzubetten.
Deshalb verwenden wir ein WordPress-Plugin, um Ihnen zu zeigen, wie Sie eine Instagram-Galerie erstellen. Plugins machen es einfacher, Galerien zu erstellen, weil sie einen Großteil der Arbeit für Sie übernehmen.
Instagram-Plugins stellen eine Verbindung zu Ihrem Profil her und zeigen Ihre Beiträge so an, wie Sie es wünschen - ganz ohne Programmierkenntnisse!
Es ist nicht immer einfach, ein WordPress-Plugin für Instagram zu finden, das alles kann, was Sie brauchen. Warum also nicht mit dem besten Plugin auf dem Markt beginnen?
Smash Balloon Instagram Feed Proist das beste Instagram-Feed-Plugin für WordPress.
Damit können Sie anpassbare Instagram-Galerien in WordPress anzeigen, ohne dass Sie technische Kenntnisse benötigen, um sie ansprechend zu gestalten.
Alle Instagram-Galerien sind vollständig anpassbar, so dass Sie sie genau richtig aussehen lassen können. Und Sie können so viele Galerien anzeigen, wie Sie möchten, wo immer Sie sie auf Ihrer Website haben wollen.
Mehrere Layout-Optionen ermöglichen es Ihnen, Ihre Galerien in Karussells, Rastern, gemauerten Rastern und mehr zu präsentieren.
Außerdem können Sie das Highlight-Layout verwenden, um die Aufmerksamkeit auf bestimmte Beiträge in Ihrer Galerie zu lenken.
Hier sind ein paar andere Dinge, die Sie mit dem Instagram Feed Plugin tun können:
- Verknüpfen Sie Beiträge in Ihrer Galerie mit Produktseiten, um einkaufsfähige Instagram-Feeds zu erstellen.
- Zeigen Sie Ihre Instagram-Stories in Vollbild-Lightbox-Popups an
- Binden Sie einkaufbare Instagram-Posts auf Ihrer Website ein
- Verwalten Sie mehr als 1 Instagram-Konto auf derselben Website
- Filtern Sie Ihre Instagram-Inhalte anhand von Hashtags, Suchbegriffen und mehr
- Kombinieren Sie viele Feeds in einer einzigen Instagram-Galerie
- Moderieren Sie Beiträge mit dem leistungsstarken visuellen Moderationssystem
Als ob das noch nicht genug wäre, erhalten Sie Zugang zu einem erstklassigen Kundensupport und eine 14-tägige 100%ige Geld-zurück-Garantie.
Klicken Sie hier, um mit Instagram Feed Pro zu beginnen.
Nun, da Sie wissen, warum die Erstellung einer Instagram-Galerie in WordPress von Vorteil ist, lassen Sie uns die Schritte zur Erstellung Ihres ersten Galerie-Feeds betrachten.
Wie man eine Instagram-Galerie in WordPress erstellt
Beginnen wir also mit unserem Tutorial und zeigen Ihnen, wie Sie Ihre Instagram-Galerie erstellen, anpassen und einbetten können.
Schritt 1: Installieren Sie das Smash Balloon Instagram Feed Pro Plugin
Der erste Schritt besteht darin, das Instagram Feed Pro Plugin auf Ihrer WordPress-Website zu installieren.
Schauen Sie sich diese Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins an, wenn Sie sich nicht sicher sind, wie Sie das machen sollen.
Wenn Sie dann das Plugin aktivieren, können Sie in Schritt 2 Ihren Instagram-Galerie-Feed erstellen.
Schritt 2: Erstellen Sie Ihren Instagram-Galerie-Feed
Jetzt, wo Sie Instagram Feed Pro auf Ihrer Website haben, ist es an der Zeit, Ihre Instagram-Galerie zu erstellen.
Gehen Sie in Ihrem WordPress-Administrations-Dashboard zum Menü Instagram-Feed " Alle Feeds .
Um Ihre Instagram-Galerie zu erstellen, klicken Sie einfach auf Neu hinzufügen.
Sobald Sie das getan haben, können Sie den Typ der Instagram-Galerie auswählen. Mit diesem Plugin können Sie aus 3 Arten von Galerien wählen:
- Benutzer-Zeitleiste: Zeigen Sie eine Galerie mit Instagram-Beiträgen von einem Konto, das Sie besitzen.
- Öffentlicher Hashtag: Erstellen Sie eine Galerie mit allen öffentlichen Beiträgen eines Hashtags anstelle eines Benutzers.
- Markierte Beiträge: Zeigt eine Galerie von Fotos an, in denen Ihr Profil getaggt ist.
Um mehrere Galerietypen zu kombinieren, können Sie hier mehr als 1 Option auswählen.
Wählen Sie den gewünschten Instagram-Galerie-Typ aus und klicken Sie dann auf Weiter.
In diesem Tutorial werden wir uns zunächst mit einer Benutzerzeitleiste beschäftigen.
Wie Sie sehen können, ist es super einfach, Ihre Instagram-Galerie mit diesem Plugin zu erstellen.
Im nächsten Schritt können Sie Ihre neu erstellte Galerie mit einer Quelle verbinden.
Schritt 3: Verbinden Sie Ihr Instagram-Konto
Wenn Sie möchten, dass Ihre neue Instagram-Galerie Fotos und Videos zeigt, können Sie sie einfach mit Ihrem Instagram-Konto verbinden.
Klicken Sie dazu zunächst auf die Schaltfläche Quelle hinzufügen auf dieser Seite.
Das Plugin ermöglicht es Ihnen, zwischen 2 Arten von Instagram-Konten zu wählen: Privat oder Geschäftlich.
Sie können Ihre eigenen Instagram-Beiträge nur in Ihrer Galerie anzeigen, wenn Sie ein persönliches Konto verwenden.
Um Zugang zu weiteren Inhalten für Ihre Instagram-Galerie zu erhalten, wie z. B. Hashtag-Feeds, IGTV-Videos, Shoppable-Feeds, Instagram-Reels und mehr, können Sie ein Geschäftskonto wählen.
Wählen Sie Ihren Instagram-Kontotyp in der Option Kontotyp auswählen und klicken Sie dann auf die Schaltfläche Mit Instagram anmelden .
Danach wird das Plugin Sie zu Instagram schicken. Sie können Instagram Feed Pro jetzt Lesezugriff geben, damit es Instagram-Inhalte auf Ihrer Website anzeigen kann.
Ihr Instagram-Konto ist vollkommen sicher, da das Plugin nur Ihre Daten einsehen und keine Änderungen vornehmen kann.
Um den Nur-Lese-Zugriff zu bestätigen, klicken Sie auf die Schaltfläche Zulassen .
Klicken Sie schließlich auf die SchaltflächeWeiter auf dieser Seite, um Ihr Instagram-Konto als Quelle für die neue Instagram-Galerie zu verwenden.
Bis jetzt haben Sie eine neue Instagram-Galerie auf Ihrer Website erstellt und sie mit Instagram verbunden. Im nächsten Schritt können Sie die Anpassungsoptionen nutzen, um das Aussehen der Instagram-Galerie zu ändern.
Schritt 4: Anpassen des Instagram-Galerie-Feeds
Sobald Sie eine Quelle zu Ihrer Instagram-Galerie hinzugefügt haben, können Sie den Feed-Editor verwenden, um das Design anzupassen.
Hier finden Sie alle Anpassungsoptionen auf der linken Seite des Bildschirms. Sie haben hier die Möglichkeit, das Layout Ihrer Galerie, das Farbschema, den Stil der Kopfzeile, die Größe der Galerie und vieles mehr anzupassen.
Und auf der rechten Seite befindet sich eine Live-Vorschau Ihrer Instagram-Galerie, in der Sie alle Änderungen in Echtzeit sehen können.
Klicken Sie auf das Feed-Layout auf der linken Seite, um mit der Anpassung Ihrer Instagram-Galerie zu beginnen.
Wie Sie sehen können, stehen Ihnen 4 Layout-Vorlagen zur Verfügung: Raster, Karussell, Masonry und Highlight.
Im Folgenden sehen Sie sich die einzelnen Galerie-Layouts genauer an, mit einem Beispiel, wie sie auf Ihrer Website aussehen könnten.
Grid Instagram Galerie
Der Galerietyp Grid ist eine traditionelle Fotogalerie. Er zeigt Ihre Instagram-Posts in einem einheitlichen Gürtel aus quadratisch zugeschnittenen Bildern.
Sie können die Galerie anpassen, indem Sie die Anzahl der Fotos und Spalten sowohl für Desktop- als auch für Mobilgeräte auswählen. Es ist auch möglich, den Rahmen um die Fotos zu ändern.
Karussell Instagram Galerie
Der Galerietyp Carousel zeigt Ihre Fotos und Instagram-Videos in einem horizontalen Diashow-Karussell.
Sie können die Anzahl der Zeilen und Spalten wählen, um das Aussehen Ihres Instagram-Karussells anzupassen. Außerdem können Sie die Navigationspfeile und die Paginierung ein- und ausblenden sowie die automatische Wiedergabe der Galerie einstellen.
Mauerwerk Instagram Galerie
Mit der Masonry-Galerie können Sie Instagram-Beiträge in ihrem ursprünglichen Seitenverhältnis anzeigen. Das bedeutet, dass Hochformatfotos nicht auf eine bestimmte Größe zugeschnitten werden.
Bei diesem Galerietyp können Sie die Anzahl der Spalten und Fotos für Desktop- und Mobilgeräte individuell einstellen.
Highlight Instagram-Galerie
Der Galerietyp Highlight schneidet Ihre Instagram-Fotos auf einheitliche Quadrate zu und zeigt sie im Mauerwerk-Stil an.
Da hervorgehobene Beiträge doppelt so groß sind, können Sie mehr Aufmerksamkeit auf sie lenken.
Schauen Sie sich die verfügbaren Galerie-Layout-Optionen an und wählen Sie diejenige aus, die Sie bevorzugen. Vergessen Sie nicht, auf Speichern zu klicken, um Ihre Änderungen zu bestätigen.
Danach klicken Sie auf die kleine Schaltfläche Anpassen oben links, um mit der Anpassung Ihrer Instagram-Galerie fortzufahren.
Als Nächstes wählen Sie die Option Farbschema, um die Farben Ihrer Instagram-Galerie zu ändern.
Für Ihre Instagram-Galerie haben Sie 4 verschiedene Farbschemata zur Auswahl:
- Vererben von Theme: Kopieren Sie die Farben Ihrer Website
- Hell: Heller Hintergrund und eine dunklere Schriftfarbe
- Dunkel: Dunklerer Hintergrund und eine helle Schriftfarbe
- Benutzerdefiniert: Wählen Sie die Farben manuell selbst aus
Wählen Sie das gewünschte Farbschema aus und klicken Sie dann auf die Schaltfläche Speichern .
Jetzt können Sie den Rest der Anpassungsoptionen nutzen und das Design Ihrer Instagram-Galerie ändern. Sie können Ihr Post-Layout, den Header-Stil, die Galeriegröße, die Schaltfläche "Mehr laden" und vieles mehr ändern.
Um Ihre Änderungen zu speichern, müssen Sie am Ende auf Speichern klicken.
Danach können Sie zu Schritt 5 gehen und die Instagram-Galerie auf Ihrer WordPress-Website einbetten.
Schritt 5: Einbetten Ihres Instagram-Galerie-Feeds in WordPress
Nun, da Sie gelernt haben, wie man eine Instagram-Galerie in WordPress erstellt, können Sie sie auf Ihrer Website einbetten und zeigen.
Es gibt 2 Möglichkeiten, Ihre Galerie zu WordPress hinzuzufügen, darunter:
- Instagram-Galerie in WordPress-Seiten einbetten
- Instagram-Galerie in eine WordPress-Seitenleiste oder -Fußzeile einbetten
Instagram-Galerie in WordPress-Seiten einbetten
Mit Hilfe des Live-Feed-Editors können Sie Ihre Instagram-Galerie ganz einfach einbinden.
Suchen Sie dazu die Schaltfläche Einbetten in der oberen rechten Ecke und klicken Sie darauf.
Danach werden Sie vom Plugin aufgefordert, den Speicherort Ihrer Instagram-Galerie auszuwählen.
Klicken Sie einfach auf die Schaltfläche Zu einer Seite hinzufügen , um sie in eine WordPress-Seite einzubetten.
Wählen Sie dann Ihre WordPress-Seite im Popup-Fenster aus und klicken Sie auf Hinzufügen , um fortzufahren.
Sobald Sie das getan haben, öffnet das Plugin die Seite im WordPress-Editor.
Klicken Sie hier auf das kleine Pluszeichen (+) , um einen neuen Inhaltsblock hinzuzufügen.
Geben Sie nun "Instagram" in die Suchleiste ein und klicken Sie dann auf den Instagram-Feed-Block unten.
Speichern Sie nun Ihre Änderungen, indem Sie auf Veröffentlichen klicken, und Sie haben Ihre Instagram-Galerie offiziell in Ihre WordPress-Website eingebettet.
Öffnen Sie Ihre Website, und Sie können sehen, wie sie aussieht.
Machen wir weiter und sehen wir uns die nächste Möglichkeit an, Ihre Instagram-Galerie einzubetten.
Instagram-Galerie in eine WordPress-Seitenleiste oder Fußzeile einbetten
Mit Instagram Feed Pro können Sie Ihre Galerie auch als Instagram-Widgetin Ihrer Seitenleiste oder Fußzeile einbetten .
Gehen Sie zunächst in Ihrem WordPress-Dashboard auf das Menü Instagram-Feed " Alle Feeds und klicken Sie dann auf Ihre Instagram-Galerie von vorhin.
Jetzt wird die Instagram-Galerie im Live-Feed-Editor geöffnet. Klicken Sie oben auf die Schaltfläche " Einbetten" , um fortzufahren.
In dem Popup-Fenster können Sie auswählen, wo Sie Ihre Instagram-Galerie platzieren möchten. Klicken Sie zunächst auf die Schaltfläche Zu einem Widget hinzufügen.
Klicken Sie auf dieser neuen Seite auf das Feld Seitenleiste um mit der Verwaltung der WordPress-Widgets in diesem Bereich zu beginnen.
Sie können auch auf ein Footer-Panel klicken, wenn Sie Ihre Instagram-Galerie dort einbetten möchten.
Für dieses Tutorial werden wir die WordPress-Seitenleiste verwenden.
Fügen Sie anschließend ein neues Widget hinzu, indem Sie unten auf das Plus-Symbol (+) klicken. Wählen Sie schließlich das Instagram-Feed-Widget aus den Optionen aus.
Klicken Sie oben auf die Schaltfläche Aktualisieren , und schon haben Sie ein Instagram-Galerie-Widget zu Ihrer Website hinzugefügt.
Wenn Sie nun zum Anfang Ihrer Website navigieren, sehen Sie Ihre Galerie wie folgt:
Da haben Sie es!
Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie man eine Instagram-Galerie in WordPress erstellt.
Jetzt müssen Sie nur noch Ihre Galerie mit fantastischen Fotos aktualisieren. Dann können Sie Ihr Publikum weiter einbinden, neue Follower gewinnen und letztlich Ihre Marke ausbauen.
Sind Sie bereit, schöne Instagram-Galerien einzubinden? Starten Sie noch heute mit Instagram Feed Pro.
Sie suchen nach Möglichkeiten, das Beste aus Ihrer WordPress-Website herauszuholen? Sehen Sie sich unsere ultimative Liste der besten WordPress-Plugins für Unternehmen an.
Wenn Sie eine Elementor-Website haben, können Sie hier Instagram-Feeds in Elementor einbetten.
Und wenn Ihnen dieser Artikel gefallen hat, können Sie uns gerne auf Twitter und Facebook folgen, um weitere hilfreiche Anleitungen zu erhalten.
