Suchen Sie nach einer einfachen Möglichkeit, Instagram-Widgets auf Ihrer Website anzuzeigen?
Mit Instagram-Widgets können Sie Website-Besucher ganz einfach zu neuen Followern, Likes und Kommentaren machen. Gleichzeitig können Sie ansprechende Inhalte präsentieren und das Interesse der Besucher aufrechterhalten.
Das manuelle Einfügen von Instagram-Widgets in Websites kann jedoch schwierig sein, wenn man gerade erst anfängt.
Die gute Nachricht? Wir zeigen Ihnen, wie Sie Instagram ganz einfach mit einem WordPress-Widget verknüpfen und ansprechende Fotos und Videos präsentieren können.
Schauen wir uns zunächst einmal an, welche Vorteile es für Sie hat, wenn Sie Instagram-Widgets auf Ihrer Website einbinden.
Oder Sie können hier klicken, um direkt zum Tutorial zu gelangen.
Warum sollten Sie Instagram-Widgets auf Ihrer Website einbinden?
Instagram gehört zu den größten sozialen Netzwerken überhaupt und ist eine fantastische Plattform, um Fotos und Videos zu teilen.
Mit über 1,44 Milliarden aktiven Nutzern finden Sie auf dieser Plattform unzählige potenzielle Kunden.
Wenn du deine Followerzahl auf Instagram steigern und mehr Menschen erreichen möchtest, ist eine einfache Lösung, Instagram-Widgets auf deiner Website einzubinden.
So kann jeder Besucher deiner Website ganz einfach deine Instagram-Inhalte ansehen. Auf diese Weise kannst du mühelos jede Menge Likes, Kommentare und Follower gewinnen.
Darüber hinaus kannst du auch Instagram-Widgets für deine Website hinzufügen, um:
- Zeige den Besuchern, dass du auf Instagram aktiv bist – so werden sie eher eine Nachricht an dich senden, wenn sie dich kontaktieren möchten.
- Binden Sie Bewertungen und Kundenstimmen in Ihre Produktseiten ein, um Besucher zu Kunden zu machen.
- Veröffentlichen Sie ansprechende Fotos und Videos, damit die Besucher länger auf Ihrer Website bleiben.
- Fügen Sie einen Instagram-Feed mit Einkaufsfunktion hinzu, um Besuchern ein besseres Einkaufserlebnis auf Ihrer Website zu bieten.
- Fügen Sie keywordreiche Inhalte von Instagram hinzu, um Ihre SEO zu verbessern und in den Suchmaschinenergebnissen weiter oben zu erscheinen.
Und das ist erst der Anfang. Mit Instagram-Widgets kannst du deine Followerzahl in den sozialen Medien steigern, mehr Umsatz generieren und dein Unternehmen mühelos ausbauen.
Schauen wir uns nun die einfachste Methode an, ein Instagram-Widget einzubetten.
Der einfachste Weg, ein Instagram-Widget auf Ihrer Website einzubinden
Wenn du Instagram in WordPress integrieren möchtest, gibt es zwei Möglichkeiten, dies zu tun:
- Manuelle Methode: Rufen Sie den HTML-Einbettungscode für jeden Instagram-Beitrag ab und fügen Sie diesen Code dann manuell in Ihre Website ein
- Der einfache Weg: Verwenden Sie ein WordPress-Plugin, um einen Instagram-Feed automatisch in Ihre Website einzubinden – ganz ohne Programmierkenntnisse.
Bei der ersten Methode musst du dich mit viel Code auseinandersetzen, und es kann sehr zeitaufwendig sein, wenn du viele Instagram-Beiträge anzeigen möchtest.
Wenn du Instagram ohne Plugins in WordPress einbindest, musst du diesen Code bearbeiten, um das Erscheinungsbild des Widgets auf deiner Website anzupassen.
Das kann dazu führen, dass du am Ende ein Instagram-Widget hast, das überhaupt nicht zu deinem Corporate Design passt.
Die gute Nachricht? Du kannst einfach ein Instagram-Feed-Plugin für deine Website nutzen und ganz einfach ein Widget erstellen, um Fotos und Videos von Instagram zu präsentieren.
Und die beste Wahl, die Sie treffen können, ist das Plugin „Instagram Feed Pro“.
Mit diesem einfachen Plugin können Sie ganz einfach einem Schritt-für-Schritt-Leitfaden folgen, um Instagram-Widgets für Ihre Website zu erstellen, anzupassen und einzubinden.
Mit deinen Instagram-Widgets kannst du deine eigenen Instagram-Inhalte, Beiträge mit bestimmten Hashtags, Instagram-Stories sowie Erwähnungen deiner Marke anzeigen.
Außerdem übernehmen alle von dir erstellten Instagram-Widgets automatisch das Design deiner Website und fügen sich nahtlos in dein Corporate Design ein.
Darüber hinaus kannst du mit dem Live-Feed-Konfigurator deine Instagram-Feed-Widgets ganz einfach anpassen – ganz ohne Programmierkenntnisse.
Mit nur wenigen Klicks kannst du das Layout deines Feeds, das Farbschema, das Design der Kopfzeile, den Stil der Schaltflächen und vieles mehr anpassen.
So können Sie die Besucher Ihrer Website mit relevanten nutzergenerierten Inhalten (UGC) und Social Proof von Instagram ansprechen.
Außerdem ist das Plugin extrem schnell, sodass du so viele Instagram-Inhalte einbinden kannst, wie du möchtest, und deine Website trotzdem genauso schnell wie immer geladen wird.
Instagram Feed Pro verfügt außerdem über ein Kundensupport-Team aus WordPress-Experten, die Ihnen jederzeit gerne zur Seite stehen.
Mit all diesen tollen Funktionen ist dieses Plugin das beste Instagram-Feed-Plugin auf dem Markt – mit einer Bewertung von 4,9 von 5 Sternen und über 1 Million Nutzern.
Alles in allem ist es wirklich das beste Instagram-Widget-Plugin auf dem Markt.
Sind Sie bereit, Instagram-Widgets auf Ihrer Website einzubinden? Holen Sie sich noch heute Instagram Feed Pro.
Schauen wir uns nun an, wie Sie mit diesem Plugin Instagram-Widgets zu Ihrer WordPress-Seite hinzufügen können.
So fügen Sie Instagram-Widgets zu Ihrer Website hinzu
Sind Sie bereit, ein Instagram-Widget zu Ihrer WordPress-Seite hinzuzufügen? Befolgen Sie einfach die folgenden Schritte, um loszulegen:
Schritt 1: Installieren Sie das Instagram Feed Plugin
Laden Sie sich zunächst das Plugin „Instagram Feed Pro“ herunter und speichern Sie es auf Ihrem Computer. Installieren und aktivieren Sie anschließend dieses WordPress-Plugin auf Ihrer Website.
Falls du eine Auffrischung brauchst, schau dir unseren Leitfaden zur Installation eines WordPress-Plugins an.
Sobald du das erledigt hast, kannst du in Schritt 2 mit der Erstellung deines Instagram-Widgets fortfahren.
Schritt 2: Erstellen Sie Ihr Instagram-Widget
Da dein Plugin nun fertig ist, kannst du es verwenden, um ein Instagram-Widget zu erstellen.
Navigieren Sie in Ihrem WordPress-Dashboard zum Menü „Instagram-Feed“ » „Alle Feeds “ und klicken Sie dann auf die Schaltfläche „Neu hinzufügen“.
Anschließend kannst du auswählen, welche Art von Instagram-Widget du einbinden möchtest:
- Benutzer-Timeline: Zeige die Beiträge deines Instagram-Kontos an
- Öffentlicher Hashtag: Wähle bestimmte Hashtags aus und binde die Instagram-Beiträge mit diesem Hashtag ein
- Beiträge mit Tags: Zeige Instagram-Beiträge an , in denen dein Konto erwähnt wird
Möchtest du verschiedene Arten von Instagram-Widgets kombinieren? Wähle hier einfach mehr als eine Option aus.
Nachdem Sie die gewünschte Option ausgewählt haben, klicken Sie einfach auf „Weiter“, um fortzufahren.
In diesem Tutorial zeigen wir eine Nutzer-Timeline mithilfe unseres Instagram-Widgets.
Wie du siehst, lässt sich mit diesem Plugin ganz einfach mit wenigen Klicks ein Instagram-Widget erstellen.
Im nächsten Schritt kannst du dieses Widget mit deinem Instagram-Konto verbinden.
Schritt 3: Verbinden Sie Ihr Instagram-Konto
Wenn Sie Ihr Instagram-Konto verknüpfen, kann Ihr Widget Fotos und Videos von Instagram auf Ihrer Website anzeigen.
Klicken Sie zunächst auf der Seite auf die Schaltfläche „Quelle hinzufügen “.
Anschließend kannst du wählen, ob du für dieses Instagram-Widget ein privates oder ein geschäftliches Instagram-Profil verknüpfen möchtest.
Wenn du ein persönliches Profil auswählst, kann dein Instagram-Widget nur Beiträge von deinem eigenen Konto anzeigen.
Andererseits kannst du ein Unternehmenskonto nutzen, um Hashtag-Feeds, IGTV-Videofeeds, Erwähnungs-Feeds und vieles mehr einzubinden.
Wählen Sie unter„Kontotyp auswählen“die gewünschte Option aus und klicken Sie anschließend unten auf die Schaltfläche „Mit Instagram anmelden “.
Um dein Konto zu verbinden, musst du dem Plugin „Instagram Feed Pro“ lediglich Lesezugriff gewähren. Das Plugin kann diesen Zugriff dann nutzen, um Instagram-Daten abzurufen, kann jedoch keine Änderungen vornehmen.
Klicken Sie einfach im Popup-Fenster auf die Schaltfläche „Zulassen“, um fortzufahren.
Dadurch wirst du zu deiner WordPress-Seite zurückgeleitet, wo du dieses Konto als Quelle für dein Instagram-Widget bestätigen kannst.
Klicken Sie dazu einfach auf die Schaltfläche „Weiter “.
Danach kannst du dieses Konto einfach als Quelle auswählen, wenn du ein neues Instagram-Widget erstellst.
Damit kannst du zum nächsten Schritt übergehen und anschließend das Aussehen deines Instagram-Feed-Widgets anpassen.
Schritt 4: Passen Sie Ihr Instagram-Widget an
Damit du das Design deines Instagram-Widgets ganz einfach anpassen kannst, verfügt das Plugin über einen Live-Feed-Konfigurator.
Auf der linken Seite sehen Sie das Anpassungsfenster mit den Optionen zum Ändern des Farbschemas, des Feed-Layouts, des Kopfzeilenstils, der Beitragselemente, der Lightbox-Einstellungen und vielem mehr.
Rechts siehst du eine Live-Vorschau deines Instagram-Widgets. So kannst du deine Änderungen in Echtzeit verfolgen.
Zunächst kannst du festlegen, wie Instagram-Beiträge in deinem Widget angezeigt werden sollen.
Klicken Sie einfach im linken Bereich auf die Option „Feed-Layout “.
Hier kannst du zwischen vier Layouts für dein Instagram-Feed-Widget wählen: Raster, Karussell, Masonry und Highlights.
Schauen wir uns diese Layouts im Folgenden an.
Mit dem Rasterlayout kannst du Instagram-Inhalte in übersichtlichen Reihen und Spalten anzeigen.
So kannst du eine Instagram-Galerie mit unzähligen Fotos und Videos auf einmal präsentieren.
Als Nächstes gibt es das Karussell -Layout, mit dem du dein Widget in ein ansprechendes Instagram-Karussell verwandeln kannst.
Auf diese Weise wird Ihre Website interaktiver.
Möchtest du die ursprünglichen Proportionen von Instagram-Bildern und -Videos beibehalten?
In diesem Fall kannst du dich für das Masonry -Layout entscheiden.
Als Nächstes gibt es das Highlight-Layout , das die Instagram-Beiträge besser sichtbar macht, indem Details wie Bildunterschriften entfernt werden.
Das ist eine tolle Möglichkeit, bestimmte Instagram-Beiträge in deinem Widget besonders hervorzuheben.
Nachdem du das Layout für dein Instagram-Widget ausgewählt hast, klicke auf die Schaltfläche „Speichern “.
Anschließend kannst du auf die kleine Schaltfläche „Anpassen“klicken, um das Design deines Instagram-Widgets weiter zu bearbeiten.
Dadurch gelangst du wieder zu den wichtigsten Anpassungsoptionen.
Um fortzufahren, klicken Sie auf die Option „Farbschema“, um die Farben Ihres Widgets anzupassen.
Instagram Feed Pro bietet einfache Optionen für Farbschemata, mit denen du alle Farben auf einmal ändern kannst:
- Vom Theme erben: Kopieren Sie die Farben Ihres WordPress-Themes
- Hell: Wähle ein helles Layout und eine dunkle Schriftfarbe
- Dunkel: Eine helle Schrift auf dunklem Hintergrund anzeigen
- Benutzerdefiniert: Wählen Sie manuell alle Farben selbst aus
Nachdem Sie Ihr Farbschema ausgewählt haben, klicken Sie auf die Schaltfläche „Speichern“ , um Ihre Auswahl zu bestätigen.
Über die hier verfügbaren Anpassungsoptionen können Sie nun die Größe Ihres Feeds, den Stil der Kopfzeile, die Elemente der Beiträge, die Anzahl der Beiträge und vieles mehr ändern.
Klicken Sie abschließend auf „Speichern“, um Ihre Änderungen zu bestätigen, und schon sind Sie bereit für den letzten Schritt.
Schritt 5: Instagram-Widget auf Ihrer Website einbinden
Mit Instagram Feed Pro gibt es zwei Möglichkeiten, wie Sie Ihr Instagram-Widget auf einer Website einbinden können:
- Instagram-Widget auf Ihrer Website einbinden
- Fügen Sie ein Instagram-Widget in die Seitenleiste oder Fußzeile Ihrer Website ein
Im Folgenden werden wir uns beide Methoden ansehen:
Instagram-Widget auf Ihrer Website einbinden
Du kannst dein Instagram-Widget direkt über den Live-Feed-Editor einbinden. Das geht mit nur wenigen Klicks – ganz ohne Shortcodes oder Programmiersprachen wie HTML oder CSS.
Klicken Sie zunächst auf die Schaltfläche " Einbetten" am oberen Rand, um zu beginnen.
Wenn du darauf klickst, öffnet sich ein Popup-Fenster, in dem die möglichen Positionen für dein Instagram-Widget angezeigt werden.
Vorerst kannst du hier auf „Zu einer Seite hinzufügen “ klicken.
Das Plugin zeigt dir dann eine Liste deiner WordPress-Seiten an und fordert dich auf, auszuwählen, wo du dein Widget einbinden möchtest.
Wählen Sie einfach die gewünschte Option aus und klicken Sie auf „Weiter“.
Sobald du das getan hast, öffnet Instagram Feed Pro diese Seite im WordPress-Editor, damit du dein Widget hinzufügen kannst.
Fügen Sie zunächst einen neuen Inhaltsblock hinzu, indem Sie auf das Pluszeichen (+) klicken.
Verwende nun die Suchleiste oben, um nach dem Block „Instagram“ zu suchen. Klicke anschließend in den Suchergebnissen unten auf „Instagram-Feed “.
Und schon hast du dein Instagram-Widget zu deiner WordPress-Website hinzugefügt. Denk daran, hier auf „Aktualisieren“ zu klicken, um deine Änderungen zu bestätigen.
Danach kannst du einfach deine Website öffnen, um zu sehen, wie sie aussieht.
Schauen wir uns nun an, wie du dieses Instagram-Widget mithilfe dieses Plugins in die Seitenleiste oder Fußzeile deiner Website einbinden kannst.
Fügen Sie ein Instagram-Widget in die Seitenleiste oder Fußzeile Ihrer Website ein
Genau wie bei der vorherigen Methode kannst du den Live-Feed-Editor nutzen, um dein Widget ganz einfach einzubinden.
Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü „Instagram-Feed“ » „Alle Feeds“, um eine Liste Ihrer Instagram-Widgets anzuzeigen.
Klicken Sie in dieser Liste auf das Widget, das Sie zuvor erstellt haben.
Wie du siehst, wird dadurch der Live-Feed-Editor erneut geöffnet.
Klicken Sie hier einfach auf die Schaltfläche „Einbetten“oben rechts, um fortzufahren.
Jetzt kannst du über das Popup-Fenster den Ort für dein Facebook-Widget auswählen.
Klicken Sie hier auf die Schaltfläche „Zu einem Widget hinzufügen“, um Instagram-Inhalte in Ihre Seitenleiste oder Fußzeile einzubinden.
Anschließend leitet Instagram Feed Pro Sie zur Widget-Seite Ihrer Website weiter, damit Sie Ihr Instagram-Widget hinzufügen können.
Möchtest du Instagram-Inhalte in deiner Seitenleiste anzeigen? Klicke hier auf das Seitenleisten-Fenster .
Oder du klickst stattdessen auf das Fußzeilen -Panel. Auf diese Weise kannst du dein Instagram-Widget am unteren Rand deiner Webseiten anzeigen.
In diesem Beispiel verwenden wir hier eine WordPress-Seitenleiste.
Um ein neues Widget hinzuzufügen, klicke einfach unten auf das Plus-Symbol (+) und wähle dann aus den Optionen das Instagram-Feed-Widget aus.
Klicken Sie abschließend auf „Aktualisieren“, um Ihre Änderungen zu bestätigen, und schon ist Ihr Instagram-Feed auf Ihrer Website online.
Öffnen Sie einfach Ihre Website, um zu sehen, wie sie für Ihre Besucher aussieht.
Und das war's!
Jetzt wissen Sie, wie Sie ganz einfach Instagram-Widgets auf Ihrer Website einbinden können. Mit Instagram Feed Pro genügen ein paar einfache Klicks, und schon können Sie Ihre Besucher mit Fotos und Videos von Instagram begeistern.
Auf diese Weise kannst du ganz einfach jede Menge Instagram-Follower gewinnen, deinen Umsatz steigern und sogar dein Geschäft ausbauen.
Sind Sie bereit, Instagram-Widgets mit Leichtigkeit einzubinden? Starten Sie noch heute mit Instagram Feed Pro.
Möchten Sie mit den besten Social-Media-Aggregatoren von Smash Balloon loslegen? Werfen Sie einen Blick in unseren Leitfaden, wie Sie Social-Media-Feeds zu Ihrem WordPress-Blog hinzufügen können.
Und wenn Ihnen dieser Artikel gefallen hat, können Sie uns gerne auf Twitter und Facebook folgen, um weitere hilfreiche Anleitungen zu erhalten.
