Wie bettet man Instagram-Stories in eine Website ein?
Instagram Stories, die ganz eigene Funktion von Instagram, ist das angesagteste organische Werbetool für alle Online-Marken und -Vermarkter. Instagram Stories wurden im August 2016 eingeführt und erreichen mittlerweile monatlich rund 500 Millionen Instagrammer. In diesem Blog haben wir besprochen, was genau Instagram Stories sind, welche Vorteile sie bieten und wie Marken Instagram Stories auf Websites einbetten können.
Also, lass uns eintauchen.
| Keine Kreditkarte erforderlich |
Schritt 1. Erstellen/Hinzufügen von Instagram-Storys mit dem Tagbox-Widget
1. Erstellen Sie eine kostenlose Tagbox Widget-Konto, oder Sie können sich bei Ihrem bestehenden Konto anmelden.

2. Klicken Sie nun im Dashboard auf das „Feed hinzufügen“ Option, um Instagram-Storys auf Ihr Widget zu bekommen.
3. Wählen Sie „Instagram“ als Quelle, um die Geschichten zu sammeln Instagram-Aggregator.
4. Wählen Sie aus den Quellentypen die Option „Storys“ und klicken Sie auf die Schaltfläche „Instagram verbinden“, um die Reels aus Ihrem Profil zu sammeln.
Schritt 2. Mit Instagram verbinden
1. Sie werden zum sicheren Authentifizierungsprozess weitergeleitet, sobald Sie auf das „Feed erstellen“ .
2. Geben Sie alle erforderlichen Anmeldeinformationen Ihres Instagram-Kontos ein.
3. Ihre Instagram-Storys werden innerhalb weniger Augenblicke angezeigt, sobald die Verbindung hergestellt ist.
Schritt 3. Embed-Code für Instagram Stories generieren
Befolgen Sie die unten angegebenen Schritte, um den Einbettungscode zum Anzeigen von Instagram-Storys auf der Website zu erhalten.
1. Nachdem Sie Schritt 2 abgeschlossen haben, gehen Sie zu Ihrem kostenlosen Website-Widget-Editor.
2. Klicke auf "Veröffentlichen“-Schaltfläche im Bildschirm des responsiven Website-Widget-Editors.
3. Wählen Auf Webseite einbetten Option zum Generieren eines Einbettungscodes für Instagram-Storys.
4. Wählen Sie Ihre Website-Erstellungsplattform entsprechend Ihren Anforderungen wie HTML, WordPress, Wix, Shopify, Weebly, Squarespace und mehr, und stellen Sie die Höhe und Breite Ihres Widgets entsprechend Ihren Anforderungen ein.
5. Kopieren Sie den generierten Einbettungscode und fügen Sie ihn im Backend Ihrer Website ein.
Sie haben nun erfolgreich eine Embed Code für Instagram-Geschichten.
Hauptfunktion: Machen Sie Ihren Instagram-Feed einkaufsfähig (demnächst verfügbar)
Tagbox ermöglicht es Nutzern, einen Shoppable-Feed zu erstellen, der die Präsentation und den Verkauf von Produkten ohne Einschränkungen vereinfacht. Nutzer können außerdem ansprechende, shoppable Instagram-Feeds gestalten, die Kunden ein reibungsloses Einkaufserlebnis bieten. Hier sind einige zusätzliche Funktionen:
- Sammeln Sie mühelos Instagram-Reels für Ihren Feed.
- Fügen Sie Videos mehrere Shoppable-Tags hinzu, um verschiedene Produkte zu präsentieren.
- Synchronisieren Sie Ihre Produktkataloge mit nur einem Klick.
- Leiten Sie den Social-Media-Verkehr mit Shopon.bio auf Ihre Website um.
- Personalisieren Sie Ihre Galerie mit einer Vielzahl von Themen, die zu Ihrem Stil passen.
Schritt 4. Betten Sie Instagram Stories jetzt auf jeder Website ein
1. Melden Sie sich bei Ihrer Website an und gehen Sie zum Backend Ihrer Webseite, auf der Sie Instagram-Storys anzeigen möchten. Seien es Blogs, Fußzeilenbereich, Seitenleisten, Homepage oder eine andere Seite der Website.
2. Fügen Sie den kopierten Code von Tagbox ein Instagram Widget zur Abschnitt Ihrer Seite.
3. Veröffentlichen/Anwenden, um die Änderungen zu speichern.
[Optional] Story-Thema anwenden
Marken und Vermarkter können nun ihre kuratierten Instagram-Geschichten auf der Website, und zwar in einer Weise, die genau wie die darin eingebetteten Geschichten aussieht.
Mit diesem Thema können Sie sogar anzeigen User Generated Content auf Ihrer Website in Form von Stories, um eine breite Palette von Kunden anzusprechen, die die Website besuchen. Es kann überall auf der Website eingebettet werden und sieht genauso aus wie das Kuratieren und Anzeigen von Instagram-Stories. Sie müssen nur das Thema aus der Liste der verschiedenen Themen auswählen und anwenden.
Fügen Sie Instagram-Stories zu Ihren Website-Erstellungsplattformen hinzu
Befolgen Sie diese Schritte, um Instagram-Storys auf allen von Ihnen gewählten Website-Erstellungsplattformen anzuzeigen, darunter HTML, WordPress, Shopify, Wix, Squarespace und mehr.
Wie bettet man Instagram-Stories in HTML ein?
1. Wählen Sie HTML als Plattform zum Erstellen Ihrer Website und kopieren Sie den generierten Einbettungscode.
2. Melden Sie sich jetzt bei Ihrer HTML-Website an und öffnen Sie die Seite, auf der Sie Geschichten einbetten möchten.
3. Fügen Sie den generierten Einbettungscode auf der Webseite ein, auf der das Instagram-Story-Widget erscheinen soll, und speichern Sie die Änderungen.
Sie haben Geschichten erfolgreich in die HTML-Website eingebettet
Wie kann man Instagram-Stories in WordPress einbetten?
1. Wählen Sie WordPress als Plattform zum Erstellen Ihrer Website und kopieren Sie den generierten Einbettungscode.
2. Melden Sie sich bei Ihrer Website an. Wählen Sie dann die Webseite aus und bearbeiten Sie sie, auf der Sie Instagram-Storys einbetten möchten.
3. Wählen Sie nun im Dashboard im WordPress 5.0-Editor den Abschnitt „Seiten > Neue Seite hinzufügen“ aus.
4. Klicken Sie erneut auf die Schaltfläche + und wählen Sie die Option „Benutzerdefiniertes HTML“.
5. Fügen Sie den kopierten Code in den Editorbereich von WordPress ein und wenden Sie die Änderungen an, um Instagram-Storys auf der WordPress-Website anzuzeigen.
Wie füge ich Instagram-Stories zur Shopify-Website hinzu?
Und nicht zuletzt ist Shopify die beste Plattform für ein E-Commerce-Geschäft, und viele kleine und große Marken nutzen sie.
1. Melden Sie sich bei Ihrem Shopify-Konto an und klicken Sie im Abschnitt „Vertriebskanäle“ auf „Online-Shop“.
2. Wählen Sie die Option „Designs“ aus der Dropdown-Liste in der Seitenleiste.
3. Klicken Sie auf die Aktionsschaltfläche auf der rechten Seite des Bildschirms. Wählen Sie „Code bearbeiten“ aus der Dropdown-Liste.
4. Wählen Sie Layout/Vorlagen/Abschnitt aus, wo Sie Ihre Instagram-Storys auf der Website anzeigen möchten.
5. Fügen Sie den kopierten Code von Tagbox ein und klicken Sie auf Speichern.
Vorteile der Einbettung von Instagram-Stories auf der Website:
Als eines der neuen organischen Werbetools für Marken und digitale Marketingunternehmen haben Instagram Stories den Nachteil, dass sie nicht archiviert werden können und daher nach 24 Stunden verschwinden.
Aber mit Hilfe von Social-Media-Aggregator Mit Tools wie Tagbox können Sie Ihre Instagram-Konten synchronisieren, Ihre Instagram-Storys automatisch archivieren und auf Ihrer Website anzeigen.
Hier sind die Vorteile, die das Hinzufügen von Instagram-Stories zu einer Website mit sich bringt.
• Erhöhen Sie die Reichweite Ihrer Instagram-Story
Ihre Instagram-Storys erhalten eine neue Bedeutung, sobald Sie sie auf Ihrer Website einbetten, und die neuen Benutzer, die Ihrem Konto möglicherweise nicht folgen, bleiben auf dem Laufenden. Konzentrieren Sie sich also auf die Erstellung ansprechender und attraktiver Inhalte, um einen höheren Ertrag aus der Inhaltsproduktion zu erwarten.
• Neue Form der Werbung
Wenn Sie für Instagram-Storys werben möchten, können Sie einen Code generieren, ihn an Dritte senden und die Storys als Werbung anzeigen. Kurz gesagt: Durch das Einbetten von Instagram-Storys auf Websites erhält Ihre Marke ein neues Format für die Veröffentlichung von Inhalten.
• Verwenden Sie Ihre Instagram-Stories erneut
Im aktuellen Social-Media-Marketing-Szenario können Instagram Stories als König aller anderen Inhaltsformate angesehen werden. Dies liegt daran, dass sie endlose kreative sowie digitale Interaktionsmöglichkeiten mit einer großen Anzahl von Zuschauern bieten.
• Kosten- und Zeiteffektiv
Durch das Einbetten von Instagram-Storys können Sie Ihre neuesten Storys auf Ihrer Website sehen und ihre Bekanntheit über Instagram hinaus steigern. Indem Sie Ihre Website mit Ihrem Instagram-Handle synchronisieren, sparen Sie nicht nur wertvolle Zeit, sondern auch die Kosten für manuelle Ressourcen.
Das wegnehmen:
Einfach ausgedrückt eröffnet Ihnen das Einbetten von Instagram-Stories auf Ihrer Website vielfältige Möglichkeiten und Vorteile für Ihr Unternehmen, darunter eine Steigerung der Zielgruppeneinbindung, der Markenbekanntheit, der Aufbau von Vertrauen und Loyalität, die Steigerung von Conversions und Verkäufen usw.
Häufig gestellte Fragen
Eine Funktion von Instagram, die als Instagram Story bezeichnet wird, ermöglicht es Benutzern, Inhalte zu teilen, die nach 24 Stunden automatisch verschwinden. Sie sind von Natur aus schnell, einprägsam und unterhaltsam und erscheinen in einem vertikalen Look. Benutzer können Elemente wie GIFs, Musik, Sticker usw. hinzufügen, um ihre Story spannender zu gestalten.
Wenn Sie eine Story teilen, wird Ihr Profilbild von einem leuchtenden Ring umgeben, damit Ihre Follower wissen, dass sie darauf tippen können, um zu sehen, was Sie gerade gepostet haben.
Ja, das können Sie auf jeden Fall! Sie können eine der beiden folgenden Optionen wählen:
- Verwenden Sie ein Social-Media-Aggregationstool wie Tagbox Widget und befolgen Sie die im Blog beschriebenen Schritte.
- Oder wählen Sie ein WordPress-Plugin aus. Das Tagbox-Widget bietet ein Plugin, das exklusiv für WordPress-Benutzer entwickelt wurde und genauso reaktionsschnell und benutzerfreundlich ist wie das Tool zum Einbetten von Instagram-Storys auf WordPress-Sites.
Der Vorgang ist äußerst einfach. Klicken Sie auf die Schaltfläche „Veröffentlichen“, sobald Sie mit dem Erscheinungsbild des Instagram-Story-Widgets zufrieden sind. Wählen Sie HTML als Plattform für die Erstellung Ihrer Website. Klicken Sie auf „Code abrufen“ und kopieren Sie den Code in die Zwischenablage. Fügen Sie den Code im Backend-Bereich dort ein, wo Sie den Inhalt einbetten möchten, und speichern Sie ihn!
Sobald Sie den Einbettungscode mit ein paar Klicks in das Backend Ihrer Website eingefügt haben, ist der Vorgang abgeschlossen.
Die idealen Optionen zum Präsentieren von Instagram-Storys für maximale Sichtbarkeit sind jedoch der Blog-Bereich, der Kopf- und Fußzeilenbereich, als Sidebar-Widget oder im Bannerbereich Ihrer Landingpage.
Sie können Instagram-Storys ganz einfach auf Ihrer Website anzeigen, indem Sie sie mithilfe des Tagbox-Widgets einbetten. Das Highlight des Tools sind seine vielversprechenden Funktionen und die benutzerfreundliche Oberfläche. Sobald Sie beginnen, kann der Aggregations-, Kuratierungs- und Einbettungsprozess innerhalb weniger Minuten abgeschlossen werden.
Betten Sie Social Feeds von Facebook, YouTube, Instagram und Twitter wie ein Profi in Ihre Website ein