How to add Instagram posts to a Klaviyo email template

Behold Klaviyo widgets make it simple to add dynamic Instagram galleries to your Klaviyo email campaigns.

1. Create a Klaviyo feed in Behold

This guide assumes that you’ve already created a free account and connected a source.

  1. Go to the feeds page and click + Add Feed.
  2. Choose either User or Hashtag
  3. Select a source for your feed
  4. When asked what kind of output you want, select Klaviyo
  5. Pick a name for your feed, click Create feed, and you’re all set!

2. Customize your feed

Now that you’ve created a feed, there are a number of customization options.

These options can be applied separately to Desktop and Mobile versions of your email (this is the default), or linked to show the same style on all devices.

Settings: Filter

Number of Posts

The maximum number of recent posts to fetch. Set this only as high as you need. Smaller = faster.

This number is limited by your plan. See the pricing page for details.

Allowed post types

This setting lets you choose which post types to include in your feed, from among images, videos , reels and albums.

Caption must include

Only posts that contain at least one of the text snippets you add here will be included in your feed. This is case-sensitive and can include spaces.

Caption may not include

Only posts that do not contain any of the text snippets you add here will be included in your feed. This is case-sensitive and can include spaces.

Hashtag feeds can take a few minutes to preload when combined with this setting.

Settings: Layout

# of columns

The number of columns your posts will be arranged into. Columns are automatically sized to fit the width of the widget.

Column gap

The space (in pixels) between columns of posts.

Row gap

The space (in pixels) between rows of posts.

Settings: Appearance

Rounded corners

Applies a percentage-based rounding to the corners of your widget posts. If you set this to 100% your posts will be cropped into circles.

Placeholder colors

This sets the colors that show while your images are loading. These colors are extracted from the images themselves using one of 7 algorithms:

  • Vibrant
  • Vibrant light
  • Vibrant dark
  • Muted
  • Muted light
  • Muted dark
  • Dominant

If you select Custom tone, a color picker will appear, and you can set the loading colors to a specific brand color. The colors will be tinted/shaded based on the underlying image.

If you select None, the images will be transparent before loading.

Placeholder custom tone

Only available if the Placeholder colors option is set to

Custom tone. Allows you to pick a color to show while images are loading.

On click

Determines what happens when someone clicks on a post in your widget.

  • Link to post: Navigate to the original post in Instagram
  • Link to profile: Navigate to the user profile page in Instagram
  • Custom link: Navigate to a custom link, set in the Custom link URL field
  • Do nothing: No click behavior

Only available when the On click option is set to “Custom link”. Sets the URL widget posts will link to.

3. Import your Instagram feed into Klaviyo

For this step you’ll need your Feed URL and Feed name handy. To get them:

  1. Open your Klaviyo feed from the Behold feeds page and click on Add to Klaviyo.
  2. Your Feed name, Feed URL and Embed code (you’ll need that in the next step) will be displayed on the left

Next, we’ll import your data as a Web feed in Klaviyo.

  1. Log in to Klaviyo
  2. Navigate to Settings / Other / Web feeds: https://www.klaviyo.com/settings/other/web-feeds

  3. Click on Add web feed

  4. In the Feed name field, paste in the Feed name from Behold
  5. In the Feed URL field, paste in the Feed URL from Behold
  6. Request Method should be GET. Content Type should be JSON.

  7. Click Add Data Feed. Your feed should validate and get added to Klaviyo.

  8. Click preview. Your feed should look like the last image below.

4. Add your feed to an email template

Finally, let’s add your feed to an email template. To start go to Content / Templates in Klaviyo (https://www.klaviyo.com/templates/list), and either select an existing template or add a new one. Next, add your Behold widget:

  1. Add a new Table block to your template. We use a table to get around a long-standing bug in Klaviyo.
  2. Go to Table settings and click on the trash can icon to remove one of the columns. Make sure the column you have left contains a text block, and that Show on Desktop and Mobile is selected.
  3. Scroll to the bottom of Table settings and set all padding values to 0
  4. Go to the Content tab of your table, enter the source code editor by clicking on the </> icon. Paste the Embed code you got from Behold in the previous section.
  5. That’s it! Your feed will appear blank in the editor screen, but you can see how it will look by clicking on the Preview & test button.

That’s it! If you run into issues, send us an email: support@behold.so.

We respond quickly!

Ready to give it a try?

Sign up for free