Sie möchten schnell und einfach Instagram-Feeds in Ihre Oxygen Builder-Website einbinden?
Leider kann das manuelle Einbetten von Instagram-Beiträgen komplex und zeitaufwändig sein. Aber die gute Nachricht ist, dass es einen viel einfacheren Weg gibt, dies zu tun.
Dank unserer mehr als 10-jährigen Erfahrung mit Feeds in sozialen Medien haben wir einen Leitfaden erstellt, mit dem Sie Instagram-Feeds in nur 5 einfachen Schritten einbetten können.
Schauen wir uns das mal genauer an!
Der einfachste Weg, Instagram Feeds in Oxygen Builder einzubetten
Die einfachste Möglichkeit, Instagram-Inhalte in Ihren Oxygen Builder einzubinden, ist die Verwendung von Instagram Feed Pro.
Mit diesem fantastischen Tool erhalten Sie eine 3-Schritte-Anleitung, die Sie durch den gesamten Prozess der Erstellung, Anpassung und Einbettung von Instagram-Feeds führt - und das ganz ohne Programmierkenntnisse!
Das Plugin ist vollgepackt mit hilfreichen Funktionen, mit denen Sie Instagram-Feeds problemlos einbetten können:
- Folgen Sie einfach einer Anleitung, und Sie können in wenigen Minuten einen ansprechenden Instagram-Feed auf Ihrer Oxygen Builder-Website einrichten.
- Sie können aus einer Vielzahl von Instagram-Feed-Typen wählen, darunter Instagram-Profil-Feeds, Hashtag-Feeds, Shoppable-Feeds, Video-Reels, Instagram-Erwähnungen und mehr.
- Alle von Ihnen erstellten Instagram-Feeds werden automatisch an das von Ihnen für Ihre Oxygen Builder-Website gewählte Design angepasst.
- Damit Sie in Rekordzeit schöne Instagram-Feeds erstellen können, erhalten Sie vorgefertigte Vorlagen und Themen, die Sie mit einem einzigen Klick importieren können.
- Für eine tiefgreifende Anpassung steht Ihnen ein visueller Customizer zur Verfügung, der auch eine Live-Vorschau Ihres Instagram-Feeds enthält.
- Da das Plugin leichtgewichtig ist, können Sie beliebig viele Instagram-Posts auf Ihrer Website anzeigen, und alles wird so schnell wie immer geladen. Und eine schnellere Website ist auch gut für die Suchmaschinenoptimierung!
- Sie erhalten ein anerkanntes Support-Team von WordPress-Experten, die immer bereit sind, Ihnen zu helfen oder Ihre Fragen zu beantworten.
Mit all diesen hilfreichen Funktionen ist es einfach zu sehen, warum es das beste Instagram-Feed-Plugin auf dem Markt ist. Tatsächlich hat Instagram Feed Pro eine Bewertung von 4,9/5 Sternen von über 1.000.000 aktiven Nutzern!
Außerdem gehören zu dieser Nutzerbasis einige der größten Marken der Welt. Ihre Website wird sich also in guter Gesellschaft befinden.
Sind Sie bereit, Instagram-Feeds zu Ihrer Website hinzuzufügen? Holen Sie sich Ihr Exemplar von Instagram Feed Pro hier!
Warum sollten Sie Instagram Feeds zu Ihrer Oxygen Builder Website hinzufügen?
- Bewerben Sie Ihre eigenen Instagram-Posts bei den Besuchern Ihrer Website und erhalten Sie mehr Likes, Kommentare und Follower.
- Steigern Sie den Absatz Ihrer Produkte, indem Sie positive Kundenrezensionen und Erfahrungsberichte auf Instagram zeigen.
- Zeigen Sie relevante Instagram-Videos an, um die Aufmerksamkeit der Besucher zu erregen und sie länger auf Ihrer Website zu halten.
- Fügen Sie anstelle eines einfachen "Link-in-Bio" Links zu jedem Instagram-Post hinzu, um die Nutzer auf Ihre Produktseiten weiterzuleiten und die Konversionsrate zu erhöhen.
- Einbetten von Instagram-Beiträgen mit relevanten Schlüsselwörtern, um Ihr SEO zu verbessern und mehr Menschen über Suchmaschinenergebnisse zu erreichen
Wie man den Instagram-Feed in Oxygen Builder einbettet (5 Schritte)
Sind Sie bereit, loszulegen? Befolgen Sie einfach die folgenden Schritte, und schon haben Sie einen ansprechenden Instagram-Feed auf Ihrer Website, der die Aufmerksamkeit der Besucher auf sich zieht.
Schritt 1: Installieren und Aktivieren von Instagram Feed Pro
Holen Sie sich zunächst Ihr Exemplar von Instagram Feed Pro hier, bevor Sie das Plugin auf Ihrer Oxygen Builder-Website installieren und aktivieren.
Möchten Sie mehr Informationen darüber, wie man das macht? Sehen Sie sich diese praktische Anleitung zur Installation von WordPress-Plugins an.
Schritt 2: Erstellen Sie Ihren Instagram-Feed
Öffnen Sie nun das Menü Instagram-Feed " Alle Feeds in Ihrem WordPress-Dashboard.
Klicken Sie dann auf die Schaltfläche Neu hinzufügen , um zu beginnen.
Mit Instagram Feed Pro können Sie nun die Art des Feeds auswählen, den Sie erstellen möchten:
- Benutzer-Zeitleiste: Instagram-Beiträge aus Ihrem Profil anzeigen
- Öffentlicher Hashtag: Beiträge mit den von Ihnen ausgewählten Instagram-Hashtags anzeigen
- Getaggte Beiträge: Beiträge einbetten, die Ihr Instagram-Konto erwähnen
Als Beispiel wähle ich hier die Option "Benutzerzeitleiste". Sobald Sie einen Feed-Typ ausgewählt haben, klicken Sie auf Weiter.
Schritt 3: Verbinden Sie Ihren neuen Feed mit Instagram
Nachdem Sie Ihren Feed erstellt haben, ist es an der Zeit, Ihr Instagram-Konto zu verbinden. Dadurch kann das Plugin automatisch Instagram-Posts abrufen, um Ihren Feed zu aktualisieren.
Klicken Sie also auf die Schaltfläche Quelle hinzufügen, um zu beginnen.
Jetzt können Sie zwischen 2 verschiedenen Kontotypen wählen:
- Business Basic: Anzeige der Instagram-Beiträge des eigenen Profils
- Business Advanced: Schalten Sie erweiterte Feed-Typen frei, um Hashtags, Erwähnungen, versendbare Feeds und mehr einzubinden.
Um fortzufahren, wählen Sie einfach einen Verbindungstyp aus und klicken Sie auf Verbinden.
Für diesen Leitfaden habe ich den einfachen Verbindungstyp gewählt.
Wählen Sie anschließend die Option Mit Instagram verbinden, um fortzufahren.
Als Nächstes öffnet das Plugin Instagram und bittet um schreibgeschützten Zugriff auf Ihr Konto.
Dadurch kann das Plugin Ihre Daten anzeigen, aber keine Änderungen vornehmen. Die Verwendung von Instagram Feed Pro ist also vollkommen sicher.
Klicken Sie auf die Schaltfläche Zulassen, um Ihr Konto hier zu verbinden.
Nun wird dieses Konto als Quelle für Ihre Instagram-Feeds hinzugefügt. Wann immer Sie einen neuen Feed erstellen, können Sie diese Quelle schnell auswählen, ohne Ihre Website zu verlassen.
Sie können nun diese Quelle auswählen, bevor Sie auf Weiter klicken, um fortzufahren.
Schritt 4: Passen Sie Ihren Instagram-Feed an
Sie können jetzt die Instagram-Themen auswählen, die Sie für Ihren Feed importieren möchten. Es gibt 5 verschiedene Themen mit einzigartigen Designs, aus denen Sie wählen können:
- Standard
- Modern
- Soziale Wand
- Gliederung
- Überlappung
Sobald Sie Ihr Thema ausgewählt haben, klicken Sie auf Weiter, um fortzufahren.
Nachdem Sie sich für ein Thema entschieden haben, können Sie eine Vorlage auswählen. Mit jeder Vorlage wird das Layout der Beiträge und der Kopfzeile in Ihrem neuen sozialen Feed geändert.
Wie zuvor wählen Sie eine Vorlage aus und klicken auf Weiter.
Instagram Feed Pro öffnet dann Ihren Feed im visuellen Customizer. Hier finden Sie die Optionen zum Ändern des Layouts, des Farbschemas, des Header-Designs, des Button-Designs und mehr.
Sie haben auch eine Live-Vorschau auf der rechten Seite für eine schnellere und genauere Anpassung.
Ich werde ein paar der verfügbaren Optionen durchgehen, um Ihnen zu zeigen, wie die Anpassung funktioniert. Lassen Sie uns zunächst das Layout der Instagram-Posts ändern.
Klicken Sie also auf die Option Feed-Layout auf der linken Seite.
Von hier aus können Sie aus 4 verschiedenen Layouts wählen:
- Raster
- Karussell
- Gemäuer
- Highlight
Schauen wir uns dieses Layout im Folgenden genauer an.
Mit der Rasteroption können Sie Instagram-Beiträge in übersichtlichen Zeilen und Spalten anzeigen und viele Beiträge auf einmal darstellen.
Sie eignet sich hervorragend für Ihre Testimonials oder Ihre Portfolio-Seite, auf der Sie viele Instagram-Inhalte präsentieren möchten.
Als Nächstes haben Sie die Option Karussell, mit der Sie die Beiträge als Instagram-Karussell anzeigen können.
Dieses Layout ist nicht nur dynamisch und ansprechend, sondern macht Ihre Oxygen Builder-Website auch interaktiver.
Mit dem Masonry-Layout behalten Ihre Instagram-Beiträge ihre ursprünglichen Proportionen.
Dieses Layout eignet sich hervorragend für visuelle Künstler, die Fotos oder Videos zeigen möchten, ohne etwas zu beschneiden.
Schließlich gibt es noch das Highlight-Layout , das die zusätzlichen Informationen entfernt und die Größe bestimmter Beiträge um das Vierfache erhöht .
Es ist perfekt, wenn Sie den Schwerpunkt auf bestimmte Instagram-Posts legen möchten.
Nachdem Sie Ihr Layout ausgewählt haben, klicken Sie auf die Schaltfläche Speichern.
Möchten Sie Ihren Instagram-Feed auf mehr Arten gestalten? Dann klicken Sie oben auf die Schaltfläche Anpassen .
Da wir das Layout bearbeitet haben, sollten wir etwas Neues machen und stattdessen die Farben ändern.
Wählen Sie also die Option Farbschema auf der linken Seite.
Instagram Feed Pro bietet Ihnen 4 verschiedene Farbschemata, aus denen Sie wählen können:
- Vererben von Theme: Kopieren Sie die Farben Ihrer Oxygen Builder-Website
- Hell: Hellweißer Hintergrund und dunkle Schriftfarbe
- Dunkel: Verwenden Sie eine dunkle Farbe für den Hintergrund und eine hellere Schrift
- Benutzerdefiniert: Wählen Sie alle Farben für Ihren Instagram-Feed manuell aus
Nachdem Sie Ihr Farbschema festgelegt haben, klicken Sie auf die Schaltfläche Speichern .
Mit den übrigen Anpassungsoptionen können Sie die Größe des Feeds, den Stil der Kopfzeile, das Design der Schaltflächen, den Stil des Leuchtkastens und vieles mehr ändern.
Klicken Sie abschließend auf Speichern , um Ihre Änderungen zu bestätigen, wenn Sie mit Ihrem Feed-Design zufrieden sind.
Schritt 5: Instagram-Feed auf Oxygen Builder einbetten
Sind Sie bereit, Ihren neu erstellten Instagram-Feed einzubetten?
Klicken Sie zunächst auf die Schaltfläche Einbetten in der oberen rechten Ecke.
Daraufhin öffnet sich ein Popup mit den verschiedenen Einbettungsoptionen für Ihren Instagram-Feed.
Von hier aus können Sie zunächst auf Kopieren klicken.
Nun können Sie Ihre Oxygen Builder-Seite öffnen, auf der Sie den Instagram-Inhalt anzeigen möchten. Falls Sie noch keine Seite erstellt haben, können Sie eine neue Seite erstellen.
Öffnen Sie in Ihrem Dashboard das Menü Seiten " Neu hinzufügen , und klicken Sie dann auf Vorlage bearbeiten.
Danach wird die Seite im benutzerfreundlichen Oxygen Builder geöffnet. Bevor Sie den Social Feed einbetten können, müssen Sie der Seite ein neues Element hinzufügen.
Klicken Sie dazu einfach auf das Pluszeichen (+) in der oberen linken Ecke.
Suchen Sie in der Suchleiste oben nach dem Element "shortcode" .
Ziehen Sie dann das Shortcode-Element aus den Suchergebnissen auf Ihre Seite.
Dadurch werden zusätzliche Optionen für das Shortcode-Element eröffnet.
Abschließend können Sie den Shortcode in das Feld Full shortcode einfügen, um die Einbettung Ihres Feeds abzuschließen.
Danach können Sie die Seite veröffentlichen, und Ihr Instagram-Feed wird auf Ihrer Oxygen Builder-Website live geschaltet.
Wie Sie sehen können, können Sie mit Instagram Feed Pro all dies in wenigen Minuten und ganz ohne Programmieraufwand erledigen.
Und das war's!
Folgen Sie einfach diesen Schritten, und Sie können Instagram-Feeds ganz einfach in Ihre Oxygen Builder-Website einbetten. Sie können nun Ihre Besucher einbinden, Ihre Verkäufe ankurbeln, Ihre SEO verbessern und vieles mehr.
Mit Hilfe von Instagram Feed Pro ist es ganz einfach, Ihre Oxygen Builder-Website in Instagram zu integrieren.
Möchten Sie Instagram-Feeds mit Leichtigkeit einbetten? Holen Sie sich noch heute Ihr Exemplar von Instagram Feed Pro!
Wenn Sie mehr aus Instagram herausholen möchten, lesen Sie unsere Liste mit bewährten Methoden, um die Zahl der Instagram-Follower zu erhöhen.
Mehr Social Media Feed Tutorials & Hacks (Smash Balloon Picks)
- YouTube-Wiedergabeliste in Elementor einbetten (bester Weg)
- Ultimative Facebook-Plugins für WordPress [Auswahl eines Experten]
- Einfaches Einbetten von TikTok-Videos in WordPress
- Wie man eine Twitter-Timeline in seine Website einbettet (Schritt-für-Schritt-Anleitung)
