Suchen Sie nach einer kreativen und dennoch einfachen Möglichkeit, einen Instagram-Feed in Ihre WordPress-Website einzubetten?
Durch die Präsentation von Instagram-Feeds ziehen Sie mehr Besucher an und erhöhen das Engagement auf Ihrer Website. Noch besser: Es könnte Ihnen auch dabei helfen, mehr Follower auf Instagram zu gewinnen.
In diesem Artikel zeigen wir Ihnen den einfachsten Weg, einen Instagram-Feed in Ihre WordPress-Site einzubetten.
Wie kann ich meinen Instagram-Feed auf meiner Website einbetten?
Mit dem Instagram Feed Pro-Plugin von Smash Balloon können Sie ganz einfach Instagram-Feeds in Ihre Website einbetten.
Smash Balloon ist das beste Social-Feed-Plugin für WordPress. Es verfügt über leistungsstarke Plugin-Optionen, mit denen Sie Folgendes anzeigen können:
Sie können Feeds von diesen beliebten Social-Media-Kanälen einbetten, ohne eine einzige Codezeile schreiben zu müssen!
Apropos Instagram: Das Instagram-Feed-Plugin von Smash Balloon enthält eine umfangreiche Liste von Anpassungsoptionen, mit denen Sie vollständig anpassbare Instagram-Feeds auf Ihrer Website anzeigen können.
Funktionen von Instagram Feed Pro
Schauen wir uns alle Funktionen an, die Sie mit dem Plugin erhalten:
- Die Installation und Verwendung des Instagram Feed Pro-Plugins ist sehr einfach. Es ist das einsteigerfreundlichste Social-Feeding-Plugin.
- Zeigen Sie den Instagram-Feed an, ohne Zugriffstoken zu generieren.
- Mehrere Instagram-Feeds anzeigen.
- Hashtag-Feeds anzeigen.
- Attraktive Layout-Optionen: Raster, Karussell, Mauerwerk und Highlight.
- Erstellen Sie einkaufbare Instagram-Feeds für Cross-Marketing und steigern Sie den Umsatz.
- Unterstützt Instagram-Geschichten.
- Pop-up-Multimedia-Leuchtkasten.
- Bietet einfache Einbettungsoptionen
- Auch das Instagram Feed Pro Plugin ist DSGVO-konform.
- Reaktionsschnell und optimiert für mobile Geräte.
- SEO-freundlich.
- ….und mehr!
Am wichtigsten ist, dass Sie mit Instagram Feed Pro einen Instagram-Feed einbetten können, ohne sich als App-Entwickler registrieren zu müssen. Dadurch sparen Sie viel Zeit und Ärger. Erfahren Sie mehr in unserem vollständigen Smash Balloon-Test.
Wie bette ich einen Instagram-Feed in Ihre WordPress-Site ein?
Dies sind die Schritte, die wir befolgen, um den Instagram-Feed in WordPress anzuzeigen.
- Installieren und aktivieren Sie das Instagram Feed Pro-Plugin
- Verbinden Sie Ihr Instagram-Konto mit WordPress
- Wählen Sie den anzuzeigenden Instagram-Inhalt aus
- Passen Sie Ihren Instagram-Feed an
- Zeigen Sie Ihren Instagram-Feed auf der WordPress-Seite/dem WordPress-Beitrag an
Also ohne weitere Umschweife, fangen wir an!
Schritt 1: Installieren und aktivieren Sie das Instagram Feed Pro-Plugin
Zuerst müssen wir das installieren und aktivieren Instagram Feed Pro Smash Balloon-Plugin. Sie können eine Kopie ihres Plugins unter erhalten Download-Bereich von Ihrem Smash Balloon-Konto.
Laden Sie die ZIP-Datei Ihres Plugins herunter und gehen Sie zu Ihrer WordPress-Site.
Hier müssen wir das Instagram Feed Pro-Plugin installieren und aktivieren. Gehen Sie dazu zu Plugins » Neu hinzufügen und klicken Sie auf Plugin hochladen Taste.
Wählen Sie die ZIP-Datei des Plugins aus und klicken Sie auf Jetzt installieren um die Datei hochzuladen.
Vergessen Sie nicht, nach Abschluss der Installation auf das zu klicken Plugin aktivieren um das Plugin auf Ihrer Website zu aktivieren.
Fantastisch! Sie haben das Instagram Feed Pro-Plugin erfolgreich aktiviert. Es ist Zeit, Ihr Instagram-Konto mit Ihrer WordPress-Website zu verbinden.
Schritt 2: Verbinden Sie Ihr Instagram-Konto mit WordPress
Um Ihr Instagram-Konto zu verbinden, gehen Sie zu Instagram-Feed » Einstellungen in Ihrem WordPress-Dashboard.
Klicken Sie auf das Blaue Verknüpfen Sie ein Instagram-Konto Taste.
Es erscheint ein Popup-Fenster, in dem Sie aufgefordert werden, ein persönliches oder geschäftliches Instagram-Konto zu verbinden.
- Persönliches Instagram-Profil: Mit dieser Option können Sie Instagram-Beiträge nur von Ihrem Konto aus anzeigen.
- Business-Instagram-Profil: Dies ist die flexibelste Option. Damit können Sie Instagram-Feeds mit Kommentaren, Likes, Hashtags, Foto-Tags und vielem mehr anzeigen.
Wenn Sie Ihre Option ausgewählt haben, klicken Sie auf Verbinden Taste.
Bestätigen Sie als Nächstes Ihr Konto und klicken Sie auf Konten verbinden Taste.
Wenn Sie möchten, können Sie Ihr Instagram-Konto auch manuell verbinden. Wird Verbinden Sie ein Konto manuell Option, hinzufügen Zugangstoken, Benutzer-IDund klicken Verbinden Sie dieses Konto.
Ihr Instagram-Konto ist jetzt mit Ihrer WordPress-Website verbunden. Schauen wir uns nun die Optionen zur Inhaltsanzeige an, die Sie mit dem Instagram Feed Pro-Plugin erhalten.
Schritt 3: Wählen Sie den anzuzeigenden Instagram-Inhalt aus
Mit dem Instagram Feed Pro-Plugin haben Sie die volle Kontrolle über die Anzeige von Instagram-Inhalten. Sie können auswählen, welche Instagram-Inhalte Sie anzeigen möchten.
Scrollen Sie auf der Seite nach unten, um die Optionen anzuzeigen. Sie finden folgende Optionen:
- Benutzerkonto– Zeigt die neuesten Fotos von Ihrem Instagram-Benutzerkonto an.
- Hashtag– Präsentieren Sie Ihren Instagram-Feed mit benutzerdefinierten Hashtags.
- Beschriftet– Zeigt Fotos an, auf denen andere Benutzer Sie markiert haben.
- Gemischt– Zeigt einen Feed an, der mehrere Feed-Typen enthält.
Sobald Sie Ihre Anzeigeoption ausgewählt haben, klicken Sie auf Änderungen speichern.
Schritt 4: Passen Sie Ihren Instagram-Feed an
Um alle Anpassungsoptionen anzuzeigen, gehen Sie zu Passen Sie t anab.
Das erste sind die allgemeinen Anpassungseinstellungen; Von hier aus können Sie die Hintergrundfarbe, Breite und Höhe Ihres Instagram-Feeds ändern.
Das Instagram Feed Pro-Plugin bietet stilvolle Gestaltungsmöglichkeiten für die Anzeige von Instagram-Feeds auf Ihrer Website. Sie können zwischen Raster-, Mauerwerks-, Karussell- und Hervorhebungslayouts wählen.
Mal sehen, wie jedes Design aussieht:
1. Rasterlayout
2. Karussell-Layout
3. Mauerwerksgestaltung
4. Markieren Sie das Design
Darunter erhalten Sie auch zusätzliche Optionen für:
- Definieren Sie die Anzahl der anzuzeigenden Fotos
- Kopfzeile ein-/ausblenden
- Ändern Sie die Farbe und Größe der Kopfzeile
- Anzahl der Follower ein-/ausblenden
- Zeigen/verstecken Sie Ihre Instagram-Biografie
- Passen Sie die an Mehr laden Und Weitermachen Taste.
Wenn Sie mit allen Anpassungen fertig sind, klicken Sie auf Speichern und fahren Sie mit dem nächsten Schritt fort.
Schritt 5: Zeigen Sie Ihren Instagram-Feed in einem WordPress-Beitrag oder einer WordPress-Seite an
Sehen wir uns nun an, wie Sie Ihren Instagram-Feed in WordPress einbetten können.
Smash Balloon funktioniert nahtlos mit dem neuen WordPress-Blockeditor. Sie können Ihren Instagram-Feed an mehreren Orten hinzufügen, einschließlich Blog-Posts, Seiten und Widget-Bereichen in der Seitenleiste.
Werfen wir einen Blick auf die Option zum Einbetten von Beiträgen/Seiten.
Öffnen Sie die Seite oder den Beitrag und klicken Sie auf „+“ Symbol und fügen Sie das hinzu Instagram-Feed-Block aus dem Blockeditor.
Sobald Sie den Block hinzufügen, wird Ihr Feed auf Ihrer Seite angezeigt.
Veröffentlichen Sie die Seite und genießen Sie Instagram-Live-Streaming auf Ihrer WordPress-Website
Und da haben Sie es! So einfach ist es, in nur 5 einfachen Schritten einen Instagram-Feed in Ihre WordPress-Site einzubetten.
Schauen Sie sich als Nächstes tolle Beispiele für benutzergenerierte Inhalte an
Nachdem Sie Ihren Instagram-Feed angezeigt haben, könnten Sie als Nächstes daran interessiert sein, sich Beispiele für benutzergenerierte Inhalte anzusehen, die Sie auf Ihrer Website anzeigen können, um Zeit zu sparen und Ihr Geschäft auszubauen.
Wenn Sie Kontaktformulare zu Ihrer Website hinzugefügt haben, sollten Sie sich außerdem diesen Beitrag ansehen, um Kontaktformular-Spam in WordPress zu stoppen.
Sind Sie bereit, sicherere Online-Formulare zu erstellen? Beginnen Sie noch heute mit dem leistungsstarken WordPress-Formular-Builder-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.
Wenn Ihnen dieses Tutorial gefällt, teilen Sie Ihre Liebe, indem Sie uns folgen Facebook Und Twitter für weitere kostenlose WordPress-Anleitungen und Tutorials.
