How to embed an Instagram feed on your website

Griffin Johnston  — 
Instagram feed embedded on a website

Potential customers want know that there are real people behind your business. Showing off recent Instagram activity is a great way to provide that critical social proof and increase engagement, while adding an attractive visual element to your website.

In this guide, I’ll walk you through a few different ways to include Instagram posts on your website, whether you’re an experienced web developer or don’t know your SASS from your elbow.

Embed an Instagram post

Sometimes you just want to feature a single specific Instagram post, usually in a blog post or article. In that case the Instagram post embed feature is a great option, and might be all you need.

An embedded post looks like this:

To embed a post:

  1. Find the post you want to embed on https://instagram.com and click to open the post details popup.
  2. Click the three dots in the upper right corner
  3. Click “Embed”
  4. Click “Copy embed code”
  5. Paste the embed code anywhere you can add custom code snippets. All modern website platforms allow this in some form or other.
  6. For example, to add to a WordPress page, just insert a “Custom HTML” block, and paste in the embed code. That’s it!

Embed an Instagram profile

If you want to link to an Instagram profile and show a preview of the first few posts you can use a profile embed. You won’t have any control over presentation or layout, but you do get a simple embedded gallery.

An embedded profile looks like this:

View this profile on Instagram

Behold (@behold.social) • Instagram photos and videos

To embed a profile:

  1. Find the profile you want to embed on https://instagram.com and click to open the post details popup.
  2. Click the gear icon in the upper right corner
  3. Click “Embed”
  4. Click “Copy embed code”
  5. Paste the embed code anywhere you can add custom code snippets.

Use an Instagram feed widget

To embed a full, customizable feed of Instagram posts from a user or hashtag, you can use a Behold JavaScript widget. Behold widgets are ADA and GDPR compliant, and offer advanced presentation and filter options. Perfect for displaying an embedded gallery of your most recent Instagram posts or a hashtag campaign.

Easy to integrate with any website platform, ecommerce store or even Klaviyo email campaigns.

Here’s a basic example:

See more in the example gallery →

To use a Behold widget:

  1. Sign up for a free Behold account
  2. Connect an Instagram source
  3. Add a widget feed
  4. Customize your widget, add mobile breakpoints
  5. Copy your embed code. Paste it wherever you can add custom HTML.

More detailed instructions can be found in our docs. Check out the examples gallery to see the Behold widget in action.

Here are a couple examples of what you can do with a Behold widget:

Aside from our widgets, Behold offers an extremely simple way to access a JSON feed of Instagram posts, so you can build your own UI.

After creating a free Behold account just connect an Instagram source, create an JSON feed, and copy your unique feed URL.

Your feed URL will look like this:

https://feeds.behold.so/zFgp2Jbbk23Ovf1ZUOhq
Pop that into your browser or Postman.

More details can be found in our docs.