Build your first social feed in under 5 minutes

Join over 2,000 global brands using Flockler to aggregate, moderate, and display social feeds in minutes. No credit card required, 14-day full access.

Starten Sie Ihre 14-tägige kostenlose Testversion

So integrierst du einen Instagram-Feed in deinen Newsletter

Author:  
Toni Hopponen
|
Published:  
December 16, 2022
|
5
 min read

Summary

Mit Flockler kannst du deinen Instagram-Feed in HubSpot, SendinBlue, ActiveCampaign, MailChimp und viele andere E-Mail-Marketing-Tools einbinden.

Instagram-Block in einem E-Mail-Newsletter

Dein E-Mail-Newsletter verträgt Social Proof? Kein Problem! Mit ein paar einfachen Schritten fügst du deinem Newsletter einen Content-Blog mit Instagram-Posts hinzu. Auf diese Weise präsentierst du großartige Instagram-Inhalte und User-Generated Content (UGC).

Hier erfährst du, wie du deinen Instagram-Feed in eine E-Mail einbindest:

  1. Sammle Instagram-Posts
  2. Erstelle einen Content-Block mit Instagram-Inhalten für E-Mails
  3. Binde einen Instagram Feed in deinen E-Mail-Newsletter ein

1. Sammle Instagram-Posts

Wenn du noch keine Instagram-Posts mit Flockler gesammelt hast, dann starte mit dem Aufsetzen eines Instagram-Feeds. Dieser aktualisiert sich automatisch. Mit Flockler kannst du Instagram-Bilder, -Videos und -Reels sammeln: von jedem Business-Account, von Erwähnungen deines Business-Accounts sowie Hashtag-Feeds.

Instagram auswählen in der Flockler-App

2. Erstelle einen Content-Block mit Instagram-Inhalten für E-Mails

Navigiere dich zum Tab „Display“ („Anzeige“) und klicke dann auf den Button „Create a new layout“, um ein neues Layout zu erstellen. Anschließend klickst du auf den Link „I want to embed Flockler in an email newsletter“ („Ich möchte Flockler in einen E-Mail-Newsletter einbinden“). Diesen findest du unter den Website-Layouts.

Auswählen eines Layouts in der Flockler-App

Nun öffnet sich ein Editor: In diesem kannst du eines aus vier Layouts auswählen:

Layout-Optionen für den Instagram-Content-Block in Flockler

Sobald du dich für ein Layout entschieden hast, fügst du dem Content-Block Instagram-Bilder und Instagram-Videos hinzu. Dabei kannst du die Reihenfolge der Instagram-Posts per Drag-and-Drop ändern.

Auswahl von Beiträgen für den Instagram-E-Mail-Block

Wenn du mit dem Ergebnis zufrieden bist, dann klickst du auf den Button „Generate“ („Erzeugen“). Anschließend erhältst du einen Code für den individuellen Content-Block deines E-Mail-Newsletters.

Code für einen Instagram-Content-Block zum Einbetten in eine E-Mail

3. Binde einen Instagram Feed in deinen E-Mail-Newsletter ein

Zu guter Letzt bindest du den Instagram-Feed in deinen Newsletter ein. In der Regel funktioniert das, indem du deiner E-Mail einen benutzerdefinierten HTML-Block hinzufügst. Hier findest du Anleitungen für die gängigsten E-Mail-Marketing-Tools:

Solltest du eine andere E-Mail-Marketing-Lösung nutzen und nicht wissen, wie du hier deiner E-Mail einen benutzerdefinierten HTML-Block hinzufügst, dann zögere nicht, uns zu kontaktieren. Du erreichst uns unter anderem über unseren Live-Chat oder per E-Mail. Wir helfen dir dabei, herauszufinden, wie du den Instagram-Feed innerhalb deiner E-Mail-Marketing-Lösung nutzen kannst.

Du möchtest Instagram-Posts und Social Proof in deine Newsletter bringen? Melde dich für die kostenlose 14-Tage-Testversion von Flockler an und präsentiere einen Instagram-Block in deiner nächsten E-Mail.

Instagram-Feeds in ActiveCampaign einbinden

So fügst du einen Instagram-Content-Block in ActiveCampaign-E-Mails ein:

  1. Öffne den E-Mail-Editor und ziehe ein HTML-Element in deine E-Mail hinein.
Auswahl des HTML-Blocks in ActiveCampaign
  1. Klicke das Element an, um den HTML-Code-Editor zu öffnen.
HTML-Element in ActiveCampaign
  1. Ersetze den Code durch den Code für deinen Instagram-Content-Block, den du zuvor in Flockler generiert hast.
Der HTML-Editor von ActiveCampaign
Einbettungscode von Flockler in ActiveCampaign
  1. Klicke auf den E-Mail-Content, um den Editor zu schließen und die E-Mail zu überprüfen.
Vorschau des E-Mail-Inhalts auf ActiveCampaign
  1. Speichere deine Änderungen. Anschließend kannst du deine ActiveCampaign-E-Mail mit deinem Instagram-Content-Block versenden.

Instagram-Feeds in ConvertKit einbinden

So bindest du Instagram in deinen ConvertKit-Newsletter ein:

  1. Öffne den Content-Editor und füge einen neuen Content-Block hinzu. Dafür wählst du den „HTML-Block“ aus.
Auswahl des HTML-Blocks in ConvertKit
  1. Das HTML-Element erscheint auf der Seite. Nun klickst du auf den „Edit“-Link, um das Element zu bearbeiten.
HTML-Block in ConvertKit
  1. Es öffnet sich ein Editor. Nun kopierst du den Code des Instagram-Content-Blocks aus Flockler und fügst ihn in den Editor ein.
  2. Speichere deine Änderungen und schau dir das Ergebnis in der Vorschau an, bevor du deinen ConvertKit-Newsletter mit dem Instagram-Content-Block an deine Zielgruppe versendest.
Vorschau der E-Mail in ConvertKit

Instagram-Feeds in HubSpot einbinden

Um einen Instagram-Content-Block in eine HubSpot-E-Mail einzubinden, braucht es nur vier einfache Schritte:

  1. Öffne den Content-Editor von HubSpot. Dann klickst du auf das „+“-Element der Content-Auswahl auf der linken Seite.
Hinzufügen von Elementen zu HubSpot-E-Mails
  1. Hier wählst du nun das Element „HTML – Email“ aus und ziehst es per Drag-and-Drop nach rechts in die Bearbeitungsfläche.
Hinzufügen eines HTML-Blocks zu einer HubSpot-E-Mail
  1. Es öffnet sich ein Editor. Kopiere nun den Code für den Instagram-Content-Block aus Flockler in das HTML-Feld von HubSpot.
Flocklers Einbettungscode in HubSpot einfügen
  1. Anschließend klickst du auf „Done“ („Fertig“) und kannst dir die Vorschau deines Newsletters ansehen sowie die HubSpot-E-Mail mit deinem Instagram-Content-Block an deine Kontakte versenden.

Instagram-Feeds in Klaviyo einbinden

Du möchtest deinen Instagram-Content-Block in eine E-Mail in Klaviyo einbetten? So geht’s:

  1. Öffne den E-Mail-Editor und füge einen neuen Textblock in den Content-Bereich ein.
Hinzufügen eines Textelements zu Klaviyo
  1. Hier entfernst du zunächst den Standardtext und klickst dann auf das „HTML“-Icon.
Bearbeiten von HTML in Klaviyo
  1. Nun fügst du den Flockler-Code für den Instagram-Content-Block in den Bereich ein.
Flocklers Einbettungscode zu Klaviyo hinzufügen
  1. Klicke erneut auf das „HTML“-Icon und das Flockler-Layout erscheint.
Instagram-Content-Block in einer Klaviyo-E-Mail
  1. Schließlich speicherst du die Änderungen und überprüfst deine Klaviyo-E-Mail, bevor du den Newsletter mit dem Instagram-Content-Block an deine Zielgruppe verschickst.

Instagram-Feeds in MailChimp einbinden

Einen Instagram-Content-Block in MailChimp einfügen, gelingt im Handumdrehen. Hier sind die drei Schritte, die du dafür gehen musst:

  1. Öffne den E-Mail-Content-Editor und ziehe den „Code“-Block per Drag-and-Drop links in den Content-Bereich.
Hinzufügen eines Code-Elements zu MailChimp-E-Mails
  1. Hier ersetzt du den Code durch den in Flockler generierten Einbettungscode.
HTML-Element in MailChimp
Instagram-Block in der MailChimp-E-Mail
  1. Abschließend klickst du auf „Save changes“, um deine Änderungen zu speichern. Dein Instagram-Content-Block erscheint nun in der MailChimp-E-Mail.

Instagram-Feeds in MailerLite einbinden

Bette deinen Instagram-Content-Blog mit wenigen Klicks in MailerLite ein:

  1. Öffne den E-Mail-Content-Block und wähle links das „Code“-Element aus.
Code-Element in MailerLite
  1. Ziehe zunächst das Element in den Content-Bereich und klicke dann doppelt auf den Block.
Code-Block im E-Mail-Inhaltsbereich von MailerLite
  1. Anschließend öffnet sich ein HTML-Editor. Nun kopierst du den Flockler-Code für den Instagram-Content-Block und fügst ihn in den Bereich ein. Speichere diese Aktion, indem du auf den „Save“-Button klickst.
HTML-Editor auf MailerLite
Instagram-Block in der MailerLite-E-Mail
  1. Prüfe deinen Newsletter in der Vorschau und speichere deine Änderungen ab, um den Instagram-Content-Block auch in deiner MailerLite-E-Mail zu sehen.

Instagram-Feeds in Mailjet einbinden

Es braucht nur vier Schritte, um einen Instagram-Content-Block in einen Mailjet-Newsletter zu integrieren:

  1. Öffne den E-Mail-Content-Editor und wähle „HTML block“ aus. Ziehe das Element per Drag-and-Drop in den Content-Bereich rechts.
HTML-Element in Mailjet-E-Mails
  1. Klicke auf das Element, um den HTML-Editor zu öffnen.
Instagram-Content-Block in Mailjet
  1. Nun kopierst du den Code für den Instagram-Content-Block aus Flockler und fügst ihn in den Editor von Mailjet ein.
Instagram-Content-Block in Mailjet
Vorschau des Instagram-Content-Blocks in Mailjet
  1. Speichere deine Änderungen. Anschließend kannst du deinen Newsletter in der Vorschau prüfen, bevor du ihn an deine Mailjet-Empfänger versendest.

Instagram-Feeds in Moosend einbinden

Gehe diese Schritt-für-Schritt-Anleitung durch, um einen Instagram-Content-Block in deinen Moosend-Newsletter einzubinden.

  1. Öffne den Content-Editor und navigiere dich oben links zu den „Items“.
HTML-Block im Moosend-Editor
  1. Nun ziehst du das „HTML“-Element per Drag-and-Drop nach rechts in den Content-Bereich.
HTML-Element in Moosend
  1. Anschließend klickst du auf das HTML-Element. Dadurch öffnet sich der Editor.
  2. Kopiere den Instagram-Einbettungscode von Flockler und füge ihn in den Editor ein.
Instagram-Block im Moosend-Editor
  1. Schau dir die Vorschau deines Newsletters an und prüfe, ob alles deinen Vorstellungen entspricht. Danach speicherst du deine Änderungen und versendest deine Moosend-E-Mail mit frisch integriertem Instagram-Content-Block.

Instagram-Feeds in Omnisend einbinden

Folge diesen Schritten, um einen Instagram-Content-Block in einen Newsletter von Omnisend einzubinden:

  1. Öffne den Content-Editor und navigiere dich zu „Quick add“ in der Library links. Ziehe nun per Drag-and-Drop ein „HTML Code“-Element in den Content-Bereich.
Auswahl eines HTML-Blocks in Omnisend
  1. Dann klickst du auf das Element: Es öffnet sich ein Editor. Hier ersetzt du den Text durch den Einbettungscode für deinen Instagram-Content-Block von Flockler.
HTML-Editor von Omnisend
Instagram-Block in Omnisend
  1. Wenn du weitere Anpassungen am Look & Feel vornehmen möchtest, dann kannst du das über „Layout“ machen.
Anpassen des HTML-Blocks in Omnisend
  1. Zum Schluss speicherst du die Änderungen und schon kannst du deinen Omnisend-Newsletter mit einem Instagram-Content-Block auf den Weg schicken.

Instagram-Feeds in SendinBlue einbinden

So fügst du einen Instagram-Content-Block in einen Newsletter ein, den du mit SendinBlue erstellst:

  1. Öffne den E-Mail-Content-Editor und ziehe das „HTML“-Element per Drag-and-Drop in den Content-Bereich.
Hinzufügen eines HTML-Elements zu SendinBlue
  1. Anschließend öffnet sich ein Editor. Hier ersetzt du den Code durch den E-Mail-Einbettungscode von Flockler.
SendinBlue-HTML-Editor
Instagram-Content-Block im SendinBlue-E-Mail-Editor
  1. Klicke auf „Save“, um deine Änderungen zu speichern und prüfe den Newsletter, bevor du ihn versendest.
  2. Mit dem SendinBlue-Editor kannst du die Größe, die Polsterung und auch den Rand des Flockler-Blocks leicht anpassen.
Anpassen des Instagram-Content-Blocks im SendinBlue-Editor
  1. Zu guter Letzt speicherst du die Änderungen und versendest den SendinBlue-Newsletter mit einem Instagram-Content-Block.

Wenn du ein anderes E-Mail-Marketing-Tool nutzt und Hilfe beim Einbinden des Instagram-Feeds benötigst, dann sende uns eine Nachricht. Du erreichst uns unter anderem über unseren Live-Chat.

Möchtest du einen Instagram-Feed in deinen Newsletter integrieren? Melde dich für unsere kostenlose 14-Tage-Testversion an und lege mit Flockler in wenigen Minuten los.

Improve your website’s engagement with social walls

Scale without limits

Add dynamic social walls & shoppable UGC to boost interaction and conversions on the website
Flockler's new API now supports bulk feed creation for Instagram and Facebook.
Get free trial
With Flockler, you can gather and display social media feeds from your favourite channels.
See the full list of supported content types and sources
Starten Sie Ihre 14-tägige kostenlose Testversion