So betten Sie kostenlos einen Instagram-Feed in eine Website ein (einfache Schritte)
Möchten Sie Ihre Website interaktiver und ansprechender gestalten? Wenn Sie den Instagram-Feed auf Ihrer Website einbetten, bieten Sie Ihren Besuchern fesselnde Inhalte direkt. So können sie mit den lebendigen Posts und Videos von Instagram interagieren, was ihr Interesse weckt und sie zum Handeln motiviert.
Wussten Sie - Viele Menschen nutzen Instagram, um neue Produkte zu finden. Über 35% der Instagram-Nutzer haben etwas gekauft, nachdem sie es in der App gesehen haben. Außerdem glauben 72 % der Kunden, dass das Betrachten von Produktbildern auf Instagram die Wahrscheinlichkeit erhöht, dass sie diese Produkte kaufen.
| Keine Kreditkarte erforderlich |
2 Methoden zum Einbetten eines Instagram-Feeds auf einer Website
A. Betten Sie Instagram-Beiträge mit der Instagram-Einbettungsoption ein
B. So betten Sie mit Tagbox einen Instagram-Feed in eine Website ein
A. Instagram-Feed mit Instagram in die Website einbetten (manuell)
Es mag Sie überraschen, aber Instagram selbst bietet Benutzern die Möglichkeit, Instagram-Feeds auf ihrer Website einzubetten. Stellen Sie dazu sicher, dass Sie ein offenes Konto haben und stellen Sie sicher, dass Ihre Einbettungseinstellungen ebenfalls aktiviert sind.
Die einzige Einschränkung besteht darin, dass Sie im Gegensatz zu anderen Einbettungstools, mit denen Sie eine komplette visuelle Instagram-Galerie in Ihre Website einbetten können, immer nur einen Beitrag gleichzeitig einbetten können.
Wenn Sie also einen Instagram-Beitrag mithilfe eines Iframe-Codes in Ihre Website einbetten möchten, befolgen Sie ganz einfach diese einfachen Schritte:
- Öffnen Instagram.com auf dem Browser
- Gehen Sie zum Instagram Sie möchten auf Ihrer Website einbetten
- Klicken Sie auf die drei Punkte (...) in der oberen rechten Ecke des Beitrags
- Klicken Sie auf Einbetten Option zum Generieren des HTML-Einbettungscodes
- Kopieren & Pasta den Iframe-Instagram-Feed-Einbettungscode in den Editor der Webseite, auf der Sie den Instagram-Feed auf der Website anzeigen möchten
- Um beispielsweise ein Instagram-Foto auf einer WordPress-Seite einzubetten, fügen Sie den Block „Benutzerdefiniertes HTML“ hinzu und fügen Sie den Einbettungscode ein. Das ist alles!
Die Einbettungsoptionen von Instagram sind begrenzt. Sie können jeweils nur einen Beitrag einfügen. Es gibt keine einzigartigen Funktionen wie Anpassungen, Inhaltsmoderation, Leistungsanalyse, Inhaltsaktualisierungen in Echtzeit, interaktives Design usw., um sich an das Layout der Website anzupassen. Daher kommen zu diesem Zweck Instagram-Tools wie Tagbox ins Spiel. Mit zahlreichen Anpassungsmöglichkeiten, Echtzeit-Updates zu neuen Beiträgen, einem Tool ohne Codierung können Sie unterschiedliche Arten von Beiträgen mit nur einem Klick sammeln und mehr.
Nachfolgend finden Sie die Schritte zum Einbetten von Instagram auf einer Website mithilfe von Tagbox:
B. So betten Sie mit Tagbox einen Instagram-Feed in eine Website ein
Um schnell Instagram-Feed auf der Website zu integrieren und Ihr Publikum zu fesseln, ein UGC Plattformen wie Tagbox sind sehr zu empfehlen. Wir bieten eine Reihe von Funktionen, mit denen Sie die Aufmerksamkeit der Besucher mit mehreren Feeds auf sich ziehen und Benutzer zu einer Entscheidung bewegen können.
Kurzanleitung zum Einbetten von Instagram auf der Website!
1. Mit Tagbox anmelden oder registrieren
2. Klicken Sie im Dashboard auf „Social Feeds hinzufügen“
3. Wählen Sie „Instagram“ als Quelle
4. Fügen Sie jetzt einen Feed hinzu, indem Sie einen der folgenden Werte eingeben: „Hashtag(#)“, „Handle(@)“, „Stories(@)“ usw.
5. Klicken Sie nun auf „Feed erstellen“, um Ihr Instagram-Geschäftskonto zu verbinden
6. Ihr Feed ist jetzt bereit
7. Klicken Sie auf „Veröffentlichen“ und wählen Sie Ihre Website-Erstellungsplattform aus.
8. Kopieren Sie abschließend den Einbettungscode und fügen Sie ihn in das Backend ein. Kinderleicht, oder?
Wir haben für Sie ein Tutorial erstellt, mit dem Sie Instagram-Feeds einfach und problemlos sammeln, kuratieren und in die Website integrieren können, ohne dass technische Kenntnisse oder Komplexität erforderlich sind.
Schritt 1: Ein Instagram-Feed-Widget erstellen
- Einloggen oder Melden Sie sich bei Ihrem kostenlosen Taggbox Widget-Konto an.
Schritt 2: Wählen Sie Ihr Netzwerk – Instagram
- Select "Instagram" als Quelle zum Sammeln von Instagram-Posts.
- Wählen Sie Ihre Futterart um diese Beiträge von Instagram zu sammeln.
Welche Arten von Instagram-Feeds können Sie einbetten?
- Liste der Instagram-Feed-Typen:
- Hashtag (#) – Sammelt live Instagram-Hashtag-Feed auf der Website.
- Griffe (@) – Sammelt Instagram-Beiträge vom Unternehmensprofil.
- Stories - Diese Instagram Stories einbetten auf der Internetseite.
- Erwähnungen (@) – Fassen Sie Instagram-Beiträge zusammen, in denen Ihre Marke erwähnt wurde.
- Stichwort – Kuratieren Sie Feeds, in denen Sie auf Instagram markiert wurden.
- Reels – Sammeln Sie Reels aus Ihrem Unternehmensprofil, um Instagram-Reels einbetten auf der Website.
- Mein Handle – Sammeln Sie von Ihrem eigenen Geschäftskonto auf Instagram hochgeladene Beiträge.
- Wähle deinen Feed-Typ und trage die Eingabe entsprechend ein. Deine Instagram-Posts werden nun gesammelt:
Schritt 3: Generieren Sie den Einbettungscode für den Instagram-Feed
Wenn Sie alle Ihre Beiträge erhalten und mit der Moderation und Anpassung fertig sind, befolgen Sie die unten angegebenen Schritte, um den Einbettungscode für das Instagram-Profil oder die Seiten-Feeds zu erhalten, den Sie in Ihrem Website-Code verwenden können, um das Instagram-Profil auf der Website einzubetten.
- Klicken Sie auf Veröffentlichen Schaltfläche auf dem Widget-Editor-Bildschirm.
- Wählen Sie das "Auf Webseite einbetten“Option zum Einbetten des Instagram-Feeds auf der Website.
- Wählen Sie jetzt Ihre Plattform zum Erstellen von Websites wie (HTML, WordPress, Wix, Shopify, Weebly, Squarespace usw.)
- Passen Sie die Höhe und Breite Ihres Widgets an und kopieren Sie den generierten Einbettungscode. Jetzt haben Sie erfolgreich den „Instagram-Feed-Einbettungscode“ für Ihr Website-CMS. Befolgen Sie die unten angegebenen Schritte, um Ihren Instagram-Feed in Ihrem Website-Builder anzuzeigen.
Schritt 4: Instagram-Feed mit Embed-Code in die Website integrieren
- Melden Sie sich bei Ihrer Website an und gehen Sie zum Backend- oder Editorbereich der Seite, in die Sie den Instagram-Beitrag einbetten möchten.
- Fügen Sie den kopierten Instagram-Einbettungscode aus dem kostenlosen Website-Widget von Taggbox in den Textkörper Ihrer Seite ein und veröffentlichen/aktualisieren Sie die Änderungen.
- Sie haben Instagram-Feeds erfolgreich auf der Website eingebettet.
| Keine Kreditkarte erforderlich |
Wie kann ich einen Instagram-Feed in einen anderen Website-Builder einbetten?
Hier finden Sie die Schritt-für-Schritt-Lösungen für alle gängigen CMS-Plattformen, sodass Sie nicht befürchten müssen, etwas zu verpassen. Jetzt erkunden!
- Schritte zum Einbetten von Instagram in HTML
- Schritte zum Einbetten von Instagram in WordPress
- Schritte zum Hinzufügen von Instagram zu Squarespace
- Schritte zum Hinzufügen von Instagram auf Wix
- Schritte zum Einbetten von Instagram in Weebly
- Schritte zum Hinzufügen von Instagram zu Shopify
- Schritte zum Einbetten von Instagram in Google Sites
1. Wie integriere ich einen Instagram-Feed in das HTML einer Website?
HTML ist eine gut organisierte Website-Plattform, der viele Unternehmen und Marken vertrauen. Sie scheinen einer von ihnen zu sein. Möchten Sie Ihren Website-Besuchern mehr bieten, damit sie länger bleiben und die Verweildauer auf Ihrer Website erhöhen?
Hier sind einige einfache Schritte, mit denen Sie Ihren Instagram-Feed in den HTML-Code einer Website einbetten können:
- Melden Sie sich bei Ihrer HTML-Website an und wählen Sie die Zielseite aus, auf der Sie ein Instagram-Feed-Widget hinzufügen möchten.
- Fügen Sie Ihren kopierten „HTML-Code des Instagram-Feeds“ in den Bereich „Seite/Blog/Seitenleiste“ ein.
- Übernehmen Sie die Änderungen und Tada! Sie haben die Einbettung erfolgreich abgeschlossen. Instagram-Widget im HTML Webseite.
2. Wie kann ich einen Instagram-Feed in WordPress einbetten?
WordPress ist die perfekte Plattform für die Gestaltung futuristischer Webseiten mit Einzigartigkeit. Wenn Sie jemand sind, der Ihren Website-Besuchern gerne einzigartige Inhalte bietet, kann das Einbetten von Instagram-Posts die perfekte Lösung für Sie sein.
Hier sind einige Schritte, die Sie befolgen können, um einen Instagram-Feed in eine WordPress-Site einzubetten:
- Melden Sie sich bei Ihrer WordPress-Website an.
- Wählen und bearbeiten Sie die Webseite, in die Sie die Instagram-Beitragsgalerie einbetten möchten.
- Wählen Sie im Dashboard des WordPress-Editors ab Version 6.0 den Abschnitt „Seiten > Neue Seite hinzufügen“ aus.
- Wählen Sie die Schaltfläche (+), wählen Sie die benutzerdefinierte HTML-Option, fügen Sie Ihren Instagram-Einbettungscode ein und wenden Sie die Änderungen an, um die Instagram-Galerie auf der Website anzuzeigen.
Schauen Sie sich das vollständige Tutorial für alle Versionen von WordPress an, um Instagram-Feed in WordPress einbetten.
3. Wie kann ich einen Instagram-Feed in Squarespace einbetten?
Squarespace ist ein einzigartiger Website-Builder und die bevorzugte Wahl für Unternehmen, die keine Angst haben, mit allen von Squarespace bereitgestellten Vorlagen zu experimentieren.
Das Hinzufügen von Instagram-Feeds zu Ihrer Squarespace-Website ist die perfekte visuelle Hilfe für Ihre Website-Besucher, um sie länger bei der Stange zu halten. Hier sind die Schritte, die Sie befolgen können:
- Öffnen Sie einen Seiten- oder Beitragseditor und klicken Sie auf „Block hinzufügen“.
- Wählen Sie „Einbetten“ aus dem Menü und klicken Sie auf das Symbol im URL-Feld.
- Fügen Sie nun den Einbettungscode Ihrer Instagram-Fotogalerie in dieses Feld ein und klicken Sie auf „Festlegen“.
- Klicken Sie anschließend auf „Übernehmen“, um Ihre Änderungen zu veröffentlichen.
Vollständige Anleitung zu Instagram-Feed zu Squarespace hinzufügen Webseite.
4. Wie fügt man einen Instagram-Feed zur Wix-Website hinzu?
Wix ist die erste Wahl für Unternehmen, die ihre Websites lieber vollständig selbst erstellen lassen möchten, da Wix den Benutzern die Freiheit gibt, ihre Webseiten ganz nach Wunsch zu gestalten und zu entwickeln.
Befolgen Sie hier diese einfachen Schritte, um einen Instagram-Feed zur Wix-Website hinzuzufügen:
1. Instagram-Feed mit dem klassischen Editor in Wix einbetten
- Für den klassischen Editor folgen Sie den folgenden Schritten, um einen Instagram-Feed auf der Wix-Website einbetten.
- Klicken Sie auf „+“.
- Wählen Sie aus der verfügbaren Liste die Option „Widget einbetten“.
- Auf der Seite haben Sie die Möglichkeit, die Höhe und Breite Ihres Widgets je nach Seitenlayout anzupassen.
- Klicken Sie auf „Code eingeben“.
- Fügen Sie den Einbettungscode in den Wix Editor ein.
- Tippen Sie auf „Aktualisieren“ und Ihr Instagram-Feed wird auf Ihrer Editor-Seite angezeigt.
- Klicken Sie auf die Schaltfläche „Veröffentlichen“, um Ihre Änderungen abzuschließen.
Das war’s. Ihr Instagram-Feed ist live auf Ihrer Wix-Website.
2. Einbetten eines Instagram-Feeds auf Wix mit dem ADI-Editor
- Bei der Arbeit mit dem Wix ADI-Editor haben sich einige Schritte geändert. Schauen wir sie uns an.
- Klicken Sie auf das „+“-Symbol.
- Wählen Sie den Abschnitt aus, in den Sie den Instagram-Feed einbetten möchten.
- Wählen Sie links „HTML einbetten“ aus.
- Wählen Sie aus den integrierten Vorlagen und bearbeiten Sie dort den Standardinhalt.
- Klicken Sie auf die Schaltfläche „Auswählen“, die neben HTML angezeigt wird
- Wählen Sie hier anstelle des Einbettungscodes für den Instagram-Feed die Option „Website“.
- Fügen Sie die Vorschau-URL Ihres Feeds hinzu und passen Sie die Breite und Höhe Ihrer Feed-Anzeige an.
- Tippen Sie jetzt auf die Schaltfläche „Veröffentlichen“, um Ihren Feed auf Ihrer Wix-Website funktionsfähig zu machen.
| Keine Kreditkarte erforderlich |
5. Wie kann ich einen Instagram-Feed in Weebly einbetten?
Wenn Sie optisch ansprechende Instagram-Inhalte auf Ihrer Weebly-Website anzeigen, erhalten Sie einige erstaunliche visuelle Marketingvorteile für Ihre E-Commerce-Website.
Suchen Sie nicht weiter, denn wir haben ein paar einfache Schritte zusammengestellt, mit denen Sie mühelos einen Instagram-Beitrag in Ihre Weebly-Website einbetten können.
- Suchen Sie das Element „Embed Code“ (im Menü auf der linken Seite Ihres Bildschirms)
- Ziehen Sie das Embed-Code-Element per Drag & Drop auf die Seite, auf der Sie Feeds von Instagram an die Weebly-Website anhängen möchten.
- Klicken Sie auf das HTML-Feld und wählen Sie die Option „Benutzerdefiniertes HTML bearbeiten“.
- Fügen Sie den Einbettungscode des Instagram-Feeds ein in Instagram-Feed anzeigen Weebly Website.
6. Wie füge ich einen Instagram-Feed zum Shopify Store hinzu?
Shopify ist die perfekte Website für Unternehmen, die nach einer nahtlosen Plattform für die Erstellung einer kostenlosen E-Commerce-Website suchen, um ein größeres Publikum zu erreichen.
Fügen Sie dem Shopify-Store einen Instagram-Feed hinzu, um die Besucher Ihrer Website einzubinden und die Konversionsraten zu erhöhen.
- Klicken Sie im Abschnitt „Vertriebskanäle“ auf „Online-Shop“. In der Seitenleiste wird eine Dropdown-Liste angezeigt. Wählen Sie die Option „Themen“ aus.
- Auf der rechten Seite des Bildschirms finden Sie eine Aktionsschaltfläche für Ihr aktuelles Thema
- Klicken Sie auf diese Aktionsschaltfläche und wählen Sie „Code bearbeiten“ aus der Dropdown-Liste.
- Wählen Sie Layout/Vorlagen/Abschnitt (z. B.: Für Homepage – Index. liquid), wo Sie Instagram-Profile oder Seiten-Feeds einbetten möchten
- Füge den kopierten Code des Instagram-Posts ein und klicke auf Speichern.
7. Wie kann ich einen Instagram-Feed in Google Sites einbetten?
Google Sites hat das Erstellen von Websites für Benutzer vereinfacht. Sie müssen den Inhalt nur per Drag & Drop an die gewünschte Stelle ziehen. Sie benötigen keinen Webentwickler, Website-Designer oder anderen Programmierer. Sie können Team-Webseiten, öffentlich zugängliche Websites, interne Projektzentren und vieles mehr erstellen.
Marken finden es unglaublich wichtig, da es zahlreiche Vorteile und eine reaktionsfähige Funktion bietet, mit der Kunden auch mit einem Smartphone auf die Google-Site zugreifen können. Sehen wir uns nun an, wie Sie Integrieren Sie den Instagram-Feed in Ihre Google-Sites.
- Nachdem Sie Ihren Feed erstellt haben, kopieren Sie den generierten Code.
- Öffnen Sie Ihr Google Site-Konto und melden Sie sich an.
- Wählen Sie auf der rechten Seite die Seite aus, auf der Sie Ihr Instagram-Feed-Widget einbetten möchten. (Nehmen wir an, wir können die Kontaktseite auswählen.)
- Wählen Sie die Registerkarte EINFÜGEN und die Option > Einbetten auf Ihrem Dashboard.
- Wenn das Popup-Fenster zum Einbetten aus dem Internet angezeigt wird, wählen Sie „EINBETTUNGSCODE“, fügen Sie den Einbettungscode ein und klicken Sie dann auf „WEITER“.
- Das Widget wird nun als Vorschau auf Embed angezeigt, das aus dem Web-Popup-Formular abgerufen wurde.
- Klicken Sie auf die INSERT Schaltfläche zum Integrieren der Instagram-Beiträge auf Ihrer Google-Site-Webseite.
| Keine Kreditkarte erforderlich |
Prüfen - Beispiele für Instagram-Feeds auf Websites, die Sie kopieren können
Benötigen Sie ein ansprechendes Design zur Anzeige visueller Inhalte? Probieren Sie das Galeriedesign aus, um Ihre Benutzer im Handumdrehen zu verführen.
Zu dir hinüber
Ohne Zweifel ist Instagram ein großartiges Marketinginstrument. Von der Zielgruppe zur Steigerung Ihres Umsatzes bis hin zu benutzergenerierten Inhalten zum Aufbau vertrauensvoller Beziehungen erhalten Sie hier alles. Da sich diese Plattform ständig ändert, muss sich Ihr Unternehmen schnell an diese Änderungen anpassen. Auf diese Weise können Sie das Website-Erlebnis Ihrer Kunden effizienter verbessern.
Durch die Einbettung Ihres Instagram-Feeds auf der Website können Sie die Konversionsrate steigern, indem Sie Ihrer Marke ein glaubwürdiges Erscheinungsbild verleihen. Mit Tagbox können Sie mehrere Feeds mit schnellen Uploads auf einer einzigen Seite einbetten und sogar die Leistung in Bezug auf Engagement und Verkäufe verfolgen.
Sammeln, moderieren und fügen Sie Instagram-Feeds auf jeder Website hinzu, um den sozialen Nachweis und die Authentizität zu erhöhen
Die Anmeldung ist KOSTENLOSKeine Kreditkarte erforderlich.
FAQs
Um Ihren Instagram-Feed kostenlos einzubetten, können Sie das Taggbox-Widget-Tool verwenden, das Ihnen dabei hilft, Inhalte auf der Website mithilfe eines eindeutigen Hashtags (#), Handles (@), Videos, Reels, Stories, Erwähnungen, Tags usw. zu sammeln, zu kuratieren und anzuzeigen. Sie können den generierten Einbettungscode für den Instagram-Feed einfach in die Seiten Ihrer Website einbetten.
Gehen Sie zu Instagram und wählen Sie den Beitrag aus, für den Sie den Einbettungscode generieren möchten. Klicken Sie dann auf die drei Punkte, um weitere Optionen anzuzeigen. Wählen Sie nun die Einbettungsoption aus, um den Einbettungscode für den Instagram-Feed zu generieren. Wenn Sie mehrere Instagram-Beiträge einbetten möchten, melden Sie sich beim Instagram-Aggregator von Tagbox an und sammeln Sie alle Ihre Beiträge.
Tagbox bietet eine nahtlose Lösung, um mit wenigen Klicks einen Instagram-Feed auf einer Website einzubetten. Nachdem Sie mit Tagbox ein Widget gesammelt und kuratiert haben, müssen Sie Ihre CMS-Plattform aus den verfügbaren Optionen auf dem Dashboard auswählen. Anschließend wird ein eindeutiger HTML-Code generiert, den Sie kopieren und im Backend Ihrer Website dort einfügen können, wo die Instagram-Feeds erscheinen sollen.
Ja, Taggbox hat eine exklusive Plugin für WordPress Websites, die Sie im WordPress-Dashboard finden können, indem Sie im Plugin-Bereich nach „Taggbox“ suchen. Sobald Sie ein Plugin zu Ihrem WordPress-Dashboard hinzugefügt haben, können Sie ganz einfach ein Instagram-Feed-Widget zu Ihrer WordPress-Website hinzufügen.
Sie können Instagram-Feeds auf mehreren Seiten Ihrer Website anzeigen. Sei es in der Fußzeile, der Seitenleiste, der Kopfzeile, der Homepage, Blogs oder jeder beliebigen Webseite. Sie müssen nur den Einbettungscode kopieren und im Backend Ihrer Website dort einfügen, wo Ihre Instagram-Feeds erscheinen sollen.
Ja, Taggbox bietet Ihnen eine benutzerdefinierte Post-Funktion, mit der Sie mit nur wenigen Klicks bestimmte Posts hinzufügen können. Melden Sie sich bei Ihrem Taggbox-Konto an > Gehen Sie zu Apps & Mehr > Wählen Sie „Benutzerdefinierter Post“ > Fügen Sie die Post-URL hinzu > Klicken Sie auf die Schaltfläche „Post erstellen“. Ihr bestimmter Post aus Ihrem Feed wird automatisch angezeigt.
