Möchten Sie Ihrer Website einen visuellen Impuls geben, indem Sie ein Instagram-Footer-Widget zu Ihrer WordPress-Website hinzufügen?
Wenn Sie Ihren Instagram-Feed in der Fußzeile anzeigen, werden Ihre neuesten Beiträge angezeigt, das Engagement gesteigert und mehr Follower gewonnen.
Aber ein Instagram-Footer-Widget perfekt in WordPress darzustellen, kann knifflig sein, vor allem, wenn Sie sich mit Programmierung oder technischen Schritten nicht auskennen.
Als ich zum ersten Mal versuchte, ein Instagram-Widget in die Fußzeile meiner Website einzufügen, stieß ich auf einige Hürden, bevor ich eine Lösung fand, die gut aussah und einwandfrei funktionierte.
Durch meine jahrelange Erfahrung bei Smash Balloon, wo ich WordPress-Benutzern dabei helfe, Instagram-Inhalte wunderschön darzustellen, habe ich gelernt, was für alle Erfahrungsstufen am besten funktioniert.
In diesem Artikel zeige ich Ihnen genau, wie Sie ein Instagram-Footer-Widget zu WordPress hinzufügen, Schritt für Schritt mit Screenshots, auch wenn Sie völlig neu in diesem Prozess sind.
2 Wege zum Einbetten des Instagram Footer Widget
Möchten Sie ein Instagram-Widget in der Fußzeile Ihrer Website anzeigen? Es gibt 2 Möglichkeiten, wie Sie dies tun können:
- Manuell: Lassen Sie sich als offizieller App-Entwickler anerkennen und generieren Sie dann Code-Schnipsel, bevor Sie sie zu Ihrer Website hinzufügen.
- Automatisch: Verwenden Sie ein zuverlässiges WordPress-Plugin, um Instagram-Inhalte automatisch in Ihre Fußzeile einzubetten.
Ich denke, Sie können sich vorstellen, wie zeitaufwändig und kompliziert der manuelle Weg sein kann. Als ob das nicht schon schlimm genug wäre, müssen Sie von Instagram als App-Entwickler zugelassen werden.
Stattdessen können Sie ein Instagram-Feed-Plugin verwenden und Ihre Instagram-Footer-Widgets in nur 5 Schritten einbetten:
Video-Tutorial zum Einbetten von Instagram Footer auf Ihrer Website
Der einfachste Weg, Instagram Footer zu Ihrer Website hinzuzufügen
Es gibt zwar viele tolle Optionen, aber für dieses Tutorial werde ich Instagram Feed Pro verwenden.
Es ist ziemlich einfach zu bedienen und benötigt keine Einbettungscodes und die Einrichtung ist superschnell. Es gibt sogar ein praktisches WordPress-Widget, das Sie zum Einbetten Ihrer Widgets verwenden können.
Profi-Tipp: Denken Sie daran, die Nutzerbewertungen zu prüfen, bevor Sie sich für ein Plugin entscheiden. Instagram Feed Pro hat zum Beispiel eine Bewertung von 4,9/5 Sternen bei über 1 Million Nutzern.
In diesem Sinne führe ich Sie durch die Schritte zur Anzeige von Instagram-Inhalten in Ihrer Fußzeile.
Schritt 1: Instagram Feed Pro Plugin installieren
Der erste Schritt ist, sich hier eine Kopie des Instagram Feed Pro Plugins zu besorgen.
Dann installieren Sie das Plugin auf Ihrer WordPress-Website, indem Sie diese Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins befolgen.
Schritt 2: Erstellen Sie Ihr Instagram Footer Widget Feed
Sie haben das Plugin bereits auf Ihrer Website installiert? Prima!
Der nächste Schritt ist die Erstellung eines neuen Instagram-Feeds mithilfe des Plugins. Navigieren Sie dazu in Ihrem WordPress-Dashboard zu Instagram-Feed " Alle Feeds . Klicken Sie dann auf " Neu hinzufügen" , um eine Verbindung herzustellen.
Danach können Sie die Art des Instagram-Feeds auswählen, die Sie auf Ihrer Website haben möchten. Die Optionen hier umfassen:
- Benutzer-Zeitleiste: Zeigen Sie ein Instagram-Footer-Widget an, das auf Ihrem eigenen Konto basiert.
- Öffentlicher Hashtag: Zeigen Sie ein Instagram-Footer-Widget an , das auf einem von Ihnen angegebenen Hashtag basiert.
- Getaggte Beiträge: Zeigen Sie ein Instagram-Footer-Widget mit Beiträgen an, in denen Ihr Instagram-Konto von anderen Nutzern erwähnt oder getaggt wird.
Sie können hier auch mehr als eine Option auswählen, um mehrere Feeds zu kombinieren und sie in einem einzigen Instagram-Footer-Widget anzuzeigen.
Sobald Sie Ihren Instagram-Feed-Typ ausgewählt haben, klicken Sie auf die Schaltfläche Weiter .
Nachdem Sie nun einen neuen Instagram-Feed erstellt haben, können Sie zu Schritt 3 gehen und eine Quelle für diesen Feed hinzufügen.
Schritt 3: Verbinden Sie Ihr Instagram-Konto
Damit Ihr neuer Feed Beiträge von Instagram anzeigt, können Sie ihn mit Ihrem Instagram-Konto verbinden.
Klicken Sie dazu zunächst auf die Schaltfläche Quelle hinzufügen .
Daraufhin öffnet sich ein Popup, in dem Sie zwischen 2 Arten von Verbindungen wählen können:
- Business Basic: Anzeigen von Beiträgen von Ihrem eigenen Instagram
- Business Advanced: Instagram-Hashtags und Erwähnungen zusätzlich zu Ihren Beiträgen einbetten
Nachdem Sie die gewünschte Option ausgewählt haben, klicken Sie auf Verbinden.
Ich habe die einfache Option gewählt, da ich für diesen Leitfaden Beiträge von einem einzigen Konto einbetten möchte.
Klicken Sie auf der nächsten Seite auf die Schaltfläche Mit Instagram verbinden.
Jetzt können Sie dem Plugin einen Nur-Lese-Zugriff auf Ihr Instagram-Konto gewähren.
Ein schreibgeschützter Zugriff bedeutet, dass das Plugin Ihre Daten nur anzeigen, aber nicht verändern kann. Es ist also sicher, Instagram Feed Pro zu verwenden.
Klicken Sie im Popup-Fenster einfach auf Zulassen , um den Nur-Lese-Zugriff zu bestätigen.
Dies bringt Sie zurück zu Ihrer WordPress-Website. Klicken Sie hier auf die Schaltfläche Weiter , um fortzufahren.
Schritt 4: Passen Sie Ihr Instagram-Footer-Widget an
Danach wird Instagram Feed Pro Ihre Beiträge abrufen und ein Instagram-Widget zusammenstellen.
Bevor Sie fortfahren, können Sie ein Thema für dieses Widget auswählen. Jedes dieser Themen hat ein einzigartiges Aussehen für die Symbole, die Kopfzeile, die Rahmen und mehr:
- Standard
- Modern
- Soziale Wand
- Gliederung
- Überlappung
Wählen Sie ein Thema und klicken Sie auf Weiter.
Danach können Sie das Design noch weiter verändern, indem Sie eine Vorlage auswählen:
- Standard
- Einfaches Raster
- Einfaches Raster XL
- Einfache Reihe
- Einfaches Karussell
- Mauerwerk-Karten
- Kartenraster
- Highlight
Einige dieser Vorlagen wie die Simple Row wurden speziell für Fußzeilen entwickelt.
Ich möchte etwas Einfaches, also wähle ich die Option Standard .
Nachdem Sie Ihre Vorlage ausgewählt haben, klicken Sie auf Weiter.
Möchten Sie das Aussehen Ihres Instagram-Footer-Widgets anpassen? Das Plugin hat alles, was Sie brauchen!
Mit unserem visuellen Feed-Editor können Sie das Aussehen Ihrer Instagram-Inhalte mit nur wenigen Klicks steuern.
Über das linke Bedienfeld können Sie ganz einfach die Größe, das Feed-Layout, die Feed-Themen, das Farbschema, das Header-Design und mehr für Ihr Instagram-Footer-Widget ändern. Es bietet auch Anpassungsoptionen für einzelne Instagram-Posts.
Auf der rechten Seite finden Sie eine Live-Vorschau Ihres Instagram-Footer-Widgets, damit Sie Ihre Änderungen in Echtzeit verfolgen können.
Um Ihnen mehr Kontrolle über das Design Ihrer Fußzeile zu geben, können Sie auch ihr Layout anpassen. Klicken Sie auf die Option Feed-Layout , um loszulegen.
Von hier aus können Sie nun aus 4 vorgefertigten Layout-Typen für Ihren Instagram-Feed wählen:
- Raster
- Karussell
- Gemäuer
- Höhepunkte
Wenn Sie das Rasterlayout wählen, können Sie Ihr Instagram-Footer-Widget in einem Standardraster mit festen quadratischen Bildgrößen anzeigen.
Diese Art von Layout ist besser geeignet, wenn Sie Ihr Instagram-Widget in Ihren Seitenleistenbereich einfügen möchten.
Möchten Sie etwas, das besser zu Ihrem Fußzeilenbereich passt? Dann können Sie das Karussell-Layout wählen. Auf diese Weise können Sie Ihren Instagram-Feed in einer schönen Diashow zeigen, durch die Ihre Besucher blättern können, so wie hier.
Möchten Sie Instagram-Fotos in ihrem ursprünglichen horizontalen oder vertikalen Format anzeigen?
Dann ist das Masonry-Layout die richtige Wahl. Dies ist perfekt für Instagram-Galerien, die Ihre Inhalte als Footer-Widget präsentieren sollen, wie hier:
Wenn Sie bestimmte Beiträge in Ihrem Instagram-Footer-Widget in WordPress hervorheben möchten, wählen Sie das Highlight-Layout .
Da hervorgehobene Beiträge doppelt so groß wie andere Bilder dargestellt werden, können Sie dieses Widget in Ihrem Footer-Bereich anzeigen, um einen positiven sozialen Beweis für Ihre Marke zu liefern.
Sobald Sie das Layout des Instagram-Footer-Widgets ausgewählt haben, klicken Sie auf Speichern , um Ihre Wahl zu bestätigen.
Klicken Sie dann auf die kleine Schaltfläche Anpassen , um die Hauptanpassungsoptionen erneut zu öffnen.
Möchten Sie die Farben für Ihr Instagram-Footer-Widget ändern? Klicken Sie hier auf die Option Farbschema .
Da Sie aus 4 verschiedenen Farbschemata für Ihr Social Media Widget wählen können, ist es einfach, die Farboptionen für Ihren Instagram-Feed festzulegen:
- Vom Theme erben: 1-Klick, um die Farben Ihrer Website zu kopieren und an Ihr Branding anzupassen
- Hell: Ein heller Hintergrund und eine dunkle Schrift für Ihren Instagram-Feed
- Dunkel: Ein dunkler Hintergrund und eine helle Schrift werden angezeigt.
- Benutzerdefiniert: Wählen Sie manuell alle Farben für Ihren Instagram-Feed aus.
Klicken Sie einfach auf die Schaltfläche Speichern , wenn Sie mit den Farben zufrieden sind.
Auf diese Weise können Sie den Live-Feed-Editor verwenden, um die übrigen Anpassungsoptionen zu ändern, wie z. B. das Kopfzeilen-Design, die Follow-Schaltfläche, die Feed-Größe und vieles mehr.
Wenn Sie mit dem Aussehen Ihres Feeds zufrieden sind, klicken Sie auf Speichern und fahren Sie mit dem letzten Schritt fort.
Schritt 5: Fügen Sie Ihr Instagram Footer Widget zu Ihrer Website hinzu
Jetzt ist es an der Zeit, Ihr Instagram-Footer-Widget endlich auf Ihrer WordPress-Website anzuzeigen.
Da das Plugin reibungslos mit WordPress zusammenarbeitet, können Sie dies problemlos mit dem Live-Feed-Editor tun.
Klicken Sie zunächst auf die Schaltfläche Einbetten in der oberen rechten Ecke Ihres Live-Feed-Editors.
Daraufhin wird ein Popup-Fenster angezeigt, in dem Sie gefragt werden, wo Sie Ihren Instagram-Feed einbetten möchten. Da Sie ihn in die WordPress-Fußzeile einfügen, klicken Sie hier auf die Option Zu einem Widget hinzufügen .
Dadurch wird die Widgets-Seite Ihrer WordPress-Website geöffnet.
Um fortzufahren, klicken Sie hier einfach auf eine Fußzeile .
Fügen Sie nun ein neues Widget hinzu, indem Sie auf das Plus-Symbol (+) klicken. Suchen Sie dann nach dem Instagram-Feed-Widget und klicken Sie darauf.
Klicken Sie abschließend auf Aktualisieren, damit Ihr Instagram-Footer-Widget automatisch zu Ihrer WordPress-Website hinzugefügt wird.
Jetzt können Ihre Website-Besucher Ihr Instagram-Footer-Widget sehen, wenn sie Ihren Footer-Bereich aufrufen, etwa so:
Und, das war's!
Mit Hilfe dieses einsteigerfreundlichen Tutorials wissen Sie nun, wie Sie ein Instagram-Footer-Widget in Ihre WordPress-Website einbinden können.
Mit dem Instagram-Widget können Sie Ihre Präsenz in den sozialen Medien ausbauen und in kürzester Zeit eine Vielzahl neuer Kunden gewinnen.
Sind Sie bereit, Ihr Instagram-Marketing auf die nächste Stufe zu heben und Instagram-Footer-Widgets in Ihrem WordPress zu präsentieren?
Starten Sie noch heute mit Instagram Feed Pro.
Sie wollen mehr aus Instagram herausholen? Sehen Sie sich unsere Liste mit den besten Instagram-Marketing-Tipps für Ihr Unternehmen an.
Weitere Social Media Marketing-Leitfäden und -Tipps
- Wie Sie Ihren Instagram-Feed zu Elementor hinzufügen (in 5 Minuten)
- Die besten Facebook WordPress Plugins für Ihre Website
- Wie man Social Media im Affiliate Marketing einsetzt
- YouTube Shorts vs. TikTok: Was ist das Beste für Sie?
