Wie du Instagram Stories auf deiner Website einbindest? [Vollständiger Leitfaden + Beispiele]

{ “@context”: “https://schema.org”, “@type”: “Product”, “name”: “EmbedSocial-Skopje”, “aggregateRating”: { “@type”: “AggregateRating”, “ratingValue”: 4.9, “reviewCount”: 60 } }

Das Einbinden von Instagram Stories auf Websites wird heutzutage immer beliebter, da es eine großartige Möglichkeit für Marken ist, ihre Website frisch zu halten und ihre Besucher zu engagieren.

Ausserdem kannst du deine Instagram-Follower leicht zu deiner Website führen über Link-in-Bio-Apps oder indem du deiner Website einfach über einen Link-Sticker einen Website-Link hinzufügst.

Um diesen Instagram-Inhalt auf deine Website zu bringen, musst du ein Instagram-Website-Widget verwenden, das vollständig anpassbar ist und sich automatisch aktualisiert.

Ich werde dir alles über diesen Prozess in den folgenden Abschnitten erzählen und warum du das so bald wie möglich tun musst. Ausserdem wirst du die besten Tools und Beispiele dafür finden.

Kurzanleitung: Binde Instagram Stories in wenigen Schritten in deine Website ein

Das Einbinden von Instagram Stories auf Website-Seiten ist mit den richtigen Tools sehr einfach. Zum Beispiel, wenn du EmbedSocial nutzt, hast du nur ein paar Schritte zu befolgen:

1. Melde dich an für ein Instagram-Story-Widget und eine vollständige UGC-Plattform.
2. Gehe zu ‘Quellen’ → ‘Konten verwalten’ und drücke ‘Neues Konto hinzufügen’.
3. Tippe auf ‘Füge Instagram-Konto hinzu’ und genehmige EmbedSocial’s Verbindung zu deinem Instagram.
4. Gehe zurück zu ‘Quellen’ → ‘Neue Quelle hinzufügen’ und tippe auf ‘Instagram’.
5. Wähle @Stories als deine Quelle und wähle dein IG-Konto aus der Liste.
6. Tippe auf ‘Widget erstellen’, wähle deine Widget-Vorlage und gestalte dein Widget.
7. Kopiere den Widget-Code aus der Registerkarte ‘Einbinden’ und füge ihn auf deiner Website ein.

Wenn du dir immer noch unsicher bist, was du tun sollst, schau dir dieses interaktive Video des Prozesses an:

Das ist alles, was du tun musstest, und wenn du fertig bist, bekommst du so etwas:

(function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ht.js”; d.getElementsByTagName(“head”)[0].appendChild(js); }(document, “script”, “EmbedSocialHashtagScript”));

Das obige Widget enthält auch unsere Shoppable-UGC Funktionalität, die deinen Kunden hilft, sofort zu deinen Produktseiten zu navigieren, um den Look zu kaufen.

Bevor du allerdings fortfährst, gibt es ein paar Dinge zu beachten, um eine erfolgreiche Instagram-Story-Einbindung zu ermöglichen, die ich unten skizziere, und dann bekommst du auch den vollständigen Leitfaden.

Was musst du wissen, wenn du Stories auf Instagram einbindest?

Bevor du Instagram Stories auf deiner Website einbindest, verstehe, dass Instagram’s API erfodert, dass dein Instagram-Konto ein Geschäfts- oder Creator-Konto ist.

Ein professionelles Instagram-Konto ist notwendig, um jede Drittanbieter-App wie EmbedSocial zu autorisieren, auf deine Stories zuzugreifen und sie anzuzeigen.

Ausserdem können nur aktive (Live-) Stories aus den letzten 24 Stunden von Instagram gezogen werden. Archivierte und hervorgehobene Stories sind nicht über die API verfügbar.

Zuletzt, sobald die Verbindung etabliert ist, holt das System automatisch deine neuesten Stories und aktualisiert sie, solange sie auf Instagram live sind.

Hinweis: Anders als einige Konkurrenten kann EmbedSocial direkt mit deinem professionellen Instagram-Konto verbunden werden, ohne zuerst über deine Facebook-Seite zu gehen. Allerdings musst du bereits bei deinem Instagram-Konto auf dem Desktop angemeldet sein.

Vollständiger Leitfaden: Wie du Instagram Stories Schritt für Schritt auf deiner Website einbindest

Hier sind die detaillierten Schritte zum Erstellen eines immersiven Instagram-Stories-Widgets, zum Anpassen, zum Generieren des einzubindenden Codes und zum Einbinden auf deiner Website:

Schritt 1: Melde dich für die EmbedSocial-UGC-Plattform an

Bevor du etwas tust, brauchst du ein EmbedSocial-Konto. Mach dir keine Sorgen, wir bieten auch eine kostenlose 7-Tage-Testversion an, damit du alle unsere Funktionen testen kannst, bevor du dich verpflichtest.

Schritt 2: Füge dein Instagram-Konto hinzu

Anschliessend musst du zu ‘Quellen’ navigieren und auf ‘Neues Konto hinzufügen’ tippen:

Schritt 3: Genehmige die EmbedSocial-Verbindung zu deinem Instagram

Sobald du das tust, musst du auf ‘Füge Instagram-Konto hinzu’ tippen und die Verbindung genehmigen:

Schritt 4: Füge Instagram als Quelle in EmbedSocial hinzu

Jetzt, da Instagram verbunden ist, ist es Zeit, eine bestimmte Instagram-Quelle hinzuzufügen, was du über ‘Quellen’ → ‘Neue Quelle hinzufügen’ und das Drücken von ‘Instagram’ tun kannst:

Schritt 5: Wähle @Stories als Quelle und wähle dein Konto

Du musst zu diesem Punkt auf @Stories tippen und dann dein verbundenes IG-Konto auswählen:

Schritt 6: Erstelle und gestalte dein Widget

Sobald du auf ‘Widget erstellen’ tippst, wirst du aufgefordert, eine Widget-Vorlage zu wählen und zum EmbedSocial-Widget-Editor weitergeleitet.

Dort kannst du wirklich alles über das Aussehen deines Widgets ändern, von Layout über Farben, Schriften und die Elemente, die dein Widget enthalten wird:

Schritt 7: Kopiere und füge den Widget-Code auf deiner Website ein

Zuletzt musst du einfach den einzubindenden Widget-Code kopieren, den du in der Registerkarte ‘Einbinden’ des Editors findest (obere linke Ecke. Sobald du dort bist, klicke auf ‘Code kopieren’:

Natürlich ist der letzte Schritt, diesen Code auf deiner Website einzufügen. Unten decke ich den Prozess auf allen beliebten Website-Buildern und CMS-Plattformen ab.

Video-Leitfaden: Wie du ein Instagram-Story-Widget leicht einbindest

Wenn du lieber ein Video darüber schaust, wie du Instagram-Feeds einbindest, hier ist eins:

Wie fügst du eine Instagram-Wall auf deiner Website über verschiedene CMS-Plattformen hinzu?

Der Prozess zum Einfügen deines Instagram-Story-Widget-Codes ist über alle beliebten Website-Builder ähnlich. Hier ist, wie du Instagram-Beiträge über die meisten von ihnen anzeigst:

Warum solltest du Instagram Stories auf deiner Website anzeigen?

Wenn du eine Instagram-Wall zu deiner Website hinzufügst, die Stories, Beiträge, Videos, usw. enthält, steigerst du dein Benutzer-Engagement und erntest zusätzliche Vorteile:

• Zeige Echtzeit-Content-Updates, halte deine Website lebendig mit automatischen Story-Syncs, die deine neuesten Ereignisse, Launches oder hinter-den-Kulissen-Momente anzeigen.
• Erhöhe das Benutzer-Engagement, bringe das vertraute Story-Format auf deine Website, um Besucher mit interaktiven Stickern, Visuals und kurzformatigen Geschichten zu fesseln.
• Stelle eine einheitliche Brand-Erfahrung sicher, erweitere deine Instagram-Ästhetik und deinen Ton auf deine Website und schaffe eine nahtlose Erfahrung über beide Plattformen.
• Erreiche mehr Menschen und fahre Social-Media-Wachstum an, wende Website-Besucher in Instagram-Follower um, indem du deinen aktiven Story-Feed auf deiner Website bewirbst.
• Maximiere den Return auf Content-Erstellung, gib deinen Stories ein längeres Leben, indem du sie jenseits von Instagrams 24-Stunden-Limit präsentierst und stellst sicher, dass mehr Menschen sie sehen.
• Nutze deine Instagram-Story erneut, nutze deine besten Stories direkt auf deiner Website mit einem professionellen Widget, das dir hilft, sie zu verwalten und anzuzeigen.
• Verwandle Stories in ein neues Ad-Format, nutze deine eingebundenen Stories wie digitale Banner, um Kampagnen hervorzuheben oder Promotionen über Partner-Websites und Web-Portale zu präsentieren.
• Erweitere deine Story-Reichweite, zeige Stories an Publikum, das dir möglicherweise nicht auf Instagram folgt, und entsperre neue Expositions-Möglichkeiten und fahre Engagement an.

Du präsentierst mehr als nur deinen Inhalt, wenn du Instagram-Beiträge oder Stories auf deiner Website einbindest. Du verbindest dein Social-Storytelling mit deiner Brand-Digital-Präsenz und fährst konsistentes Engagement über jeden Kanal, den du besitzt.

Hinweis: Du kannst alle Story-Formate in einem Widget anzeigen, Foto-Stories, Video-Stories, und kombiniere sie sogar mit einem Pinterest-Pin-Stories-Feed in ein einzelnes interaktives Widget.

Warum EmbedSocial verwenden, um Instagram-Story-Widgets auf deiner Website hinzuzufügen?

Wenn du Instagram Stories mühelos, automatisiert und vollständig anpassbar einbinden möchtest, brauchst du eine Plattform wie EmbedSocial die deinen Workflow optimiert:

Hier ist, warum es die bevorzugte Lösung für Marken und Creatoren ist:

• Offizielle Instagram-API-Verbindung, EmbedSocial verbindet sich direkt mit Instagram’s offizieller API und stellt sicher, dass deine Stories immer in Echtzeit abgerufen werden.
• Automatische Story-Aktualisierungen, neue Stories synchronisieren sich automatisch alle 24 Stunden, halten deinen Website-Inhalt frisch ohne manuelle Uploads.
• Anpassbare Widgets, passe Layout, Grösse, Farben und Schriften an, um deinen Website-Design und deine Brand-Identität perfekt zu entsprechen.
• Responsive Design, Widgets sehen auf allen Geräten großartig aus und passen sich automatisch an Desktop-, Tablet- und Mobile-Bildschirme an.
• Mehrere Anzeigeoptionen, wähle zwischen Popups, Schiebereglern, Karussells oder Gittern, um deine Stories in verschiedenen Stilen zu präsentieren.
• All-in-One-Content-Hub, kombiniere Stories von mehreren Instagram-Konten oder mische Foto-, Video- und andere Story-Formate in einem einzelnen Instagram-Feed.
• Cross-Plattform-Kompatibilität, funktioniert nahtlos mit beliebten Website-Buildern wie WordPress, Shopify, Wix und Squarespace.
• Erweiterte Analysen, verfolge Story-Views und Engagement-Metriken direkt von deinem EmbedSocial-Dashboard, um die Leistung zu messen.

Wie du sehen kannst, mit EmbedSocial ist die Einbindung eines Instagram-Stories-Feeds ein einmaliges Setup mit mehreren Vorteilen, Zeit sparen, Design verbessern und Engagement erhöhen.

Ausserdem kannst du eine Instagram-Wall auf deiner Website erstellen, die mehr als nur deine Stories enthält. Du kannst sie mit Reels und Beiträgen kombinieren.

Instagram-Story-Widget-Beispiele

EmbedSocial bietet mehrere vorgefertigte Instagram-Story-Widget-Vorlagen, die du vollständig nach deinen Bedürfnissen anpassen kannst. Oder du kannst sogar eine neue Vorlage von Grund auf erstellen.

Hier sind einige der Instagram-Story-Einbindungs-Widgets, die wir anbieten:

Fazit: Maximiere deine Instagram-Stories-Reichweite über 24 Stunden!

Das Einbinden von Instagram Stories auf deiner Website hilft dir, ihre Sichtbarkeit zu erweitern und dein Publikum engagiert zu halten, auch nachdem sie aus der App verschwunden sind.

Wenn du deine Social-Präsenz auf diese Weise mit deiner Website verbindest, gibst du Besuchern frische, dynamische Inhalte zum Erkunden, die sich von selbst aktualisieren.

Das ist, wenn du dich für eine Plattform wie EmbedSocial anmeldest, die automatisch synchronisiert, anpasst und deine Stories überall online ohne irgendwelche Programmierung anzeigt.

Wenn du also Zeit sparen möchtest und mehr Wert aus jeder Story bekommst, die du auf deinem Instagram-Konto erstellst, binde Instagram-Stories-Widget auf deiner Website ein.

Erweitere die Reichweite deiner Instagram Stories heute mit EmbedSocial!

FAQs zum Einbinden von Instagram Stories auf einer Website

Wie bindest du Instagram Stories auf einer Website ein?

Du kannst Instagram Stories auf einer Website mit Tools wie EmbedSocial einbinden. Verbinde einfach dein Instagram-Unternehmenskonto, beginne damit, deine IG-Stories zu sammeln, gestalte dein einzubindendes Widget, generiere einen Einbindungs-Code und füge ihn in dein Website-HTML ein.

Wie bindest du Instagram Stories auf einer WordPress-Website ein?

Du kannst Instagram Stories auf einer WordPress-Seite einbinden, indem du den Einbindungs-Code von deinem EmbedSocial Widget kopierst und ihn in einen HTML-Block einfügst. Das Widget zeigt automatisch deine neuesten Stories an und aktualisiert sich, sobald neue veröffentlicht werden.

Kann ich mehrere Inhaltstypen in einem Social-Media-Feed einbinden?

Ja. Mit EmbedSocial, kannst du Stories mit Instagram-Fotos, Videos und sogar Pinterest-Pins in einem Widget mischen und einen einzigen einheitlichen und interaktiven Social-Media-Feed erstellen.

Kann ich Instagram Stories ohne ein Business-Konto einbinden?

Nein. Um Instagram Stories auf einer Website einzubinden, brauchst du ein Business- oder Creator-Konto, das mit einer Facebook-Seite verbunden ist. Dies ist erforderlich von Instagram’s API, um Drittanbieter-Apps wie EmbedSocial zu autorisieren, auf deine Stories zuzugreifen und sie anzuzeigen.

Kann ich Instagram Stories von anderen Nutzern einbinden?

Nein. Instagram’s API erlaubt nicht, dass du Stories von Instagram von anderen Nutzern einbindest. Du kannst nur Stories von deinem eigenen verbundenen Konto einbinden und anzeigen. Allerdings kannst du öffentliche Stories (mit Genehmigung) manuell hochladen und sie in deinem Widget mit EmbedSocial’s Anpassungsoptionen neu erstellen.

Wie bindest du Instagram-Story-Highlights ein?

Instagram’s API erlaubt derzeit Drittanbieter-Tools nicht, Story-Highlights direkt zu sammeln oder einzubinden. Allerdings kannst du mit EmbedSocial deine Instagram-Highlights neu erstellen, indem du manuell deine Stories auswählst und hochlädst, um sie über ein benutzerdefiniertes Instagram-Widget anzuzeigen. Dies hat die gleiche Wirkung und hält deine besten Stories über die 24-Stunden-Grenze hinaus sichtbar.

Warum kann ich ältere Instagram Stories nicht einbinden?

Instagram erlaubt nur das Einbinden von Live-Stories aus den letzten 24 Stunden. Archivierte Stories können nicht automatisch synchronisiert werden, da Instagram’s API-Einschränkungen bestehen, aber du kannst sie manuell hochladen und mit einem Story-Einbindungs-Tool wie EmbedSocial anzeigen.