0 ansichten

Wie bettet man den Instagram-Feed auf seiner Website ein? [Frei]

Erfahren Sie, wie Sie mit dem kostenlosen EmbedFeed-Widget einen Instagram-Feed zu Ihrer Website hinzufügen.

Inhalt

Stellen Sie sich die Reichweite vor, die Sie erhalten, wenn Sie die Möglichkeit haben, Ihre Instagram-Inhalte über die Instagram-App hinaus zu erweitern.

Darüber hinaus führt diese Möglichkeit, Instagram-Feeds auf Ihren Website-Seiten einzubetten, zu einer sofortigen Steigerung des sozialen Beweises Ihrer Marke, ein Vorteil, der die Social-Media-Feeds zur Hauptkomponente jedes Website-Layouts macht.

Und ja, das ist möglich!

Das kostenlose Instagram-Feed-Widget von Feed einbetten kann das Marketingpotenzial Ihres Instagram sofort auf Ihrer Website generieren, nutzen und synchronisieren.

Es wirkt wie ein Zauber. Befolgen Sie einfach die folgenden Schritte, und Sie können Ihren gesamten Instagram-Feed in Sekundenschnelle mit Ihrer Website synchronisieren.

FYI: Sie können Instagram-Widget einbetten automatisch mit EmbedSocials UGC-Plattform. Starten Sie eine kostenlose Testversion und zeigen Sie jetzt Ihre Social-Media-Widgets an.

Instagram-Feed einbetten

Einbetten Instagram-Widget auf Ihrer Website automatisch!

Probieren Sie EmbedFeed aus und zeigen Sie Instagram-Inhalte aus Ihrem Feed, Erwähnungen oder Hashtags auf Ihrer Website an.

Starten Sie eine 7-tägige kostenlose Testversion

Alle Funktionen enthalten | Live-Support verfügbar

So binden Sie einen Instagram-Feed kostenlos auf einer Website ein:

  1. Erstellen Sie Ihr kostenloses Konto auf der EmbedFeed-Plattform
  2. Wählen Sie Instagram als „Quelle“ und verbinden Sie Ihr Instagram-Konto
  3. Generieren Sie Ihren Instagram-Feed in einem Instagram-Widget
  4. Kopieren Sie den bereitgestellten Code und fügen Sie ihn auf Ihrer Website ein

So sieht der eingebettete Instagram-Feed in Aktion aus:

Einbetten des Instagram-Feeds auf der Website

Gefällt dir, was du siehst? Erstellen und betten Sie Ihren ersten Instagram-Feed kostenlos ein!

Fühlen Sie sich frei, weiter zu lesen, um weitere Informationen zu erhalten wie Sie Ihren Instagram-Feed kostenlos einbetten auf den am häufigsten verwendeten CMS und Website-Erstellern. Hier sind schnelle und einfache Schritte mit Screenshot-Erklärungen unten.

In diesem Artikel:
Show

  • Schritte zum Einbetten des Instagram-Feeds mit dem Social-Media-Aggregator
  • Instagram-Feed in WordPress einbetten
  • Instagram-Feed in SquareSpace anzeigen
  • Instagram-Feed auf der Shopify-Website anzeigen
  • Weitere Optionen zum kostenlosen Einbetten von Instagram-Feeds
  • Machen Sie mehr: Betten Sie Ihren Instagram-Feed wie ein Profi in eine Website ein
  • Vorteile des Hinzufügens eines Instagram-Feeds auf Ihrer Website
  • Beispiele für Instagram-Feeds auf der Website
  • Häufig gestellte Fragen und wichtige Erkenntnisse.

Schritte zum Einbetten des Instagram-Feeds mit dem Social-Media-Aggregator

Befolgen Sie die Schritt-für-Schritt-Anleitung, um zu sehen, wie Sie Ihren Instagram-Profil-Feed auf jeder WordPress-Website oder jeder anderen Webplattform mit einem professionellen Social-Media-Aggregator einbetten können. Sie müssen nicht technisch versiert sein. Jeder kann es tun.

Das kostenlose Instagram-Feed-Widget EmbedFeed funktioniert mit jedem Website-Builder, der das Einbetten von JavaScript- oder Iframe-Code erlaubt.

Wenn Sie also beliebte Webplattformen verwenden, können Sie loslegen.

Schritt 1: Erstellen Sie ein kostenloses EmbedFeed-Konto

Bevor Sie beginnen, vergewissern Sie sich, dass Sie bereits über ein kostenloses EmbedFeed-Konto verfügen.

Wenn nicht, erstellen Sie Ihr kostenloses Konto und befolgen Sie die nachstehenden Schritte.

Sobald Sie angemeldet sind, sehen Sie ein Popup-Fenster mit den Anweisungen für die ersten Schritte. Also einfach anklicken 'Lass uns anfangen' die Sie zu navigiert Quellen Abschnitt, um Instagram als Quelle hinzuzufügen.

Instagram-Konto verbinden, um Instagram-Feed zu generieren

Schritt 2: Wählen Sie Instagram als „Quelle“

Wählen Sie auf dem Hauptbildschirm mit sozialen Plattformen Instagram als „Quelle‘.

Kostenlosen Instagram-Feed einbetten Schritt 2

Schritt 3: Verbinden Sie Ihr Instagram-Konto

Ein Popup-Fenster zeigt an, wo Sie sich mit Instagram verbinden müssen. Klicken 'Facebook-Konto verbinden‘ und dort sollten Sie das mit Ihrem Instagram-Konto verknüpfte Facebook-Konto verbinden.

Facebook-Konto verbinden, um Instagram-Feed zu generieren

Notiz: Wenn Sie mehrere Instagram-Profile verwalten, zeigt das System alle an. Wählen Sie das Konto aus, für das Sie Beiträge generieren möchten, und fahren Sie mit der Erstellung des Widgets fort.

Schritt 4: Wählen Sie den Instagram-Quelltyp – Instagram-Hashtags oder Instagram-Konto

Wählen Sie aus Instagram-Hashtags oder einem Instagram-Konto aus, welche Art von Instagram-Feed Sie erstellen möchten.

Kostenlosen Instagram-Feed einbetten Schritt 3

Danach, wenn Sie möchten #Hashtags, müssen Sie den gewünschten Hashtag eingeben, oder wenn Sie möchten @Konto, müssen Sie den Namen des Kontos eingeben. Sie werden zum nächsten Bildschirm weitergeleitet, um einen kurzen Blick auf die Beiträge zu werfen, die EmbedFeed für Sie generiert.

Schritt 5: Erstellen Sie Ihr Instagram-Widget

Im nächsten Schritt klicken Sie auf „Widget erstellen‘, wo Sie zum letzten Bildschirm weitergeleitet werden, wo Sie den Code sehen können, der auf Ihrer Website eingebettet werden soll.

Kostenlosen Instagram-Feed einbetten Schritt 4

Schritt 6: Kopieren Sie den bereitgestellten Code

Sobald Sie sich also auf dieser Seite befinden, können Sie den Code sehen, der oben rechts im Bereich „Einstellungen“ angezeigt wird.

Kostenlosen Instagram-Feed einbetten Schritt 5

Notiz: Sie werden auch Anweisungen für CMS-Plattformen direkt unter dem JavaScript-Code bemerken. Klicken Sie auf diesen Link, um weitere Anweisungen und einen Shortcode für Ihre WordPress-Website zu erhalten. Aber vorher installieren Sie bitte unser offizielles WordPress-Plugin, damit Sie die Shortcodes der Widgets verwenden können.

Schritt 7: Fügen Sie den bereitgestellten Code in Ihre Website ein

Wenn Sie eine Plattform verwenden, die die Bearbeitung des Codes der Seite ermöglicht, können Sie den Code in den Body-Abschnitt ihrer HTML-Struktur an der Position einfügen, an der das Instagram-Feed-Widget erscheinen soll. Um den Code in WordPress einzubetten, klicken Sie einfach auf das Symbol „Block hinzufügen“ und fügen Sie den Code wie unten gezeigt in den HTML-Block ein:

Fügen Sie den Code ein, um den Instagram-Feed anzuzeigen

Und wenn Sie andere Webplattformen wie WordPress, Squarespace, Wix oder ähnliches verwenden, navigieren Sie unten im Text, um die eigentlichen Tutorials für diese Plattformen zu finden.

So einfach ist das.

So verwendet einer unserer Kunden das kostenlose Instagram-Widget auf seiner Website.

Instagram-Feed auf Website-Beispiel

FYI: Sie können Instagram-Widget einbetten automatisch mit EmbedSocials UGC-Plattform. Starten Sie eine kostenlose Testversion und zeigen Sie jetzt Ihre Social-Media-Widgets an.

Instagram-Feed einbetten

Einbetten Instagram-Widget auf Ihrer Website automatisch!

Probieren Sie EmbedFeed aus und zeigen Sie Instagram-Inhalte aus Ihrem Feed, Erwähnungen oder Hashtags auf Ihrer Website an.

Starten Sie eine 7-tägige kostenlose Testversion

Alle Funktionen enthalten | Live-Support verfügbar

Instagram-Feed in WordPress einbetten

Bevor Sie beginnen, beachten Sie bitte, dass Sie die EmbedSocial-Plattform mit oder ohne WordPress-Plugin verwenden können, um den Instagram-Feed einzubetten.

Es ist direkt in die Instagram-API integriert, sodass Sie Ihre Benutzer-ID nicht konfigurieren oder Zugriffstoken aktualisieren müssen. Sie müssen nur auf eine Schaltfläche klicken und unserer Plattform Ihre Erlaubnis erteilen, Ihre Beiträge auf Ihrer WordPress-Website zu synchronisieren.

EmbedSocial bietet zwei Optionen: einen Javascript-Code zum direkten Einbetten in den WordPress-Beitrag und ein Plugin zum Einbetten von Instagram-Feeds mit einem Shortcode. Sie haben die Wahl, wie Sie dies tun möchten.Und unten finden Sie die Anweisungen für beide verfügbaren Optionen zum Starten.

Option 1: Instagram-Feed-Plugin

Instagram-Feed WordPress-Plugin

EmbedSocial bietet ein kostenloses WordPress-Plugin für Instagram-Feeds als Teil des Social-Media-Aggregators EmbedFeed und funktioniert für jedes WordPress-Theme.

Mit dem EmbedFeed Instagram Feed für WordPress können Sie einen vollständigen Beitrags-Feed oder einen einfachen Foto-Feed mit Ihren Instagram-Bildern erstellen.

Bevor Sie beginnen, müssen Sie zunächst Ihr Instagram-Benutzerkonto verbinden.

Befolgen Sie anschließend diese Schritte, und Sie müssen das Instagram-Plugin auf Ihrer WordPress-Website aktivieren.

Hier sind die Schritte zum Aktivieren des EmbedSocial-Plugins und zum Einbetten des Instagram-Feeds in WordPress:

  • Öffnen Sie Ihren WordPress-Admin und navigieren Sie zu Plugins
  • Geben Sie in der Suche EmbedSocial ein und klicken Sie in den Suchergebnissen auf Installieren
  • Klicken Sie nach der Installation in der Liste der Plugins auf aktivieren Sie.
  • Öffnen Sie nun Ihre WordPress-Seite, auf der Sie den Feed anzeigen möchten
  • Klick auf das + Schaltfläche, um einen Block hinzuzufügen und einen benutzerdefinierten auszuwählen HTML-Block (Oder Sie können den Shortcode-Block verwenden und den Shortcode verwenden, der auch in den Code-Optionen in Ihrem Widget-Editor in EmbedFeed bereitgestellt wird.)
  • Fügen Sie den bereitgestellten HTML-Code ein
  • Klicken Sie auf dieser Seite auf „Speichern“/„Veröffentlichen“.

Das ist es. Sobald Sie das Frontend Ihrer WordPress-Site öffnen, sehen Sie die neuesten Instagram-Posts auf Ihrer Website.

Die Verwendung von EmbedFeed hilft Ihnen bei der Auswahl der Layouts und einer Reihe von Spalten, fügt eine Follow-Schaltfläche hinzu und fügt sogar einen Facebook-Feed oder TikTok-Feed in ein Social-Media-Widget ein.

Option 2: Instagram-Feed-Javascript

Diese Option wird normalerweise für einmalige Einbettungen empfohlen, z. B. das Anzeigen eines Instagram-Widgets in der Seitenleiste der Website.

Dazu müssen Sie den Code von Ihrem EmbedSocial-Konto abrufen und den Code in den Widgets-Bereich einfügen, in dem sich Ihre Seitenleiste befindet.

Für weitere Details können Sie uns gerne um Hilfe bitten oder das vollständige WordPress-Tutorial für Instagram-Feeds lesen.

Betten Sie den Instagram-Feed auf anderen CMS-Plattformen ein

Bisher haben wir im Text erklärt, wie Sie Ihren Instagram-Feed anzeigen, indem Sie einen Javascript-Code in den Hauptteil Ihrer Website kopieren/einfügen.

Und Sie fragen sich wahrscheinlich, wie das geht, wenn Sie eine bestimmte E-Commerce-Plattform, ein CMS (Content-Management-System) oder einen Web-Builder verwenden. Die EmbedFeed-Plattform bietet einen Instagram-Feed-Code, der für Ihre Squarespace-Website, Weebly-Website oder Ihren Shopify-Onlineshop funktioniert.

Hier sind die angesehenen Tutorials zur Verwendung des Codes der EmbedFeed-Plattform für Instagram-Feeds:

Instagram-Feed in SquareSpace anzeigen

Der vom kostenlosen Instagram-Widget EmbedFeed bereitgestellte Code funktioniert auch mit der Squarespace CMS-Plattform.

Gehen Sie zunächst zu Ihrem Squarespace-Konto und navigieren Sie von der Startseite aus zu der Website, auf der Sie das Widget anzeigen möchten:

Befolgen Sie nun die nachstehenden Schritte, um zu erfahren, wie Sie den einbettbaren Code Ihres Instagram-Widgets einfügen:

Schritt 1: Zeigen Sie auf den Abschnitt der Seite, in dem Sie das Widget hinzufügen möchten, und fügen Sie einen neuen Inhaltsblock hinzu, indem Sie auf klicken Plus-Taste

HTML-Blockbereich in Squarespace hinzufügen

Schritt 2: Wählen Sie „Einbetten’ blockieren und auf klicken „Daten einbetten“ Code-Symbol.

Klicken Sie auf das Symbol zum Einbetten von Daten

Schritt 3: Fügen Sie den Code an der Einfügemarke ein und klicken Sie auf „Satz

HTML-Code in Squarespace einbetten

Instagram-Feed auf der Shopify-Website anzeigen

Es gibt einige Optionen zum Einbetten des Instagram-Widgets per EmbedSocial-Code in Shopify.

Im folgenden Tutorial zeigen wir Ihnen, wie Sie den JavaScript-Code in eine ausgewählte Seite einbetten.

Melden Sie sich bei Ihrem Shopify-Konto an, gehen Sie zu Shop > Optionen > Seiten und öffnen Sie die Seite, auf der Sie das Widget anzeigen möchten. Folgen Sie dann diesen Schritten:

Schritt 1: Klicken Sie im Seiteneditor auf das Codesymbol oben rechts

instagram in shopify einbetten

Schritt 2: Klicken Sie auf das HTML/Code-Symbol in der oberen rechten Ecke des Texteditors und fügen Sie den bereitgestellten Code ein.

Code in Shopify einfügen

Klicken Sie abschließend auf „Speichern', und der Instagram-Feed wird auf der ausgewählten Seite angezeigt.

Betten Sie den Instagram-Feed auf anderen Webplattformen ein

Hier sind zusätzliche Tutorials, die Ihnen helfen, die Instagram-Fotos auf anderen Webplattformen anzuzeigen:

  • Instagram-Feed in Wix einbetten
  • Betten Sie den Instagram-Feed in Weebly ein
  • Instagram-Feed in PageCloud einbetten

Weitere Optionen zum kostenlosen Einbetten von Instagram-Feeds

Hier sind 2 kostenlose Optionen, wie Sie Ihren Instagram-Feed in WordPress oder einer anderen Webplattform hinzufügen können:

1. Die offizielle Einbettungsoption von Instagram

Instagram bietet eine einfache Einbettungsfunktion, mit der Sie einen Instagram-Beitrag in WordPress hinzufügen können.

Instagram kostenlos einbetten

  1. Öffnen Sie zunächst Ihre Instagram-Business-App im Browser
  2. Öffnen Sie das Bild, das Sie einbetten möchten, und wählen Sie das 3-Punkte-Menü in der oberen rechten Ecke
  3. Wählen Sie die Option ‘Einbetten‘ und kopieren Sie den Code
  4. Öffnen Sie Ihren WordPress-Editor und gehen Sie zu der Seite, auf der dieser Beitrag erscheinen soll
  5. Wählen Sie den Bereich des Editors aus, in dem Sie den Code hinzufügen möchten, und klicken Sie auf das +-Symbol
  6. Wählen Sie den Block „Einbetten“ und fügen Sie die Bild-URL in das Eingabefeld ein
  7. Klicken 'Aktualisieren '(oder 'Vorschau‘), um Ihren eingebetteten Instagram-Feed anzuzeigen

Obwohl dies einfache Möglichkeiten zum Einbetten Ihres Instagram-Feeds sind, sind sie mit vielen Einschränkungen verbunden:

  • Sie können jeweils nur einen Beitrag anhängen
  • Keine Option für Anpassungen, Moderation von Instagram-Inhalten, Leistungsanalysen, Live-Aktualisierungen von Instagram-Feed-Inhalten, mehrere Posts usw.

2. Instagram-Feed-Plugins von Drittanbietern für WordPress oder jede andere Website

EmbedFeed ist nicht die einzige Plattform, die eine kostenlose Version zum Einbetten von Instagram-Feeds anbietet.

Es gibt viele andere Tools, die Ihnen bei einer ähnlichen Aufgabe helfen können.

Bevor Sie das endgültige Tool verwenden, empfehlen wir Ihnen, im WordPress-Plugin-Verzeichnis oder im Shopify-Apps-Store nach relevanten Apps wie Smash Balloon zu suchen, die ähnliche Funktionen bieten könnten.

Notiz: Instagram ändert die API ständig, und Sie benötigen ein professionelles Tool, das von Entwicklern entwickelt wurde, die API-Zugriff auf die Instagram-Plattform haben. Im Juni 2020 hat Instagram aufgehört, die alte API („Basic Permission“) zu verwenden, um Fotos von persönlichen Instagram-Konten in Widgets anzuzeigen. Das bedeutet, dass Apps von Drittanbietern, die die aktuelle API verwenden, keine Bilder mehr von Ihrem Konto anzeigen können, wenn sie nicht auf die neue API umstellen.Sie müssen Ihr persönliches Instagram-Konto in ein Instagram-Geschäftskonto oder ein Instagram-Creator-Konto umwandeln. EmbedSocial kann dies bieten und ist bereits mit den neuesten API-Änderungen kompatibel.

Erfahren Sie mehr über die neuen bedeutenden Änderungen an der Instagram-API

Machen Sie mehr: Betten Sie Ihren Instagram-Feed wie ein Profi in eine Website ein

Wir haben erklärt, wie Sie die kostenlose Version der EmbedFeed-Plattform zum Einbetten von Instagram-Feeds auf jeder Website verwenden können.

Wenn Sie professionelle Einstellungen und viele andere Funktionen benötigen, um die Layouts Ihres Feeds anzupassen oder zu ändern, Ihre Instagram-Feeds mit benutzerdefinierten „Kaufen“-Schaltflächen kaufbar zu machen und vieles mehr, können Sie die EmbedFeed PRO-Version ausprobieren.

In der PRO-Version Feed einbetten bietet die Möglichkeit, die von Hashtags generierten Instagram-Hashtag-Walls zu kuratieren und hat auch die Möglichkeit, Beiträge zu generieren, die von anderen Benutzern veröffentlicht werden und Ihr Instagram-Konto erwähnen.

Darüber hinaus ist es ein vollständiger Social-Media-Aggregator, der Social-Media-Inhalte aus allen wichtigen Social-Media-Netzwerken generiert, über Moderationsoptionen verfügt, um die volle Kontrolle darüber zu haben, welche Instagram-Posts veröffentlicht werden, und Optionen zum Einbetten mehrerer Instagram-Feed-Widgets auf zahlreichen Websites bietet.

Es ist eines der professionellsten Instagram-Tools oder Plugins für Websites, das fortschrittlichere Lösungen zum Anzeigen Ihrer Instagram-Fotos auf WordPress-, Wix-, Squarespace-, HTML-Websites oder anderen Webplattformen bietet.

FYI: Sie können Instagram-Widget einbetten automatisch mit EmbedSocials UGC-Plattform. Starten Sie eine kostenlose Testversion und zeigen Sie jetzt Ihre Social-Media-Widgets an.

Instagram-Feed einbetten

Einbetten Instagram-Widget auf Ihrer Website automatisch!

Probieren Sie EmbedFeed aus und zeigen Sie Instagram-Inhalte aus Ihrem Feed, Erwähnungen oder Hashtags auf Ihrer Website an.

votes
Article Rating
Verwandter artikel:  So machen Sie ein solides Foto auf Instagram
Ссылка на основную публикацию
0
Would love your thoughts, please comment.x
Adblock
detector