How to Embed Instagram Feed on an HTML Website?

Embed Instagram Feed on HTML website

Try Tagembed – Create Your Free Account Now

Go through a step-by-step guide to embed Instagram feed on your website by using Tagembed the free-forever social media aggregator.

Step 1: Aggregate Instagram Feed 

1. Sign Up to create a Free Tagembed account or Login if you already have an account.

Embed YouTube Playlist on Blogger Websites

2. You’ll be redirected towards the Tagembed dashboard.

Embed YouTube Playlist on Blogger Websites

3. Your First Widget will be already created, just click on the Edit button to proceed.

Embed YouTube Playlist on Blogger Websites

4. A dialogue box will appear to “pick a source”, Choose Instagram now

Choose Instagram

5. Again new dialogue box will appear to “Create Instagram Feed

Embed Instagram Feeds

Here you have multiple options to create feeds

a.) Hashtag(#) – Enter hashtags from where you want to fetch feeds

b.) Handle(@) – Login to your Instagram account and it will fetch feeds directly

c.) Business Account – Login to your Instagram Business account to fetch feeds directly

b.) Mentions – Once you will login to your Instagram , it will fetch directly

d.) Tagged – It will fetch directly when you login into your account

e.) Stories – Enter the Username to fetch stories

f.) IGTV – Enter the IGTV URL to fetch feed

g.) Reels Enter the Username to fetch reels

Click on the below button “Continue With Instagram

Login to your Instagram Account to authorize for aggregation

NOTE: You can refine the aggregation process, enable the checkboxes on the above options accordingly.

NOTE:  Tagembed provides a “Personalize” option to customize the display of your Instagram Widget for HTML, with many options to choose between according to your need. 

Step 2: Embed Instagram feed On HTML Website

After you have successfully created your Instagram widget, it’s time to embed Instagram feed on website HTML. Follow the steps mentioned below.

  1. Click on “Embed Widget” located at the bottom left corner of the screen.
Integrate instagram feeds on website

2. In the popup, select HTML as the website building platform.

How to embed instagram feeds on different websites

3. Set the dimensions as per your requirement. You can also check the preview before moving forward and make further changes if necessary. Finally, click on “Get Code”.

Add instagram gallery feeds on website

4. Copy the code to paste on the HTML website.

5. Go to your website editor and paste it where you want to display the embedded Instagram feeds.

Voila!! Your website is now all set to flash enticing content.

Try Tagembed – Create Your Free Account Now

If you would face any issues, feel free to contact us or write us at [email protected].

Related: Embed Instagram Feed on Squarespace Website