So fügen Sie Smash Balloon Instagram Feeds zu Elementor hinzu (2025)
clicksocial

Planen Sie Beiträge für soziale Medien direkt von WordPress aus mit ClickSocial

Kostenlose Testversion starten Winkel-Rechts
Startseite Blog So fügen Sie Smash Balloon Instagram Feeds zu Elementor hinzu (2025)

So fügen Sie Smash Balloon Instagram Feeds zu Elementor hinzu (2025)

Wie man Smash Balloon Instagram Feeds zu Elementor hinzufügt

Suchen Sie nach einer Möglichkeit, Smash Balloon Instagram Feeds zu Elementor hinzuzufügen?

Als beliebtester Page Builder ist Elementor die erste Wahl für viele Menschen, die schöne Seiten für ihre Website erstellen möchten.

Und das Hinzufügen eines Instagram-Feeds ist eine einfache Möglichkeit, diese Seiten für Ihre Besucher noch interessanter zu machen.

Heute zeige ich Ihnen den einfachsten Weg, um Instagram-Feeds zu Elementor hinzuzufügen.

Warum Instagram Feeds mit Elementor verwenden?

Elementor ist ein Seitenerstellungs-Plugin, mit dem Sie Seiten für Ihre WordPress-Website erstellen können. Da alles über einen Drag-and-Drop-Editor erfolgt, müssen Sie nicht einmal eine einzige Zeile Code anfassen, um Ihre Seiten zu erstellen.

Aber wenn Sie alle Elementor-Seiten noch besser machen wollen, gibt es eine einfache Möglichkeit, dies zu tun.

Genau wie beim Einbetten von TikTok-Videos können Sie auch relevante Instagram-Posts zu Ihrer Website hinzufügen, um sie ansprechender zu gestalten, die Konversion zu steigern und gleichzeitig mehr Follower in den sozialen Medien zu gewinnen.

Das können Sie erreichen, wenn Sie Instagram-Feeds zu Ihrer Website hinzufügen:

  • Sie können Instagram-Beiträge von echten Menschen zeigen, die Ihre Produkte genießen und bewerben. Mit diesem sozialen Beweis können Sie die Besucher Ihrer Website überzeugen, einen Kauf zu tätigen.
  • Durch das Hinzufügen von Instagram-Feeds können Sie relevante Bilder und Instagram-Reel-Videos zeigen, ohne sie mühsam auf Ihre Website hochladen zu müssen.
  • Mit Instagram-Feeds auf Ihrer Website können Sie mehr Follower unter Ihren Besuchern gewinnen. So wird das Social Media Marketing für Sie einfacher.
  • Durch das Einbetten von einkaufsfähigen Instagram-Feeds können Sie sogar Ihre Instagram-Posts mit Ihrer Verkaufsseite verknüpfen und es den Leuten ermöglichen, direkt von Ihren Instagram-Feeds aus zu kaufen.

Der einfachste Weg, Instagram Feeds zu Elementor hinzuzufügen

bestes instagram feed pro plugin

Mit dem Instagram Feed Pro von Smash Balloon können Sie Instagram-Feeds problemlos in Ihre Elementor-Website einbetten.

Es ist benutzerfreundlich gestaltet und Sie können alle gewünschten Feeds hinzufügen, selbst wenn Sie ein WordPress-Neuling sind.

Wenn Sie sich fragen: "Funktioniert Smash Balloon mit Elementor?", dann haben Sie Glück.

Ich persönlich liebe die Tatsache, dass Instagram Feed Pro perfekt mit Elementor kompatibel ist, so dass Sie schöne Instagram-Feeds mit dem Drag-and-Drop-Editor von Elementor hinzufügen können.

Zusätzlich zu seiner Benutzerfreundlichkeit bietet Instagram Feed Pro viele weitere Funktionen. Hier sind ein paar Highlights:

  • Super einfache & schnelle Einrichtung: Sie können Instagram-Feeds in nur wenigen Minuten einbetten - ohne komplizierte Programmierung.
  • Verschiedene Instagram-Feed-Typen: Mit Instagram Feed Pro können Sie viele verschiedene Arten von Feeds hinzufügen, von einkaufbaren Instagram-Posts über Hashtag-Feeds bis hin zum Einbetten von Instagram-Reels.
  • Passen Sie Ihr Branding an: Alle Feeds von Instagram Feed Pro werden automatisch an das bestehende Design Ihrer Website angepasst. So passen Ihre Instagram-Feeds perfekt zu Ihrem Branding.
  • Einfache Anpassung: Sie können Ihren Feed auch anpassen, einschließlich der Größe, der Ränder, der Farbe, der Schriftart, des Layouts und vielem mehr mit nur wenigen Klicks, indem Sie den erstaunlichen Live-Feed-Editor verwenden.
live feed editor für instagram feed pro
  • Blitzschnell: Trotz all der Instagram-Fotos und -Videos auf Ihrer Website ist das Plugin leichtgewichtig, sodass Ihre Feeds superschnell geladen werden. Und eine schnelle Website ist viel besser für die Suchmaschinenoptimierung.
  • Kundenbetreuung: Smash Balloon's Instagram Feed Pro wird von einem Team von WordPress-Experten unterstützt, um Ihnen die Erstellung von Feeds zu erleichtern.

Als bestes Instagram-Feed-Plugin für WordPress ist Instagram Feed Pro mit Elementor und anderen beliebten Page Buildern wie Divi, Thrive Architect, Beaver Builder und mehr kompatibel.

Pro-Tipp: Sind Sie auch daran interessiert, Instagram-Inhalte auf anderen Website-Buildern einzubetten? Hier erfahren Sie, wie Sie Instagram-Feeds in Divi einbetten können.

Mit über 1.000.000 aktiven Nutzern und einer Bewertung von 4,9/5 Sternen ist es ein Hit unter den Nutzern.

bewertungen instagram feed pro plugin

Außerdem wird Instagram Feed Pro von einigen der größten Marken der Welt vertraut. Alles in allem ist es wirklich die beste Option, wenn Sie Instagram-Feeds zu Ihrer Website hinzufügen möchten.

Heute zeigen wir Ihnen, wie Sie das Instagram Feed Pro Plugin von Smash Balloon installieren und Ihre Feeds zu Elementor hinzufügen.

So fügen Sie Ihre Smash Balloon Instagram Feeds zu Elementor hinzu

Befolgen Sie einfach die folgenden Schritte, und Sie können im Handumdrehen einen schönen Instagram-Feed auf Ihrer Elementor-WordPress-Seite einrichten.

Fangen wir an!

Schritt 1: Installieren und Aktivieren von Instagram Feed Pro

Zuerst können Sie sich hier eine Kopie von Instagram Feed Pro holen. Dann installieren und aktivieren Sie es einfach auf Ihrer Website.

Sie wissen nicht, wie das geht? Wir haben einen praktischen Artikel darüber, wie man WordPress-Plugins installiert.

Schritt 2: Erstellen eines neuen Instagram-Feeds

Sobald das Plugin installiert und aktiviert ist, gehen Sie in Ihrem WordPress-Dashboard auf Instagram-Feed " Alle Feeds.

Klicken Sie auf dieser Seite auf die Schaltfläche Neu hinzufügen .

Neuen Feed erstellen Instagram Feed Pro

Sie können nun die Art des Instagram-Feeds auswählen, den Sie für Ihre Website erstellen möchten. Es gibt 3 Optionen, aus denen Sie hier auswählen können:

  • Benutzer-Zeitleiste: Erstellen Sie einen Live-Instagram-Feed, der Beiträge von Ihrem eigenen Konto anzeigt
  • Öffentlicher Hashtag: Verwenden Sie Ihren Instagram-Feed, um Beiträge anzuzeigen, die bestimmte Hashtags enthalten
  • Getaggte Beiträge: Alle Beiträge einbetten, in denen Ihr Instagram-Konto getaggt ist

Als Bonus können Sie sogar mehrere Instagram-Feeds auf einmal anzeigen. Auf diese Weise können Sie einen einzigen Feed mit verschiedenen Arten von Inhalten erstellen.

Um fortzufahren, wählen Sie einfach Ihren Instagram-Feed-Typ aus und klicken Sie dann auf Weiter.

Für dieses Tutorial wählen wir eine Benutzerzeitleiste aus.

Wählen Sie Ihren Feed-Typ Instagram Feed Pro

Schritt 3: Verbinden Sie Ihren neuen Feed mit Instagram

Nachdem Sie Ihren Instagram-Feed erstellt haben, fordert das Plugin Sie auf, sich mit einer Quelle zu verbinden, damit es Instagram-Inhalte anzeigen kann.

Dazu können Sie einfach Ihr eigenes Instagram-Konto als Quelle angeben.

Klicken Sie auf dieser Seite auf Quelle hinzufügen, um Ihr Instagram-Konto zu verbinden.

Instagram Quelle für Feed hinzufügen

Daraufhin wird ein Popup-Fenster angezeigt, in dem Sie zwischen einem Geschäftsprofil und einem persönlichen Profil wählen können .

Mit einem persönlichen Instagram-Profil können Sie alle Funktionen nutzen, die Sie normalerweise auf Instagram verwenden. Bei Instagram Feed Pro bedeutet dies, dass Sie Feeds von Ihrem eigenen Instagram-Konto hinzufügen können.

Wenn Sie ein geschäftliches Instagram-Profil haben, erhalten Sie Zugriff auf Analysen und eine Kontaktschaltfläche, die Ihrem Unternehmen helfen kann.

Sie können mit diesem Plugin auch alle Arten von Instagram-Feeds hinzufügen, z. B. Hashtag-Feeds, Instagram TV (IGTV)-Videos, Shoppable Feeds und vieles mehr.

Wählen Sie die von Ihnen bevorzugte Option und klicken Sie auf Mit Instagram anmelden.

In diesem Lernprogramm nehmen wir ein persönliches Profil.

Popup-Fenster für Instagram-Kontotyp auswählen

Jetzt bittet Instagram Feed Pro um schreibgeschützten Zugriff auf Ihr Konto. Das Plugin nutzt diesen Zugriff, um Instagram-Informationen anzuzeigen und kann keine Änderungen vornehmen.

Das bedeutet, dass es absolut sicher ist, Smash Balloon für Ihre Website zu verwenden.

Klicken Sie einfach auf Zulassen, um den Lesezugriff freizugeben.

Zugriff auf Instagram-Konto erlauben Feed erstellen

Klicken Sie schließlich auf die Schaltfläche Weiter , um das Instagram-Konto als Quelle für Ihren Feed zu bestätigen.

Konto als Quelle für Instagram-Feed bestätigen

Jetzt ist es an der Zeit, zu Schritt 4 zu gehen und das Design Ihres Instagram-Feeds anzupassen.

Schritt 4: Passen Sie Ihren Instagram-Feed an

Sie können jetzt den Live-Feed-Editor von Instagram Feed Pro sehen, mit dem Sie das Design Ihres Feeds anpassen können.

Auf der linken Seite des Editors sehen Sie alle Anpassungsoptionen, die Sie nutzen können. Sie können Ihr Feed-Layout, Farbschema, Beitragslayout, Kopfzeilendesign und vieles mehr bearbeiten.

Wann immer Sie Änderungen vornehmen, können Sie diese in der Live-Vorschau auf der rechten Seite sehen.

live feed editor instagram feed

Um mit der Anpassung Ihres Instagram-Feeds zu beginnen, klicken Sie auf den Abschnitt Feed-Layout auf der linken Seite.

Layout für Instagram-Karussell bearbeiten

Von hier aus können Sie zwischen 4 verschiedenen Layouts für Ihren Instagram-Feed wählen: Grid, Carousel, Masonry und Highlight.

Feed-Layout-Optionen Instagram-Feed zu Elementor hinzufügen

Mit der Rasteroption erhalten Sie einfache Zeilen und Spalten, um Ihre Instagram-Posts übersichtlich darzustellen. Mit diesem übersichtlichen Layout können Sie eine Vielzahl von Beiträgen auf einmal anzeigen.

Ich persönlich verwende dieses Layout gerne für meinen Elementor-Instagram-Feed, weil es ordentlich und organisiert ist und meine Website-Besucher dazu anregt, sich mit meinem Feed zu beschäftigen.

Grid-Layout für Ihren Instagram-Feed

Mit einem Instagram-Karussell können Sie Ihre Instagram-Posts in einem Schieberegler platzieren und so einen dynamischen Look erzeugen. Außerdem wird Ihre Seite dadurch interaktiver.

Karussell-Layout Instagram zu Elementor hinzufügen

Möchten Sie, dass Ihre Instagram-Bilder ihre ursprünglichen Abmessungen behalten? In diesem Fall kann das Masonry-Layout das für Sie tun.

Sie können dann Ihre Instagram-Inhalte zeigen, ohne etwas auszuschneiden.

mauerwerk layout für instagram shopping

Und wenn Sie möchten, dass Ihre Instagram-Posts besser sichtbar sind, können Sie sie mit der Highlight-Option um das Vierfache vergrößern.

Dieses Layout kann hilfreich sein, wenn Sie bestimmte Instagram-Beiträge in Ihrem Feed hervorheben möchten.

highlights layout instagram feed

Sobald Sie Ihr Feed-Layout ausgewählt haben, klicken Sie einfach auf Speichern.

Um mit der Bearbeitung des Designs Ihres Instagram-Feeds fortzufahren, klicken Sie auf die kleine Schaltfläche Anpassen am oberen Rand.

zurück zu den wichtigsten Anpassungsoptionen

Klicken Sie nun auf die Option Farbschema auf der linken Seite, um die Farben Ihres Instagram-Feeds zu ändern.

Klicken Sie auf die Option Farbschema

Sie können jetzt aus 4 verschiedenen Farbschemata für Ihren neuen Instagram-Feed wählen:

  • Vererben vom Theme: Kopieren Sie schnell die Farben des Themas Ihrer Website
  • Hell: Anzeige eines hellen Hintergrunds zusammen mit einer dunklen Schriftfarbe
  • Dunkel: Wählen Sie eine dunkle Farbe für den Hintergrund und eine hellere Schrift
  • Benutzerdefiniert: Wählen Sie manuell alle Farben für Ihren Instagram-Feed aus
Farbschema Optionen Instagram Feed Pro

Wenn Sie mit Ihrem Farbschema zufrieden sind, klicken Sie auf die Schaltfläche Speichern .

Und das ist noch nicht alles. Mit diesem Live-Feed-Editor können Sie auch andere Anpassungsoptionen wie Feed-Größe, Header-Stil, Schaltflächendesign, Leuchtkasten-Stil und vieles mehr einstellen.

Dank der einfachen Anpassungsoptionen des Plugins haben Sie mehr Kontrolle darüber, wie Ihre Instagram-Feeds aussehen.

Klicken Sie abschließend auf Speichern , um Ihre Änderungen zu bestätigen, und Sie können zum letzten Schritt übergehen.

Schritt 5: Instagram-Feed zu Elementor hinzufügen

Schließlich können Sie jetzt Ihren Smash Balloon Instagram Feed zu Elementor hinzufügen.

Um loszulegen, gehen Sie auf Seiten " Neu hinzufügen , um eine neue Seite im WordPress-Editor zu öffnen.

Klicken Sie hier oben auf die Schaltfläche Mit Elementor bearbeiten .

mit elementor bearbeiten, um instagram hinzuzufügen

Wenn Sie stattdessen einen WordPress-Beitrag verwenden möchten, können Sie zu Beiträge " Neu hinzufügen gehen und auf Mit Elementor bearbeiten klicken .

Wir verwenden für dieses Beispiel eine WordPress-Seite.

Instagram-Feed zu einem Wordpress-Post hinzufügen

Daraufhin öffnet sich der Elementor-Editor. Hier finden Sie das Panel auf der linken Seite, wo sich alle Elementor-Widgets befinden.

Geben Sie in das Suchfeld einfach "Instagram" ein, und Sie sollten das Instagram-Feed-Widget in den Suchergebnissen sehen.

Suche nach Instagram Feed Widget Elementor

Ziehen Sie das Instagram-Widget einfach nach rechts auf die Seite und legen Sie es dort ab.

Instagram-Feed-Widget auf die Seite ziehen

Nachdem Sie das Instagram-Feed-Widget zu Ihrer Seite hinzugefügt haben, können Sie auswählen, welchen Feed Sie anzeigen möchten.

Wählen Sie im Dropdown-Menü den Instagram-Feed aus, den Sie zuvor erstellt haben.

Wählen Sie Ihr Instagram-Feed-Elementor

Klicken Sie abschließend auf die Schaltfläche Veröffentlichen , um Ihre Änderungen zu speichern.

Sie haben nun erfolgreich Ihren Smash Balloon Instagram-Feed zu Elementor hinzugefügt.

Schauen Sie sich einfach Ihre Website an und sehen Sie, wie sie auf dem Frontend aussieht.

beispiel für einen instagram-feed auf elementor

Und das war's!

Jetzt sollten Sie wissen, wie Sie Ihre Smash Balloon Instagram Feeds auf Ihren Elementor-Seiten einbetten können. Wie Sie sehen können, können Sie mit diesem Plugin in wenigen Schritten Instagram-Feeds erstellen, anpassen und einbetten.

Mit schönen Instagram-Feeds auf Ihrer Website können Sie Ihre Besucher ansprechen und Ihre Fangemeinde leicht vergrößern.

Möchten Sie Instagram-Inhalte zu Ihrer Elementor-Website hinzufügen? Holen Sie sich noch heute Ihr Exemplar von Instagram Feed Pro!

Sie suchen nach Möglichkeiten, Ihre Instagram-Präsenz zu steigern? Schauen Sie sich unseren Beitrag darüber an, wie Sie die Zahl der Instagram-Follower erhöhen können.

Wenn Sie einen anderen Social-Media-Feed haben, den Sie auf Elementor anzeigen möchten, lesen Sie dieses Tutorial, wie Sie Google-Bewertungen auf Ihrer Elementor-Website hinzufügen.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns auf Twitter und Facebook, und bleiben Sie dran, um weitere Tipps und Tricks zum Social Media Marketing zu erhalten.

Autorenavatar
Sajjan Sharma Leitende Autorin
Sajjan schreibt seit über 10 Jahren über WordPress, Social Media Marketing und Online-Unternehmen. Seine beruflichen Interessen umfassen auch Influencer Marketing, Content Curation und digitale Marketingstrategien.

Anmerkungen 4

  1. Manuel Escobar vor 3 Jahren

    Hallo Sara,

    Vielen Dank, dass Sie sich mit uns in Verbindung setzen! In diesem Fall würde ich vorschlagen, zu überprüfen, ob Sie die neueste Version des Plugins haben und ob Sie ein Hex-Format für die Hintergrundfarbe verwenden. Wenn Sie einen transparenten Hintergrund wünschen, können Sie #FFFFFF00 verwenden, wie in diesem Beispiel.

    Wenn das Problem weiterhin besteht, senden Sie uns bitte eine Support-Anfrage über das Formular auf unserer Website hier, einschließlich der Systeminformationen.

    Um diese Informationen zu erhalten, folgen Sie den Schritten auf dieser Seite.

    Ich hoffe, das hilft Ihnen! Bitte lassen Sie mich wissen, wenn Sie noch Fragen haben.

    Danke! 🙂

    Antwort
  2. Tessa Nicolai vor 2 Jahren

    Hallo,

    Ich kann das Instagram Feed Widget nicht finden. Ich verwende das Astra-Theme mit Elementor. Außerdem verwende ich die neue Flexbox.

    Können Sie mir helfen? Grüßt Tessa

    Antwort
    1. Manuel Escobar vor 2 Jahren

      Hallo Tessa,

      Vielen Dank, dass Sie uns kontaktiert haben! Ich würde vorschlagen, dass Sie überprüfen, ob Sie die neueste Version des Plugins installiert haben; dann sollten Sie in der Lage sein, das Instagram-Widget auf Elementor zu sehen, wie in diesem Beispiel hier. Wenn Sie dieses Widget nicht sehen, können Sie ein einfaches Textwidget verwenden, um den Instagram Shortcode einzubetten, den Sie erhalten, wenn Sie zu Instagram Feed > All Feeds navigieren; es sollte wie folgt aussehen [instagram-feed feed="1"]. Die Feed-Nummer kann je nach der Anzahl der von Ihnen erstellten Feeds variieren. 

      Wenn das nicht funktioniert, senden Sie uns bitte eine Support-Anfrage über das Formular auf unserer Website hier, einschließlich der Systeminformationen.

      Um diese Informationen zu erhalten, folgen Sie den Schritten auf dieser Seite.

      Wir bitten Sie, unser Formular zu verwenden, da die Systeminfo andere Website-Informationen und das Zugangs-Token für Ihre Verbindung enthält, die wir hier nicht veröffentlichen sollten.

      Danke! 🙂

      Antwort
  3. Manuel Escobar vor 2 Jahren

    Hey Ken,

    Bitte senden Sie uns eine Support-Anfrage über das Formular auf unserer Website hier, einschließlich der Systeminformationen.

    Um diese Informationen zu erhalten, folgen Sie den Schritten auf dieser Seite.

    Wir bitten Sie, unser Formular zu verwenden, da die Systeminfo andere Website-Informationen und das Zugangs-Token für Ihre Verbindung enthält, die wir hier nicht veröffentlichen sollten.

    Danke! 🙂

    Antwort

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.