So bindest du einen Instagram-Feed in Weebly ein

Beispiel für einen Instagram-Feed auf einer Website

In diesem Tutorial erfährst du, wie du deiner Weebly-Seite einen Instagram-Feed hinzufügen kannst: Mit Flockler kannst du Instagram-Bilder und -Videos beliebiger Marken, Stories, @-Mentions und Hashtags sammeln und einbetten.

Weebly kommt bereits in der kostenlosen Version mit einer Instagram-Feed-Integration daher. Diese ermöglicht es dir, die neuesten Bilder deines Instagram-Accounts auf deiner Weebly-Seite zu präsentieren.

Die meisten Webshop-Betreiber möchten jedoch neben ihren Markeninhalten auch Posts von Influencern und User-Generated Content (UGC) abbilden. Wenn du deine Produkte auslieferst (online oder physisch), bitte deine Kunden, ihr Feedback zu teilen und dabei deinen Marken-Hashtag zu nutzen oder deinen Account zu @-mention. Diese Beiträge lassen sich dann mit einer UGC-Plattform sammeln, kategorisieren und prüfen. Anschließend kannst du deinen Instagram-Feed in eine Weebly-Seite einbetten und so deinen Umsatz mit Hilfe von Social Proof steigern.

Neben Instagram-Posts sammeln Einzelhändler auch Bewertungen über Facebook, Twitter und TikTok oder bitten ihre Kunden, eine Produktbewertung über ein Webseitenformular zu geben. Ladenbesitzer können Instagram-Feeds auch in Loyalty-Apps sowie Digital-Signage-Lösungen im Laden für andere Kunden sichtbar machen.

Und hier kommen Social-Media-Aggregator-Tools wie Flockler ins Spiel. Im Vergleich zur kostenlosen Instagram-Feed-Integration von Weebly bietet dir Flockler folgende Mehrwerte:

  • Kombiniere mehrere Instagram-Accounts sowie andere Social-Media-Channels in einem Social-Media-Stream. Wirf einen Blick in die Liste der Kanäle, die Flockler unterstützt.

  • Präsentiere Hashtag-Feeds im Rahmen deiner nächsten Hashtag-Kampagne, kreiere Wettbewerbe oder generiere Kunden-Feedback mit Hilfe deines markenbezogenen Hashtags. Moderiere sie mit erweiterten Funktionen.

  • Sammle Instagram-@-Mentions über deine Marke.

  • Spiele Instagram-Stories deiner Marke aus.

  • Bette Instagram- und Social-Media-Feeds auch in Apps, deinem Intranet, digitalen Bildschirmen und anderen digitalen Plattformen ein, die du betreust.

  • Nutze je nach Use Case verschiedene Instagram-Feed-Layouts und passe ihr Look & Feel an das Branding deiner Marke an. Bei Flockler kannst du sogar dein eigenes CSS hinterlegen.

  • Tagge Produkte in Social-Media-Beiträgen und verwandle normalen Social-Media-Content in shoppable Posts.

All das, und noch vieles mehr, kannst du mit Flockler umsetzen. Hier findest du alle Funktionen, die dir unser Social-Media-Aggregator-Tool bietet.

Instagram-Feeds in Weebly einbetten

Wenn du gerne einige der oben aufgeführten, erweiterten Funktionen nutzen möchtest, erfährst du hier, wie du Instagram-Feeds in drei Schritten in deine Weebly-Webseite einbetten kannst:

  1. Sammle Content für deinen Instagram-Feed

  2. Wähle ein Layout für das Instagram-Widget auf deiner Weebly-Seite aus

  3. Binde dein Instagram-Widget in den Page Editor von Weebly ein

1. Sammle Content für deinen Instagram-Feed

Zunächst sammelst du Instagram-Content gebündelt an einem Ort. Flockler ist eine All-in-One-Lösung, um Social-Media-Feeds in Webseiten und digitale Services einzubetten. Damit kannst du Content von jeder Marke, Erwähnungen deiner Marke, Brand Stories oder Hashtags sammeln. Flockler zieht alle fünf bis 15 Minuten frischen Content in deinen Feed. So ist dein Instagram-Feed immer up to date und veröffentlicht neue Beiträge in Echtzeit.

Wenn du noch keinen Flockler-Account hast, melde dich für unsere kostenlose Testversion an. Dafür musst du keine Kreditkartendaten oder Ähnliches hinterlegen.

Hast du dich in Flockler eingeloggt, navigierst du dich zum Tab „Automated Feeds“ („Automatisierte Feeds“). Das ist der Ort, an dem du einen oder mehrere Feeds erstellst, die Flockler standardmäßig alle zusammen in einem Stream ausspielt.

Um einen Instagram-Feed zu erstellen, wählst du – ganz klar – Instagram aus den verfügbaren Kanälen aus.

Auswahl von Instagram aus den verfügbaren Kanälen in der Flockler-App

Nun kannst du konfigurieren, welche Art von Inhalten du in deinem Instagram-Feed präsentieren möchtest: Möchtest du Content einer bestimmten Marke, einen besonderen Hashtag-Feed oder @-Mentions einer Marke sammeln?

Auswählen der Instagram-Quelle in der Flockler-App

Abschließend musst du dich entscheiden, ob du die Posts prüfen möchtest, bevor sie auf deiner Weebly-Seite erscheinen. Oder ob du alle Inhalte automatisiert ohne Moderation veröffentlichen möchtest. Diese Konfiguration kannst du selbstverständlich jederzeit auch im Nachgang noch einmal anpassen. 

Moderation des Instagram-Feeds in der Flockler-App

Möchtest du deinem Feed weitere Social-Media-Quellen hinzufügen, gehe zurück zum Tab „Automated Feeds“ und wiederhole die Konfiguration von eben. Bist du zufrieden mit deiner Auswahl, geht es mit Schritt 2 weiter, dem passenden Layout.

2. Wähle ein Layout für das Instagram-Widget auf deiner Weebly-Seite aus

Hast du einen oder mehrere Social-Media-Feeds erstellt, wählst du in Schritt 2 ein Lyout für deine Instagram-Posts aus. Flockler bietet die vier Optionen:

  • die klassische Social Wall

  • das Raster-Layout, auch Grid genannt

  • das Karussell, bei dem Webseitenbesucher nach rechts und links durch deine Posts swipen können

  • die Slideshow, die sich insbesondere für digitale Bildschirme eignet

Auswahl des Layouts für den Instagram-Feed auf Weebly

Hast du deine Wahl getroffen, kannst du den Look & Feel des Instagram-Feeds für deine Weebly-Webseite weiter anpassen: Flockler bietet dir dafür einen benutzerfreundlichen Editor an, über den du sogar dein eigenes CSS hinterlegen kannst.

Bearbeiten des Designs des Instagram-Feeds für Weebly

Du kannst auch mehrere Layouts für denselben Feed erstellen: Zum Beispiel ein Karussell für die Homepage deiner Webseite und eine Social Wall für die Newsseite.

Weitere Inspirationen und Beispiele dafür, wie andere Instagram in ihre Webseiten einbinden, gibt dir unser Blogpost „9 fantastische Instagram Walls für Webseiten“.

3. Binde dein Instagram-Widget in den Page Editor von Weebly ein

Im letzten Schritt musst du das Instagram-Widget lediglich noch in deinen Weebly Page Editor einfügen.

Sobald du ein Layout für dein Widget ausgewählt hast, gibt Flockler dir einen Einbettungscode aus. Wichtig: Klicke auf „iframe“, anstatt die Standardversion zu nutzen, und kopiere den Embed Code.

Kopieren des Instagram-Feed-iFrame-Codes für Weebly

Wenn du eine Social Wall oder ein Raster als Layout ausgewählt hast, kannst du die Höhe des Instagram-Widgets definieren, bevor du den Code in den Weebly-Editor einfügst.

Klicke in Weebly auf das „+“-Symbol oben links und wähle zum Beispiel „Section“, um Flockler der Seite hinzuzufügen, die du gerade bearbeitest.

Hinzufügen einer Section in Weebly

Scrolle nun auf der linken Seite nach unten und klicke auf „Embed“ („Einbetten“).

Einbetten im Weebly-Editor

Hier fügst du nun den iFrame-Code von Flockler in das Feld ein. Bei Bedarf kannst du die Höhe im iFrame-Code anpassen. Über den Tab „Display“ („Anzeige“) in Flockler kannst du auch die Anzahl der Beiträge ändern und den Look & Feel deines Instagram-Feeds weiter verfeinern.

Hinzufügen eines Einbettungscodes für einen Instagram-Feed zu Weebly

Sobald der Einbettungscode platziert ist, klickst du auf „Publish“ („Veröffentlichen“) in der oberen rechten Ecke. Der Instagram-Feed erscheint nun auf deiner Weebly-Website und präsentiert automatisch die neuesten Posts.

Beispiel für einen Instagram-Feed auf Weebly

Flockler hilft Marketern wie dir, Social Media Feeds zu generieren und spielt User-Generated Content auf jedem digitalen Service aus. So erhöhst du die Verweildauer und beschleunigst Conversions.

Demo anfordern Starte deine 14-Tage-Testversion
Starte deine 14-Tage Testversion