How to embed an Instagram feed in an email newsletter

With Flockler, you can embed an Instagram feed in MailChimp, ActiveCampaign, Hubspot, Klaviyo, Smartrmail and many other email marketing platforms.

Instagram block in an email newsletter

Would you like to add social proof to your email newsletters? With a few simple steps, you can create an Instagram block for your email newsletter and feature some of your best content and UGC.

Here’s how to embed an Instagram feed in an email:

  1. Gather Instagram posts
  2. Create an Instagram block for email
  3. Add an Instagram feed to your email newsletter

1. Gather Instagram posts

If you haven’t gathered any Instagram posts with Flockler just yet, start by creating an auto-updating Instagram feed. With Flockler, you can gather Instagram images, videos, and Reels from any Business account, mentions of your Business account, and hashtag feeds.

Choosing Instagram on the Flockler app

2. Create an Instagram block for email

Next, click the 'Display' tab and the 'Create a new layout' button. Then, click the 'I want to embed Flockler in an email newsletter' link below the website layouts.

Selecting a layout on the Flockler app

An editor opens up, and you can choose from four layouts:

Instagram block layout options

After choosing your layout, start adding Instagram images and videos to your block. You can move the order of Instagram posts with drag 'n' drop.

Choosing posts to the Instagram email block

Once you are happy with the result, click the 'Generate' button, and you’ll get a code for a custom block in an email newsletter.

Embed code for an Instagram block in email

3. Add an Instagram feed to your email newsletter

The final step is to add your Instagram feed to your email newsletter. Typically, you can add a custom HTML block to your email newsletter. Here are instructions for the most common email marketing platforms:

If you are using any other email marketing platform and unsure about how to add a custom HTML block, don’t hesitate to message us on live chat or via email. We will help you find out how to add the Instagram feed to your email marketing platform.

Embedding an Instagram feed in Smartmail

Adding an Instagram block to Smartrmail emails is straightforward, and here are 3 easy steps to guide you through it:

  1. Open the email content editor and insert a new 'HTML' block. For a more engaging visual experience, we suggest selecting a 1-column layout.  
    adding-the-html-content-block-to-smartrmail-email-platform
  2. An editor will pop up. Copy and paste Flockler’s Instagram block code into the editor, and you’ll see the Flockler layout come into view. 
    instagram-block-on-smartrmail-email-newsletter
  3. After making changes, remember to save them and preview the result before sending out your Smartrmail newsletter with the Instagram block included.

Embedding an Instagram feed in ActiveCampaign

Here’s how to add an Instagram block to ActiveCampaign emails:

  1. Open the email content editor and add the 'HTML' block to the left. 
    Choosing HTML block on ActiveCampaign
  2. Click to open the HTML code editor. 
    HTML element on ActiveCampaign
  3. Replace the code with Flockler’s Instagram block code. 
    ActiveCampaign’s HTML editor
    Flockler’s embed code on ActiveCampaign
  4. Click the email content to close the editor and review the email. 
    Previewing email content on ActiveCampaign
  5. Save changes, and send the ActiveCampaign email with an Instagram block.

Embedding an Instagram feed in ConvertKit

Here’s how you can add an Instagram to your ConvertKit newsletter:

  1. Open the content editor and click to add a new content block. Choose the 'HTML block'. 
    Choosing HTML block in ConvertKit
  2. The HTML element appears on the page. Click the 'Edit' link. 
    HTML block on ConvertKit content
  3. An editor opens up. Copy and paste Flockler’s Instagram block code to the editor. 
  4. Save changes and preview the result before sending your ConvertKit newsletter with an Instagram block. 
    Previewing email content on ConvertKit

Embedding an Instagram feed in Hubspot

You can add an Instagram block to a Hubspot email in four simple steps:

  1. Open the content editor and click the + button on the left. 
    Adding elements to Hubspot email
  2. Then, choose the 'HTML - Email' element and drag and drop it to the right. 
    Adding HTML block to Hubspot email
  3. An editor opens up. Copy and paste Flockler’s Instagram block code to the HTML field. 
    Adding Flockler’s embed code to Hubspot
  4. Click 'Done', preview your newsletter, and send a Hubspot email with an Instagram embed block!

Embedding an Instagram feed in Klaviyo

Here’s how to add an Instagram block to your Klaviyo email:

  1. Open the email content editor and add a text block to the content area. 
    Adding a text element to Klaviyo
  2. Remove the default text and click the 'HTML editor' icon. 
    Editing the HTML on Klaviyo
  3. Then, paste the Instagram block code from Flockler to the area. 
    Adding Flockler’s embed code to Klaviyo
  4. Click the icon again, and the Flockler layout appears. 
    Instagram block on Klaviyo email
  5. Save changes and review your Klaviyo email newsletter with the Instagram block.

Embedding an Instagram feed in MailChimp

Adding an Instagram block to MailChimp is easy, and here are the steps to follow:

  1. Open the email content editor and drag and drop the 'Code' block to the content area on the left 
    Adding a code element to MailChimp email
  2. Then replace the code with the embed code generated in Flockler 
    HTML element on MailChimp
    Instagram block on MailChimp email
  3. Click 'Save changes', and your Instagram block appears in the MailChimp email.

Embedding an Instagram feed in MailerLite

You can add an Instagram block to MailerLite in a few simple steps:

  1. Open the email content editor and choose the 'Code' block from the left. 
    Code block on Mailerlite
  2. Drag and drop the block into the content area and double-click the block. 
    Code block on Mailerlite email content area
  3. Next, an HTML editor opens up. Copy and paste the Instagram block code from Flockler to the area and click the 'Save' button. 
    HTML editor on Mailerlite
    Instagram block on Mailerlite email
  4. Preview your newsletter and save changes to show the Instagram block in your MailerLite newsletter.

Embedding an Instagram feed in Mailjet

Here are four steps on how to add an Instagram block to your Mailjet newsletter:

  1. Open the email content editor and select the 'HTML block'. Drag and drop it into the content area on the right. 
    HTML block for Mailjet email
  2. Click to open the HTML element editor 
    HTML element on Mailjet email
  3. In the editor, add Flockler’s Instagram block code 
    Instagram block on Mailjet
    Instagram block preview on Mailjet
  4. Save changes and preview your newsletter before sending a Mailjet email with the Instagram block.

Embedding an Instagram feed in Moosend

Follow these steps to add an Instagram block to a Moosend newsletter:

  1. Open the content editor and choose 'Items' on the top left. 
    HTML block on Moosend editor
  2. Then, drag and drop the 'HTML' element to the content area on the right. 
    HTML element on Moosend
  3. Next, click the 'HTML' element, and an editor opens up. 
  4. Copy and paste Flockler’s Instagram embed block to the editor. 
    Instagram block on Moosend editor
  5. Preview your newsletter, save changes, and send a Moosend email with an Instagram block!

Embedding an Instagram feed in Omnisend

Follow these steps to include an Instagram block to a newsletter in Omnisend:

  1. Open the content editor and choose 'Quick add' from the left. Drag and drop an 'HTML code' element to the content area. 
    Choosing HTML block on Omnisend
  2. Then, click the element, and an editor opens up. Replace the field text with Flockler’s Instagram embed block. 
    Omnisend’s HTML editor
    Instagram block on Omnisend
  3. You can click 'Layout' to make further customizations to the look & feel. 
    Customizing HTML block on Omnisend
  4. Finally, save changes, and you are ready to send an Omnisend newsletter with an Instagram block!

Embedding an Instagram feed in Sendinblue

Here’s how to add an Instagram block to your Sendinblue email newsletter:

  1. Open the email content editor and drag and drop the 'HTML' element into the content area. 
    Adding HTML element to Sendinblue
  2. An editor opens up. Replace the code with the email embed code from Flockler. 

    Sendinblue HTML editor
    Instagram block on Sendinblue email editor
  3. Click 'Save' and preview your email newsletter.
  4. Sendinblue’s editor makes it easy to tweak the size, padding, and margin for the Flockler block. 
    Customizing Instagram block in Sendinblue editor
  5. Save changes and send the Sendinblue newsletter with an Instagram block.

Feel free to message us on our live chat if you use any other email marketing platform and need help with embedding an Instagram feed.

With Flockler, you can gather and display social media feeds from your favourite channels. See the full list of supported content types and sources

Flockler helps marketers like you to create social media feeds and display user-generated content on any digital service. Keep your audience engaged and drive sales.

Book a demo Start your 14-Day Free Trial
Start your 14-Day Free Trial