Möchten Sie ein Instagram-Widget in Ihr WordPress einbetten?
Als Social-Media-Vermarkter seit einem Jahrzehnt weiß ich, wie wichtig es ist, Social-Media-Feeds auf Ihrer Website zu integrieren.
Denn wenn Sie Instagram-Feeds in WordPress einbetten, können Sie Ihre Website-Besucher leichter in Instagram-Follower verwandeln.
Mit ansprechenden Inhalten von Instagram können Sie sogar die Erfahrung auf Ihrer Website verbessern und Ihr Engagement in den sozialen Medien steigern, was dazu beiträgt, dass Ihre Inhalte vom Instagram-Algorithmus stärker gefördert werden.
In diesem Artikel gebe ich Ihnen eine Schritt-für-Schritt-Anleitung, wie Sie ein Instagram-Widget in Ihre WordPress-Website einbinden, damit Sie Besucher in treue Fans und Follower verwandeln können.
Um Ihnen zu zeigen, wie Sie Ihr Instagram-Feed-Widget einbetten können, gehen wir auf die folgenden Punkte ein:
Der einfachste Weg, ein Instagram-Widget zu WordPress hinzuzufügen
In der Vergangenheit konnten Sie Instagram-Links zu Ihrer Website hinzufügen und die WordPress-Funktion oEmbed hat sie automatisch eingebettet.
Leider wurde die Funktion eingestellt, so dass es jetzt viel schwieriger ist, Instagram-Inhalte manuell einzubetten.
Können Sie Instagram als Widget hinzufügen?
Ja, Sie können mit Hilfe eines Instagram-Plugins für WordPress ein Instagram-Widget zu Ihrer Website hinzufügen.
Die besten Instagram-WordPress-Plugins erweitern die Funktionalität Ihrer Website und ermöglichen es Ihnen, neue Funktionen hinzuzufügen, selbst wenn Sie ein Anfänger sind.
Ein praktisches Plugin, das diese Aufgabe (und Ihr Leben) erleichtert, ist das Instagram Feed Pro Plugin. Es ist 100% kompatibel mit WordPress.org, Divi, Elementor und anderen Page Buildern.
Smash Balloon's Instagram Feed Pro ist das beste Instagram-Widget-Plugin für WordPress.
Damit können Sie ganz einfach Instagram-WordPress-Widgets erstellen, anpassen, einbetten und auf Ihrer Website einbinden - mit nur ein paar Klicks!
Das Plugin erfordert auch keine Programmierkenntnisse oder Kenntnisse in CSS, JavaScript oder HTML. Sie erhalten einen visuellen Builder, mit dem Sie mühelos schöne Instagram-Feed-Widgets erstellen können.
Darüber hinaus können Sie Ihre Feeds in den Widget-Einstellungen filtern, um Instagram-Hashtag-Feeds und Inhalte von mehreren Instagram-Konten anzuzeigen.
Und da das Plugin mit Blick auf seine Benutzer entwickelt wurde, ist es extrem schnell.
Und mit einer durchschnittlichen Bewertung von 4,9/5 Sternen wird die Premium-Version von über 1 Million Nutzern auf der ganzen Welt empfohlen.
Mit ein paar Klicks können Sie das Plugin verwenden, um auf die leistungsstarken Instagram-Funktionen zuzugreifen:
- Anpassbares Layout: Wählen Sie zwischen einem klassischen Raster-Layout, das das Aussehen von Instagram nachahmt, einem Instagram-Diashow-Widget oder der Hervorhebung bestimmter Fotos
- Reaktionsfähiges Design: Ihre Feeds sind mobilfreundlich und responsiv, sodass Ihre Instagram-Widgets sowohl auf dem Desktop als auch auf dem Handy gut aussehen.
- Schaltflächen zum Folgen: Machen Sie es den Instagram-Nutzern leicht, Ihnen mit einem einfachen Klick zu folgen
- Instagram einkaufen: Mit dem Plugin können Sie einkaufsfähige Instagram-Posts hinzufügen und deren Feed als Instagram-Widget in der Seitenleiste Ihrer WordPress-Website anzeigen.
- Soziales Engagement: Zeigen Sie Instagram-Stories und Instagram-Foto-Miniaturansichten direkt auf Ihrer Website in einem Pop-up-Fenster an.
- Verkürzte Ladezeit: Dank des zuverlässigen Daten-Cachings müssen Sie sich keine Sorgen machen, dass das Plugin Ihre Website verlangsamt. Mit einer schnelleren Website erhalten Sie auch eine bessere SEO
- Mehrfache Anzeige: Fügen Sie mehrere Instagram-Feeds zu verschiedenen Bereichen Ihrer Website hinzu, um bestimmte Arten von Instagram-Posts anzuzeigen.
Smash Balloon, das beste Social-Media-Feed-Plugin zum Einbetten mehrerer Social-Media-Feed-Widgets, wird auch von den größten Marken auf der ganzen Welt vertraut, Sie befinden sich also in bester Gesellschaft.
Kommen wir nun zum eigentlichen Prozess der Einbindung von Instagram-WordPress-Widgets auf Ihrer Website.
Wie man ein Instagram-Widget zu WordPress hinzufügt
Sind Sie bereit, ein Instagram-Widget zu Ihrer WordPress-Website hinzuzufügen? Führen Sie die folgenden Schritte aus.
Schritt 1: Installieren Sie das Instagram Feed Plugin
Um zu beginnen, klicken Sie hier, um mit Instagram Feed Pro zu beginnen. Laden Sie dann das Plugin auf Ihren Computer herunter.
Danach müssen Sie es auf Ihre WordPress-Website hochladen und aktivieren. Wenn Sie eine Auffrischung brauchen, wie man ein WordPress-Plugin installiert, sehen Sie sich diese Schritt-für-Schritt-Anleitung an.
Schritt 2: Erstellen Sie Ihr Instagram-Feed-Widget
Nachdem Sie das Plugin installiert und aktiviert haben, ist es an der Zeit, Ihr Instagram-Feed-Widget in diesem Schritt zu erstellen.
Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü Instagram-Feed " Alle Feeds und klicken Sie auf die Schaltfläche Neu hinzufügen .
Sie können dann den Typ des Instagram-Feeds auswählen, den Sie für Ihr Widget wünschen. Während Instagram Feed Pro eine kostenlose Version mit begrenzten Funktionen hat, bietet Ihnen die Pro-Version des Plugins 3 verschiedene Optionen zur Auswahl:
- Benutzer-Zeitleiste: Zeigen Sie Ihre neuesten Instagram-Beiträge von Ihrem eigenen Konto an.
- Öffentlicher Hashtag: Zeigt Instagram-Beiträge an, die die von Ihnen gewählten Hashtags enthalten
- Getaggte Beiträge: Instagram-Widgets einbetten, die Ihr Konto getaggt haben
Darüber hinaus können Sie auch mehrere Optionen gleichzeitig auswählen. So können Sie verschiedene Feed-Typen in einem einzigen Feed kombinieren.
Um fortzufahren, wählen Sie einfach Ihren Instagram-Feed-Typ aus und klicken Sie dann auf Weiter.
Für unser Tutorial wählen wir hier den Feed-Typ User Timeline .
Damit haben Sie jetzt einen neuen Instagram-Feed auf Ihrer Website.
Sie können nun zu Schritt 3 gehen und Ihren neu erstellten Feed mit Instagram verbinden.
Schritt 3: Verbinden Sie Ihr Instagram-Konto
In diesem Schritt zeigen wir Ihnen, wie Sie ein Instagram-Konto mit WordPress verknüpfen.
Wenn Sie Ihr Instagram-Konto als Quelle verwenden, kann Ihr Feed dann Instagram-Posts auf Ihrer Website anzeigen.
Klicken Sie auf die Schaltfläche Quelle hinzufügen auf dieser Seite.
Das Plugin fragt dann, ob Sie Ihr persönliches oder geschäftliches Instagram-Profil verbinden möchten.
Wenn Sie ein persönliches Profil verwenden, können Sie nur Ihre eigenen Instagram-Beiträge in Ihrem Feed anzeigen.
Für die anderen Arten von Feeds, wie z. B. Hashtag-Feeds, Instagram-Video-Feeds, Erwähnungs-Feeds und mehr, benötigen Sie ein Unternehmensprofil.
Sie haben noch kein Geschäftskonto? Werfen Sie einfach einen Blick auf unseren praktischen Leitfaden, der Ihnen zeigt, wie Sie ein persönliches Instagram-Konto in ein Geschäftsprofil umwandeln können.
Wählen Sie in der Option Kontotyp auswählen den Typ des Instagram-Kontos aus, mit dem Sie sich verbinden möchten. Klicken Sie dann auf die Schaltfläche Mit Instagram anmelden .
Sie können dem Instagram Feed Pro Plugin jetzt einen schreibgeschützten Zugriff auf Ihr Instagram-Konto gewähren. Das Plugin wird diesen Zugriff nutzen, um Instagram-Informationen anzuzeigen, kann aber keine Änderungen vornehmen.
Auf diese Weise ist die Verwendung von Instagram Feed Pro absolut sicher.
Um dem Plugin nur Lesezugriff zu gewähren, klicken Sie hier auf die Schaltfläche Zulassen .
Danach schickt Sie das Plugin zurück zu Ihrer WordPress-Website. Um die Verbindung mit Ihrem Instagram-Konto abzuschließen, klicken Sie auf Weiter.
Wie Sie sehen können, ist es super einfach, Ihren Feed automatisch mit der Instagram-API zu verbinden. Jetzt können Sie in Schritt 4 mit der Anpassung des Designs Ihres Feeds beginnen.
Schritt 4: Anpassen des Instagram-Widget-Feeds
Das Plugin öffnet nun Ihren Instagram-Feed im Live-Feed-Editor. Im linken Bereich finden Sie Ihre Anpassungsoptionen.
Mit diesen Optionen können Sie Ihre Feed-Layoutvorlage, das Farbschema, das Kopfzeilendesign, das Beitragslayout und vieles mehr ändern.
Auf der rechten Seite finden Sie eine Live-Vorschau, in der Sie alle Änderungen an Ihrem Instagram-Feed in Echtzeit sehen können.
Wählen Sie nun das Feed-Layout im linken Bereich, um die Anpassung zu starten.
Für Ihren neuen Instagram-Feed können Sie aus 4 verschiedenen Layouts wählen: Raster, Karussell, Masonry und Highlight.
Sie möchten Ihre Instagram-Beiträge übersichtlich darstellen? Wählen Sie das Raster-Layout, das Ihre Instagram-Miniaturansichten in ordentliche Quadrate zerschneidet und sie in Zeilen und Spalten anzeigt.
Ich persönlich verwende gerne das Rasterlayout von Instagram Feed Pro für mein Instagram-Widget. Ich ziehe es vor, meinen persönlichen Instagram-Feed in meiner Seitenleiste einzubetten und das Raster-Layout zu verwenden, damit meine Posts übersichtlich und ordentlich aussehen.
Wenn Sie viele Instagram-Posts zeigen möchten, ohne viel Platz auf Ihrer Seite zu beanspruchen, wählen Sie das Karussell-Layout.
Mit dieser Option werden Fotos und Videos in einem schönen Instagram-Karussell angezeigt.
Um Ihre Instagram-Inhalte in verschiedenen Spalten anzuzeigen, können Sie stattdessen das Masonry-Layout wählen. Bei diesem Layout bleiben auch die ursprünglichen Proportionen Ihrer Instagram-Beiträge erhalten.
Schließlich gibt es noch das Highlight-Layout , das die Bildunterschriften und Likes entfernt, um den Fokus auf Ihre Instagram-Posts zu legen. Sie können hier auch die Größe bestimmter Beiträge erhöhen, um sie deutlich sichtbar zu machen.
Um Ihr Instagram-Feed-Layout zu speichern, klicken Sie oben auf die Schaltfläche Speichern .
Jetzt können Sie fortfahren und den Rest Ihres Instagram-Feeds anpassen, indem Sie auf die kleine Schaltfläche Anpassen klicken.
Klicken Sie hier auf Farbschema, um mit der Bearbeitung der Farben Ihres Instagram-Feeds zu beginnen.
Um die Farben Ihres Feeds einfach einzustellen, können Sie aus 4 Farbschemata wählen:
- Vom Theme erben: Verwenden Sie die Farben Ihres WordPress-Themes für Ihren Instagram-Feed.
- Hell: Zeigt einen hellen Hintergrund und eine dunkle Schrift für Ihren Feed an.
- Dunkel: Wählen Sie eine dunkle Farbe für den Hintergrund und eine helle Farbe für die Schriftarten.
- Benutzerdefiniert: Wählen Sie manuell alle Farben für Ihren Instagram-Feed selbst aus.
Wählen Sie einfach das von Ihnen bevorzugte Farbschema aus und klicken Sie dann auf die Schaltfläche Speichern .
Jetzt können Sie die verbleibenden Anpassungsoptionen nutzen, um das Layout Ihres Beitrags, die Anzahl der Spalten, den Stil der Kopfzeile, die Größe des Feeds, den Stil der Schaltflächen und vieles mehr zu ändern.
Wenn Sie mit der Anpassung Ihres Instagram-Feeds fertig sind, vergessen Sie nicht, erneut auf Speichern zu klicken.
Bisher haben Sie Ihren Feed erstellt, ihn mit Instagram verbunden und sein Design angepasst. Zum Schluss zeigen wir Ihnen, wie Sie Instagram-Feeds in die WordPress-Fußzeile oder die Seitenleiste einfügen können.
Schritt 5: Instagram-Widget auf Ihrer WordPress-Website einbetten
In Ihrem visuellen Feed-Anpassungsprogramm mit Live-Vorschau können Sie Ihren Instagram-Feed mit wenigen Klicks einbetten.
Klicken Sie zunächst auf die Schaltfläche Einbetten in der oberen rechten Ecke.
Daraufhin wird ein Popup-Fenster angezeigt, in dem Sie aufgefordert werden, den Ort für Ihren neuen Instagram-Feed auszuwählen.
Um fortzufahren, können Sie den Shortcode kopieren und auf die Schaltfläche Add to a Widget klicken.
Sobald Sie dies getan haben, öffnet Instagram Feed Pro die Widgets-Seite Ihrer WordPress-Website. Hier können Sie alle Ihre Widgets für die Seitenleiste und die Fußzeile verwalten.
Um mit dem Einbetten Ihres Instagram-Feed-Widgets zu beginnen, klicken Sie auf das Sidebar-Panel .
Sie können hier auch auf ein Footer-Panel klicken, wenn Sie Ihren Instagram-Feed in Ihren Footer-Widget-Bereich einbetten möchten.
Für dieses Tutorial werden wir unsere WordPress-Seitenleiste verwenden.
Klicken Sie nun auf das Plus-Symbol (+), um ein neues Widget zu Ihrer Fußzeile oder Seitenleiste hinzuzufügen. Wählen Sie aus den Optionen einfach das Instagram-Feed-Widget aus, um Ihren Feed einzubetten.
Sobald Sie auf Aktualisieren klicken, sehen Sie, wie Ihr Instagram-Widget Ihrer WordPress-Seite hinzugefügt wird, etwa so:
Da haben Sie es!
Sie haben gerade ein Instagram-Widget zu Ihrer WordPress-Website hinzugefügt. Mit Instagram Feed Pro sind dazu nur ein paar einfache Schritte nötig - ganz ohne Programmierung!
Danach können Sie Ihre Besucher mit relevanten visuellen Inhalten ansprechen und sie in treue Instagram-Follower verwandeln.
Sind Sie bereit, Instagram-Widgets mit Leichtigkeit einzubinden? Starten Sie noch heute mit Instagram Feed Pro.
Warum ein Instagram Feed Widget zu WordPress hinzufügen?
Als eine der größten Social-Media-Plattformen der Welt ist Instagram ein großartiger Ort, wenn Sie viele Menschen erreichen möchten.
Für Ihr Unternehmen bedeutet das mehr Kunden, Verkäufe und Umsätze.
Und damit Sie das Beste aus Instagram herausholen, können Sie Instagram-Feeds einfach in Ihre Website einbetten.
Auf diese Weise können sich die Besucher Ihrer Website Ihre Instagram-Inhalte ansehen und Sie erhalten mehr Likes, Kommentare und Instagram-Follower.
Gleichzeitig können Sie auch Ihre Website attraktiver gestalten, wenn Sie relevante Instagram-Posts zeigen.
Das Einbetten von Instagram-Widgets in WordPress kann Ihnen sogar in vielerlei Hinsicht helfen:
- Vertrauen schaffen: Ihr sozialer Foto-Feed verleiht Ihrer Website ein frisches und aktuelles Aussehen. So können Ihre Kunden sehen, dass Ihr Unternehmen aktiv ist und floriert.
- Besseres Engagement: Es ist eine großartige Möglichkeit, das soziale Engagement zu erhöhen und neue Follower zu gewinnen, damit Sie Ihr Unternehmen auf Instagram besser bewerben können.
- Konsistentes Branding: Ihre Instagram-Fotos und -Videos können als Branding-Element fungieren, das das Image Ihres Unternehmens stärkt - und wenn Sie von Nutzern erstellte Instagram-Bilder auf Ihrer Website zeigen, ist dies eine großartige Möglichkeit, die Markenbekanntheit durch Social Proof zu steigern.
- Mehr Verkäufe: Wenn Sie shoppable Instagram-Posts oder Bewertungs-Widgets auf Ihrer eCommerce-Website anzeigen, machen Sie es Ihren Website-Besuchern leichter, Ihre Produkte zu entdecken und bei Ihnen zu kaufen.
- Bessere SEO: Wenn Besucher Ihren Instagram-Widget-Feed genießen, verbringen sie mehr Zeit auf Ihrer Website, insbesondere wenn sie auf die Schaltfläche "Mehr laden" in Ihrem Instagram-Feed klicken. Dadurch können Sie eine bessere Suchmaschinenoptimierung erzielen und eine Vielzahl von Menschen erreichen.
- Sparen Sie Zeit und Mühe: Wenn Sie einen Instagram-Feed auf Ihrer Website einbetten, wird diese automatisch aktualisiert und zeigt jedes Mal neue Beiträge an, wenn Sie etwas auf Instagram hochladen. Sie müssen nicht mehr separat auf Ihre Website hochladen.
Wie Sie sehen, gibt es viele Möglichkeiten, Ihr Geschäft anzukurbeln, wenn Sie Posts von Instagram auf Ihrer Website anzeigen.
Pro-Tipp: Möchten Sie Instagram-Reels auf Ihrer Website anzeigen? Hier finden Sie eine Schritt-für-Schritt-Anleitung, wie Sie Instagram-Reels in WordPress einbetten.
Möchten Sie andere Social Media Feeds auf Ihrer Website anzeigen - schnell, einfach und problemlos? Lesen Sie den nächsten Artikel über das Hinzufügen von Social Media Feeds zu WordPress.
Möchten Sie Ihr Geschäft mit Instagram ausbauen? Hier sind die besten Instagram-WordPress-Plugins, die Ihre Website heute braucht.
Lesen Sie auch den nächsten Beitrag darüber, wie Sie einen Facebook-Feed in Ihre Website einbetten.
Und wenn Ihnen dieser Artikel gefallen hat, können Sie uns gerne auf Twitter und Facebook folgen, um weitere hilfreiche Anleitungen zu erhalten.
gut zu wissen, sehr hilfreich !!!!