DEV Community

Cover image for How To Embed Multiple Instagram Feed On Website?
Daisy Smith
Daisy Smith

Posted on

How To Embed Multiple Instagram Feed On Website?

Wondering how you can embed Instagram Feed on your website well then you don't need to worry at all. In this blog, we will go through the steps to embed Instagram Feed on the website using different methods.

Method 1 - Embed Instagram Feeds using Instagram Widget

  • Create your free Instagram Widget account.
  • Open the widget and choose your source as Instagram from the listed source
  • Collect your Instagram Feed using hashtags, Handle, Mentions, Tag, Reels, or more.
  • Enter the input accordingly and proceed.
  • Your Instagram Feed will be collected on your editor.

Now you can proceed to either customize or embed Instagram Feed on websites.

Steps to Embed Instagram Feed:

  • Click on the Embed Widget button and generate the embed code for your Instagram Widget.
  • Choose your CMS platform and copy the embed code.
  • Paste the embed code on the backend of your website webpage.
  • Reload the page and your Instagram Feed will be embedded on your website.

Method 2 - Official Instagram Embed

Before proceeding let's understand why the official Instagram Embed option is second in the row? It is one of the best in terms of free and only few feeds of upto 4-5 posts to embed. Cause you have to generate individual embed code for individual posts and then paste them into your website with proper alignment.

Apart from that, it is also time-consuming as you need to do it manually one by one.

Steps to Embed Instagram Feed:

  • Choose your Instagram Feed and click on the options button (displayed as: ...).
  • Select the embed option and copy the generated embed code for your website.
  • Paste the embed code on the backend of your website and you're done.

Hence, you can easily embed Instagram Feed on the website by following the above-mentioned steps.

Top comments (0)