So integrierst du einen Instagram-Feed in deinen Newsletter

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.

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
  2. Klicke das Element an, um den HTML-Code-Editor zu öffnen.

    HTML-Element in ActiveCampaign
  3. 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
  4. 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
  5. 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
  2. Das HTML-Element erscheint auf der Seite. Nun klickst du auf den „Edit“-Link, um das Element zu bearbeiten.

    HTML-Block in ConvertKit
  3. Es öffnet sich ein Editor. Nun kopierst du den Code des Instagram-Content-Blocks aus Flockler und fügst ihn in den Editor ein.

  4. 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
  2. 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
  3. 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
  4. 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
  2. Hier entfernst du zunächst den Standardtext und klickst dann auf das „HTML“-Icon.

    Bearbeiten von HTML in Klaviyo
  3. Nun fügst du den Flockler-Code für den Instagram-Content-Block in den Bereich ein.

    Flocklers Einbettungscode zu Klaviyo hinzufügen
  4. Klicke erneut auf das „HTML“-Icon und das Flockler-Layout erscheint.

    Instagram-Content-Block in einer Klaviyo-E-Mail
  5. 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
  2. Hier ersetzt du den Code durch den in Flockler generierten Einbettungscode.

    HTML-Element in MailChimp
    Instagram-Block in der MailChimp-E-Mail
  3. 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
  2. Ziehe zunächst das Element in den Content-Bereich und klicke dann doppelt auf den Block.

    Code-Block im E-Mail-Inhaltsbereich von MailerLite
  3. 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
  4. 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
  2. Klicke auf das Element, um den HTML-Editor zu öffnen.

    Instagram-Content-Block in Mailjet
  3. 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
  4. 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
  2. Nun ziehst du das „HTML“-Element per Drag-and-Drop nach rechts in den Content-Bereich.

    HTML-Element in Moosend
  3. Anschließend klickst du auf das HTML-Element. Dadurch öffnet sich der Editor.

  4. Kopiere den Instagram-Einbettungscode von Flockler und füge ihn in den Editor ein.

    Instagram-Block im Moosend-Editor
  5. 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
  2. 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
  3. Wenn du weitere Anpassungen am Look & Feel vornehmen möchtest, dann kannst du das über „Layout“ machen.

    Anpassen des HTML-Blocks in Omnisend
  4. 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
  2. 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
  3. Klicke auf „Save“, um deine Änderungen zu speichern und prüfe den Newsletter, bevor du ihn versendest.

  4. 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
  5. 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.

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