So betten Sie das Instagram-Feed-Widget in die Website ein

Seit seiner Einführung gilt Instagram als sehr leistungsstarke und effektive Marketingplattform für Unternehmen, die eine organische Reichweite und Sichtbarkeit für ihre Produkte und Dienstleistungen erzielen möchten. Stellen Sie sich nun vor, wie groß die Wirkung wäre, wenn Sie ein Instagram Widget auf der Website!

Mit 500 Millionen aktiven Nutzern täglich bietet Instagram Unternehmen, egal ob groß oder klein, enorme Wachstumschancen. Eine gezielte Instagram-Strategie hilft Unternehmen, weit zu kommen und so den gesamten Kundenstamm für Ihr Unternehmen zu erweitern.

Das Einbetten von Instagram-Inhalten auf Ihrer Unternehmenswebsite ist eine solche Strategie, die Ihnen helfen könnte, den Besuchern Ihrer Website einen konstanten sozialen Beweis zu präsentieren. Nun gibt es viele Möglichkeiten, wie Sie Instagram-Feed auf der Website einbetten.

In diesem Artikel erfahren Sie, wie Sie ein Instagram-Website-Widget einbetten. Also, legen wir los!

Taggbox Instagram-Widget für die Website

Mit Begriffen wie „Einbetten“, „Widget“ usw. mag der gesamte Prozess etwas zu technisch erscheinen, aber das ist er eigentlich nicht!

Einbetten des Instagram-Feeds auf Ihrer Website mithilfe eines Social Media Feed Widget ist relativ einfacher, als Sie vielleicht denken. Es kann in vier einfache Schritte unterteilt werden:

Schritt-1: Erstellen Sie einen Instagram-Feed mit dem Taggbox-Widget.

Schritt-2: Widget-Design anwenden

Schritt-3: Generieren Sie den Widget-Einbettungscode aus dem Taggbox-Widget

Schritt-4: Betten Sie das Feed-Widget in Ihre Website ein

Lassen Sie uns also Schritt für Schritt lernen, wie Sie ein Widget für Instagram-Posts in Ihre Website einbetten.

Erstellen Sie ein Instagram-Post-Widget mit Taggbox

Um Ihr eigenes Widget zu erstellen, befolgen Sie diese wirklich einfachen Schritte und Sie erhalten ein schönes Instagram-Feed-Widget. 

Schritt-1: Erstellen Sie ein Konto bei Taggbox Kostenloses Website-Widget. Melden Sie sich bei Ihrem Konto an. Sie gelangen zum Dashboard.

Schritt-2: Klicke auf "Social Feeds hinzufügen“, um dem Widget soziale Feeds hinzuzufügen. 

Schritt-3: A "Wählen Sie eine Quelle” wird angezeigt. Wählen Sie Instagram wie dein Feed Quelle. 

Hinweis: Taggbox bietet Ihnen die Möglichkeit,gFeeds sowohl vom Standard-Instagram-Konto als auch vom Instagram-Geschäftskonto regulieren. Gemäß der aktualisierten Instagram-API-Richtlinie können Sie jetzt über ein Standard-Instagram-Konto keine Posts mehr auf der Grundlage von Hashtags und Standorten abrufen. Dazu benötigen Sie ein Instagram-Geschäftskonto. Hier wählen wir das Instagram-Geschäftskonto.

Schritt-4: A Instagram-Feed erstellen erscheint. Wählen Sie eine Quelle aus Hashtag(#), Handle(@), Erwähnung, Reels, Geschichten usw und erstellen Sie eine Instagram-Verbindung, indem Sie auf „Feed erstellen“ klicken.

Schritt-5: A Weiter mit Facebook Es wird ein Feld angezeigt. Klicken Sie darauf und geben Sie Ihre Anmeldeinformationen ein, um Ihr Instagram-Konto zu verbinden.

Großartig! Sie haben Instagram-Beiträge erfolgreich aggregiert und sie werden bald im Widget-Editor angezeigt. 

Sie können das Erscheinungsbild des Instagram-Feed-Widgets mithilfe des Personalisieren-Bedienfelds im Widget-Editor anpassen. Sie können Ihre aggregierten Instagram-Beiträge auch so kuratieren, dass nur die qualitativ hochwertigsten Inhalte auf Ihrem soziale Wand mithilfe des Moderationsbereichs im Widget-Editor.

Widget-Design anwenden

Dies ist der einfachste und unterhaltsamste Schritt des gesamten Prozesses. Nachdem Sie Ihre eigenen Instagram-Feeds im Widget-Editor aggregiert haben, befolgen Sie diese einfachen Schritte, um das Widget-Design anzuwenden.

Schritt-1: Klicken Sie auf Design > Themen in der linken Spalte der Widget-Editor.

Schritt-2: Von dem Themes, wählen Sie das Widget-Thema.

Schritt-3: Klicken Sie auf Thema anwenden.

Schritt-4: Sie werden das Widget mit aggregierten Instagram-Inhalten sehr bald in Ihrem Widget-Editor sehen.

Und das war’s! Sie haben erfolgreich ein Widget erstellt. Jetzt müssen Sie es nur noch in Ihre Website einbetten. Fahren wir also mit dem nächsten Schritt fort, dem Einbetten des Instagram-Feed-Widgets in die Website.

Lesen auch - Instagram Slider-Widget auf der Website einbetten

Generieren Sie den Einbettungscode aus dem Taggbox-Widget

Um nun ein Instagram-Post-Widget auf Ihrer Website einzubetten, müssen Sie zunächst einen Einbettungscode aus unserem leistungsstarken Instagram-Aggregator - Taggbox. Befolgen Sie diese einfachen Schritte, um zu erfahren, wie Sie Einbettungscode aus Taggbox generieren.

Schritt-1: Nachdem Sie das Widget für den Instagram-Feed in Ihrem Widget-Editor erstellt haben, klicken Sie auf das Veröffentlichen .

Schritt-2: Wähle Deine Plattform zum Erstellen von Websites aus dem angezeigten Dialogfeld. (zB: Lass uns wählen HTML.)

Schritt-3: Setze die Breite, Größe und Höhentyp entsprechend Ihren Anforderungen und klicken Sie auf „Code abrufen“

Schritt-3: Kopieren Sie den generierten Code in die Zwischenablage.

Dies ist der gewünschte Embed-Code, den wir von Taggbox generieren wollten. Sobald dieser Embed-Code generiert wurde, kann er kopiert und im Backend jeder Webseite eingefügt werden, sodass Sie das Widget auf Ihrer Website einbetten können.

Betten Sie Instagram-Beiträge in Ihre Website ein

Es gibt viele Website-Erstellungsplattformen, die Benutzer zum Erstellen ihrer Websites verwenden. Lassen Sie uns lernen, wie Sie das Instagram Feed Widget in einige der wichtigsten Website-Erstellungsplattformen einbetten.

In HTML-Website einbetten

HTML ist eine der grundlegendsten und beliebtesten Plattformen zum Erstellen von Websites. Es ist die Stärke eines Entwicklers. Um das Instagram-HTML-Widget auf der Website einzubetten, befolgen Sie diese einfachen Schritte:

Schritt-1: Wählen Sie HTML als Plattform zum Erstellen Ihrer Website.

Schritt-2: Generieren Sie den Einbettungscode aus Taggbox (bereits erklärt). Kopieren Sie den Einbettungscode in die Zwischenablage.

Schritt-3: Gehen Sie nun zum Backend der Webseite, in die Sie das Widget einbetten möchten. 

Schritt-4: Fügen Sie den kopierten Code in den Textabschnitt ein, in den Sie das Widget einbetten möchten, und speichern Sie die Änderungen. (Wenn Sie kein technischer Experte sind, können Sie Ihren Entwickler bitten, dasselbe zu tun.)

Großartig! Sie haben das Widget erfolgreich in Ihre Website eingebettet.

In WordPress-Website einbetten

WordPress ist eine der beliebtesten Website-Erstellungsplattformen weltweit und wird von den meisten großen Websites großer und kleiner Marken auf der ganzen Welt verwendet. Es verfügt über erstaunliche Anpassungsfunktionen und Plugins, sowohl kostenlos als auch kostenpflichtig.

Folgen Sie diesen einfachen Schritten, um die Instagram-Widget auf der WordPress-Website

Schritt-1: Select WordPress als Plattform für Ihren Website-Aufbau.

Schritt-2: Generiere die Website-Einbettungscode von Taggbox. (Bereits erklärt).

Schritt-3: Öffnen Sie die Seite in Ihrem WordPress-Backend, auf der Sie Betten Sie die Instagram-Hashtag-Feeds ein.

Schritt-4: Wählen Sie "(+)Block hinzufügen“ in der oberen linken Ecke des WordPress-Editors.

Schritt-5: Klicken Sie hier auf Formatierung: und dann wählen Benutzerdefinierte HTML.

Schritt-6: Fügen Sie den kopierten Code in den Editor ein.

Schritt-7: Klicken Sie auf Beitrag veröffentlichen/aktualisieren und fertig.

Auf der WIX-Website einbetten

WIX ist eine cloudbasierte Website-Erstellungsplattform, die wirklich einfach zu verwenden ist. Jeder nichttechnische Benutzer mit grundlegenden Computerkenntnissen kann auf WIX eine Website erstellen.

Zum Einbetten Instagram-Widget auf der WIX-Website, folgen Sie diesen einfachen Schritten-

Schritt-1: Wählen Sie WIX als Plattform zum Erstellen Ihrer Website.

Schritt-2: Generieren Sie den Embed-Code von Taggbox. (Bereits erklärt)

Schritt-3: Navigieren Sie auf Ihrer WIX-Website zu der Seite, auf der Sie es einbetten möchten.

Schritt-4: Klicken Sie im WIX Editor-Backend dieser Webseite auf „+ Hinzufügen" Taste.

Schritt-5: Klicken Sie auf Mehr und wählen HTML-Iframes aus dem Embed. Fügen Sie hier den Embed-Code in das Codefeld ein.

Schritt-6: Klicken Sie auf Bewerben um die Änderungen zu speichern.

Auf der Squarespace-Website einbetten

Squarespace ist die Website-Erstellungsplattform für Kreative. Sie bietet erstaunliche Anpassungsoptionen, mit denen Sie innerhalb weniger Stunden wunderschöne Websites erstellen können.

Zum Einbetten Instagram-Feed-Widget auf der Squarespace-Website, folgen Sie diesen einfachen Schritten- 

Schritt-1: Wählen Sie Squarespace als Plattform zum Erstellen Ihrer Website.

Schritt-2: Generieren Sie den Embed-Code von Taggbox. (Bereits erklärt)

Schritt-3: Navigieren Sie auf Ihrer Squarespace-Website zu der Seite, auf der Sie das Widget einbetten möchten.

Schritt-4: Klicken Sie im Backend der Webseite auf „+ Block hinzufügen/bearbeiten".

Schritt-5: Select Embed Code aus dem Menü.

Schritt-6: Klicken Sie auf Symbol in das URL-Feld.

Schritt-7: Fügen Sie den kopierten Code ein und klicken Sie auf Bewerben und speichern Sie die Änderungen.

Auf Weebly-Website einbetten

Weebly ist eine kostenlose Plattform zum Erstellen von Websites. Sie verfügt über eine einfache Drag-and-Drop-Oberfläche, die die Nutzung zum Vergnügen macht.

Um Instagram Feed Widget auf Weebly hinzufügen Website, folgen Sie den unten angegebenen Schritten-

Schritt-1: Wählen Sie Weebly als Plattform zum Erstellen Ihrer Website.

Schritt-2: Generieren Sie den Embed-Code von Taggbox. (Bereits erklärt)

Schritt-3: Navigieren Sie auf Ihrer Weebly-Website zu der Seite, auf der Sie das Widget einbetten möchten.

Schritt-4: Wählen Sie "Embed Code“ aus der Navigationsleiste links und legen Sie es an der Stelle auf der Webseite ab, an der Sie das Widget einbetten möchten.

Schritt-5: Klicken Sie nun auf HTML-Box und Benutzerdefiniertes HTML bearbeiten .

Schritt-6: Fügen Sie hier den kopierten Code in das Feld ein und veröffentlichen Sie Ihre Änderungen.

Auf der Shopify-Website einbetten

Shopify ist die Website-Erstellungsplattform, die Sie verwenden, wenn Sie eine E-Commerce-Website erstellen möchten. Sie können damit Produkte online über mehrere Plattformen und soziale Medien verkaufen.

Um Fügen Sie ein Instagram-Feed-Widget zu Shopify hinzu Website, gehen Sie einfach wie angegeben vor.

Schritt-1: Wählen Sie Shopify als Plattform zum Erstellen Ihrer Website.

Schritt-2: Generieren Sie den Embed-Code von Taggbox. (Bereits erklärt)

Schritt-3: Navigieren Sie auf Ihrer Shopify-Website zu dem Online-Shop, in den Sie das Widget einbetten möchten.

Schritt-4: Gehen Sie zu HTML/CSS bearbeiten Option oben rechts auf der Seite.

Schritt-5: Select Layout/ Vorlagen/Abschnitt (Zum Beispiel für die Homepage – Index.liquid), wo Sie Ihren Instagram Social Hub anzeigen möchten.

Schritt-6: Fügen Sie den kopierten Code ein und klicken Sie auf Speichern.

Fazit

Dies war also eine vollständige Anleitung, wie Sie ganz einfach einen Instagram-Feed in Ihre Website einbetten können. War das nicht einfach?

Worauf warten Sie also noch? Begeben Sie sich auf die fantastische Reise, indem Sie ein Widget Ihres Instagram-Feeds auf Ihrer Website einbetten und so das allgemeine Benutzererlebnis Ihrer Website-Besucher verbessern.

Lesen auch - Instagram-Stories auf der Website einbetten