So fügen Sie ein Instagram-Widget in WordPress hinzu (Schritt-für-Schritt-Anleitung)

Instagram WordPress Widget

MöchtenSie erfahren, wie Sie ein Instagram-Widget zu Ihrem WordPress-Blog hinzufügen können?Die Anzeige Ihres Instagram-Feeds in Ihrem Blog ist eine großartige Möglichkeit, die Interaktion mit Ihren Lesern zu erhöhen, ihnen zusätzliche Inhalte zur Verfügung zu stellen und vieles mehr.

Die Verbindung Ihres Instagram-Kontos mit Ihrem WordPress-Blog mag schwierig erscheinen, ist es aber nicht!

In diesem Artikel zeigen wir Ihnen, wie Sie Ihrem Blog auf 2 verschiedene Arten ein Instagram-Widget hinzufügen können: manuell und mit einem WordPress-Plugin für Instagram-Feeds.Wir werden uns auch alle Möglichkeiten ansehen, wie das Hinzufügen eines Instagram-Widgets Ihnen hilft, Ihr Blog zu erweitern.

Hallo?

Lassen Sie uns eintauchen!

 

Was ist ein WordPress-Widget?

Erstens, wenn Sie neu bei WordPress sind, fragen Sie sich vielleicht, was ein WordPress-Widget ist.

Widgets sind im Grunde kleine Inhaltsblöcke, die Sie Ihrer Seitenleiste, Fußzeile und anderen Bereichen Ihrer WordPress-Site hinzufügen können.

WordPress-Widgets sind für viele verschiedene Funktionen verfügbar, z. B. das Anzeigen beliebter Blog-Posts, das Hinzufügen von Formularen, das Anzeigen von Social-Media-Feeds und vieles mehr.

Im folgenden Beispiel hat Studio Mommy der Fußzeile seiner Website ein Instagram-Widget zusammen mit Social-Media-Symbolen, einem Newsletter-Anmeldeformular und mehr hinzugefügt.

instagram-feed-studio-mommy

Das Hinzufügen eines Instagram-Widgets zu WordPress kann für Ihr Blog besonders vorteilhaft sein.

Lesen Sie weiter, um herauszufinden, warum. 

Vorteile des Hinzufügens eines Instagram-Widgets zu Ihrem WordPress-Blog

Es gibt viele Möglichkeiten, wie das Hinzufügen eines Instagram-Widgets zu WordPress Ihnen helfen kann, Ihre Website zu verbessern und Ihren Blog zu erweitern.

Lassen Sie uns also einen genaueren Blick darauf werfen, warum Sie Ihrem Blog einen Instagram-Feed hinzufügen sollten. 

Bieten Sie Besuchern mehr Inhalte

Wenn Sie Ihrem Blog einen Instagram-Feed hinzufügen, bieten Sie Ihren Website-Besuchern interessantere Inhalte zum Auschecken.Anstatt Ihren Blog zu verlassen, nachdem Sie Ihren letzten Beitrag gelesen haben, können sie durch Ihren Instagram-Feed scrollen, ohne Ihre Website verlassen zu müssen.

Dieser zusätzliche Inhalt ermutigt Besucher, länger auf Ihrer Website zu bleiben.

SEO verbessern

Wenn Sie ein Instagram-Widget zu WordPress hinzufügen, werden Instagram-Untertitel auf Ihrer Website eingebettet.

Dies hilft Suchmaschinen besser zu verstehen, worum es in Ihrem Blog geht, was Ihnen helfen kann, Ihre SEO (Suchmaschinenoptimierung) zu verbessern und mehr Traffic auf Ihre Website zu lenken. 

Steigern Sie Engagement und Follower

Leser Ihres Blogs wissen möglicherweise nicht, dass Sie auf Instagram sind.Wenn Sie dann ein Instagram-Widget zu Ihrem Blog hinzufügen, lassen Sie sie wissen, dass Sie auf der Plattform aktiv sind.

Dies kann Ihnen helfen, mehr Follower auf Instagram zu bekommen und Ihre Social-Media-Präsenz zu erhöhen.

Wenn Leser Ihre neuesten Instagram-Posts in Ihrem Blog sehen können, werden sie ermutigt, sich mehr mit Ihren Beiträgen zu beschäftigen, indem sie liken oder kommentieren. 

Aktualisieren Sie einfach Ihren Blog

Mit einem Instagram-Feed, der in Ihren Blog eingebettet ist, ist es einfach, Ihre Website mit neuen Inhalten auf dem neuesten Stand zu halten.Wenn Sie neue Inhalte auf Instagram veröffentlichen, erscheinen diese automatisch auf Ihrer Website.Das spart Ihnen Zeit und zeigt, dass Ihr Blog live ist. 

Bauen Sie soziale Beweise und Vertrauen auf

Wenn Sie benutzergenerierte Inhalte wie Testimonials Ihrer Leser auf Instagram teilen , können Sie durch das Hinzufügen eines Instagram-Widgets zu Ihrer Website soziale Beweise und Vertrauen bei Website-Besuchern aufbauen.

Benutzer Ihrer Website werden sehen, dass andere Personen Ihrem Blog vertrauen, was sie ermutigen wird, auch treue Fans zu werden.

Nun, da Sie alle Vorteile der Verbindung Ihres Instagram-Kontos mit WordPress kennen, springen wir direkt zum Tutorial. 

So fügen Sie ein Instagram-Widget in WordPress hinzu (manuell)

Wenn Sie ein Instagram-Widget in WordPress ohne Plugins hinzufügen möchten, können Sie dies manuell tun.

Wir empfehlen die Verwendung eines Plugins, da es einfacher ist und Ihnen viele andere Anzeige- und Anpassungsoptionen bietet, über die wir im nächsten Abschnitt sprechen werden.

Außerdem gibt es viel Platz für Fehler mit der manuellen Methode, die schwer zu beheben sein können, wenn Sie mit dem Code nicht vertraut sind.

Um jedoch manuell ein Instagram-Widget hinzuzufügen, gehen Sie zunächst zu Ihrem Instagram-Konto und wählen Sie das Foto aus, das Sie in Ihrem Blog anzeigen möchten.

Klicke auf die 3 kleinen Punkte in der oberen rechten Ecke des Instagram-Posts.Klicken Sie dann auf Einbetten.

Instagram einbetten

Klicken Sie im nächsten Schritt auf die blaue Schaltfläche Code zum Einbetten kopieren.Hier haben Sie auch die Möglichkeit, die Beschriftung aus der Einbettung zu entfernen, wenn Sie möchten, indem Sie das Kontrollkästchen Beschriftung einschließen deaktivieren.

Kopieren Sie den enthaltenen Code

Nachdem Sie den Einbettungscode kopiert haben, können Sie ihn einfach mit dem WordPress-Editor in einen beliebigen Beitrag oder eine Seite einfügen.

Wenn Sie Ihrer Seitenleiste in WordPress ein Instagram-Widget hinzufügen möchten, in dem der Einbettungscode kopiert wurde, gehen Sie zu Ihrem WordPress-Dashboard.Gehen Sie dann zu Aussehen » Widgets.

widget-aussehen-dashboard

Auf der linken Seite der Seite Widgets sehen Sie eine Liste der verfügbaren Widgets.Suchen Sie das Text-Widget und ziehen Sie es an die rechte Seite der Seite, wo es auf Ihrer Website angezeigt werden soll. Für dieses Tutorial fügen wir es der Seitenleiste hinzu.

Ziehen des Text-Widgets in die Seitenleiste

Nachdem Sie das Widget an der gewünschten Stelle auf Ihrer Website platziert haben, klicken Sie auf den Dropdown-Pfeil auf dem Widget.

Dropdown-Menü

Es öffnet sich ein Textfeld, in das Sie den zuvor kopierten Instagram-Einbettungscode einfügen können.Stellen Sie sicher, dass Sie den Einbettungscode in den Texteditor und nicht in den visuellen Editor einfügen.

Paste-embed-Code

Sie können auch einen Titel für Ihren Instagram-Feed hinzufügen.Klicken Sie auf Speichern, wenn Sie fertig sind.

Das ist alles.

Sie können Ihr Instagram-Widget jetzt live in Ihrem Blog sehen.

Instagram-Sidebar-Widget

Wie Sie im obigen Beispiel sehen können, haben Sie nicht viele Anpassungsoptionen, wenn Sie manuell ein Instagram-Widget in WordPress hinzufügen.

Werfen wir also einen Blick auf eine bessere Möglichkeit, ein Instagram-Widget zu WordPress hinzuzufügen.

So fügen Sie ein Instagram-Widget in WordPress hinzu (mit einem Plugin)

Der einfachste und beste Weg, ein Instagram-Widget zu WordPress hinzuzufügen, ist mit einem Plugin.Wir empfehlen das Instagram Feed Pro Plugin von Smash Balloon.

Instagram Feed Pro Balloon Smash

Instagram Feed Pro ist das am höchsten bewertete Instagram-Plugin für WordPress Nummer 1.

Mit diesem Smash Balloon Plguin können Sie mit nur wenigen Klicks Ihren Instagram-Feed als Seitenleisten-Widget zu jedem Beitrag oder jeder Seite Ihres Blogs hinzufügen, indem Sie den Blockeditor von WordPress verwenden oder einen Shortcode irgendwo auf Ihrer Website einfügen.

Außerdem bietet Instagram Feed Pro großartige Funktionen, mit denen Sie ein leistungsstarkes und personalisiertes Instagram-Widget erstellen können, darunter:

  • Mehrere Layoutoptionen: Wählen Sie aus integrierten Layoutoptionen wie Karussell, Raster, Mauerwerk und Hervorhebung. 
  • Visuelles Moderationssystem: Entscheiden Sie, welche Beiträge angezeigt und welche ausgeblendet werden sollen. 
  • Social Engagement: Zeigen Sie Instagram-Geschichten, Kommentare, "Gefällt mir"-Angaben und einen Follow-Button in Ihrem Feed an. 
  • Responsives Design: Passt sich automatisch an verschiedene Bildschirmgrößen an, um Ihren Feed mobilfreundlich zu gestalten.
  • Mehrere Instagram-Feeds: Sehen Sie sich alle Arten von verschiedenen Feeds auf Ihrer Website an, die Sie möchten. 

Smash Balloon bietet auch eine kostenlose Version des Plugins an, so dass Sie es ausprobieren können.

Um jedoch auf Funktionen wie mehrere Layouts, Kommentare und Likes sowie Hashtag-Feeds zugreifen zu können, müssen Sie auf die Pro-Version aktualisieren.

Sehen wir uns nun an, wie Sie mit Smash Balloon ein Instagram-Widget in WordPress hinzufügen können, Schritt für Schritt. 

Schritt 1: Installieren Sie das Instagram-Feed-Plugin

Zuerst müssen Sie Instagram Feed Pro von Smash Balloon herunterladen und das Plugin installieren und aktivieren. Für den Anfang lesen Sie diesen Beitrag zur Installation eines WordPress-Plugins für detaillierte Anweisungen.

 

Schritt 2: Verbinden Sie Ihr Instagram-Konto mit dem Plugin

Als nächstes müssen Sie Ihr Instagram-Konto mit dem Smash Balloon-Plugin verknüpfen.Klicken Sie dazu im WordPress-Dashboard auf den Button Instagram Feed, der nach dem Download und der Aktivierung des Plugins erscheint. Dadurch gelangen Sie auf die Einstellungsseite des Instagram Feed-Plugins.

Klicken Sie auf die blaue Schaltfläche Ein Instagram-Konto verknüpfen .

Link-Instagram-Account

Folgen Sie den Anweisungen auf dem Bildschirm, um Ihr Instagram-Konto zu verbinden.

In der ersten Eingabeaufforderung werden Sie gefragt, ob Sie ein persönliches oder geschäftliches Instagram-Konto verbinden möchten .

Privates Geschäftskonto

Es ist wichtig zu beachten, dass einige Funktionen des Smash Balloon Instagram-Feeds, wie der Hashtag-Feed oder käufliche Posts, ein Instagram-Geschäftskonto erfordern.

Machen Sie sich keine Sorgen über die Art des Instagram-Kontos, das Sie jetzt benötigen, da Sie es später jederzeit ändern können.

Wählen Sie Ihren Instagram-Kontotyp aus und klicken Sie auf Verbinden, um fortzufahren.

Das ist alles!Ihr Instagram-Konto ist nun mit dem Instagram Feed-Plugin verbunden. 

Schritt 3: Wählen Sie Instagram-Inhalte zum Anzeigen aus

Auf derselben Seite können Sie auch auswählen, welche Art von Instagram-Inhalten Sie in Ihrem Instagram-Widget anzeigen möchten.

Sie können wählen, ob Sie Folgendes anzeigen möchten:

  • Ihr Standard-Instagram-Feed
  • Ein Feed mit Fotos eines bestimmten öffentlichen Hashtags
  • Ein Feed mit Fotos, in denen du markiert bist
  • Ein gemischtes Futter mit mehreren Futtertypen
Instagram-Feed-Typ

Um einen einfachen Feed Ihrer neuesten Instagram-Beiträge anzuzeigen, wählen Sie die Option Benutzerkonten und klicken Sie auf Änderungen speichern

Schritt 4: Wählen Sie das Layout für Ihr Instagram-Widget

Gehen Sie zur Seite Einstellungen des Instagram Feed-Plugins und klicken Sie auf die Registerkarte Anpassen .

Smash Ball Anpassungskarte

Auf dieser Seite können Sie entscheiden, wie das Instagram-Widget in Ihrem Blog aussehen soll, mit Anpassungsoptionen wie:

  • Breite und Höhe
  • Hintergrundfarbe
  • Anzahl der anzuzeigenden Fotos
  • Instagram-Biografie anzeigen/ausblenden
  • Schaltfläche "Folgen" hinzufügen

Sie können auch auswählen, welche Art von Layout Ihr Instagram-Widget haben soll.Der Instagram-Feed von Smash Balloon bietet 4 verschiedene Layout-Optionen zur Auswahl:

  • Raster : ein Standardraster mit quadratischen Standbildern
  • Karussell: Ein horizontales Karussell, durch das Nutzer scrollen können
  • Mauerwerk Eine Galerie, die Instagram-Fotos im ursprünglichen Quer- oder Hochformat zeigt
  • Hervorheben: Eine Galerie, in der bestimmte Fotos im Raster größer angezeigt werden, um sie hervorzuheben

Für dieses Tutorial wählen wir das Grid-Layout, das wie folgt aussieht:

smash-balloon-instagram-grid-layout

Wählen Sie den gewünschten Layouttyp aus und klicken Sie auf Änderungen speichern.

Schritt 5: Fügen Sie Ihr Instagram-Widget in WordPress hinzu

Jetzt ist es an der Zeit, Ihr Instagram-Widget zu Ihrem Blog hinzuzufügen!

Mit dem Instagram Feed Plugin von Smash Balloon haben Sie 3 verschiedene Möglichkeiten, Ihren Feed einzubetten.

Lassen Sie uns jeden von ihnen untersuchen. 

1. Instagram-Feed WordPress-Block

Um ein Instagram-Widget mit dem Blockeditor von WordPress zu einer neuen Seite auf Ihrer Website hinzuzufügen, gehen Sie zuerst zu Seiten » Neu hinzufügen.

Klicken Sie im WordPress-Blockeditor auf das Pluszeichen (+), um nach einem WordPress-Block zu suchen.Geben Sie in der Suchleiste "Instagram" ein, um den WordPress Feed Instagram-Block zu finden.

wordpress-block-widget

Klicken Sie auf den Block, um ihn zu Ihrer Seite hinzuzufügen.

Sie erhalten dann eine Vorschau darauf, wie Ihr Instagram-Feed auf Ihrer Website aussehen wird, und Sie können die Einstellungen bei Bedarf anpassen.

Veröffentlichen Sie die Seite, um Ihr Instagram-Feed-Widget in Ihrem Blog live zu machen!

Hier ist ein Beispiel, wie das fertige Produkt aussieht:

instagram-feed-smash-balloon

Sie können die gleiche Methode verwenden, um einen Instagram-Feed zu jeder vorhandenen Seite oder einem Beitrag auf Ihrer Website hinzuzufügen. 

2. Runde Instagram-Feed-Shortcodes

Wenn Sie den klassischen WordPress-Editor verwenden, können Sie den Instagram-Feed-Shortcode verwenden, um Ihren Feed in einem Beitrag oder einer Seite auf Ihrer Website anzuzeigen.

Gehe zur Seite Feed-Einstellungen von Instagram.Kopieren Sie auf der Registerkarte Feed anzeigen den bereitgestellten Shortcode.

feed-shortcode

Fügen Sie dann einfach den Shortcode direkt in Ihren Beitrag oder Seiteneditor ein.

Einfügen-Shortcode

Klicken Sie auf Posten, um Ihre Änderungen zu speichern und Ihren Instagram-Feed auf Ihrer Website live zu schalten. 

3. WordPress-Widget für Instagram-Feeds

Wenn Sie möchten, dass Ihr Instagram-Widget in der Seitenleiste angezeigt wird, z. B. in der Fußzeile oder in der Hauptseitenleiste, können Sie das integrierte Instagram-Feed-Widget von Smash Balloon verwenden. 

Gehen Sie in Ihrem WordPress-Dashboard zu Aussehen » Widgets

Suchen Sie das Instagram-Feed-Widget auf der linken Seite und ziehen Sie es in die ausgewählte Seitenleiste.Für dieses Tutorial fügen wir der Hauptseitenleiste ein Instagram-Widget hinzu. 

Smash-Balloon-Widget

In den Einstellungen können Sie einen Titel hinzufügen.Wenn Sie fertig sind, klicken Sie auf Speichern

Wenn Sie jetzt eine Vorschau Ihrer Website anzeigen, können Sie Ihren Instagram-Feed in der Seitenleiste sehen. 

Seitenleiste-Instagram-Feed

Es ist ein Fazit!

Jetzt haben Sie gelernt, wie Sie ganz einfach ein Instagram-Widget in WordPress hinzufügen können.Mit Ihrem Instagram-Feed, der wunderschön in Ihrem Blog angezeigt wird, können Sie Ihren Lesern interessantere Inhalte zur Verfügung stellen, das Engagement erhöhen und Ihre Social-Media-Präsenz ausbauen.

Möchten Sie auch einen Facebook-Feed in Ihrem Blog sehen?Schauen Sie sich unsere Liste der besten Facebook-Plugins für WordPress an.Sie können auch unser Tutorial zum Einbetten einer Facebook-Gruppe in WordPress lesen.

Und vergessen Sie nicht, sich für unseren E-Mail-Newsletter anzumelden, um weitere hilfreiche Blogging-Tipps zu erhalten!

Open

info.ibdi.it@gmail.com

Close