The Quick and Easy Ways to Embed Instagram Feeds on HTML

by

Over a billion people using Instagram have made it one of the most popular social media platforms. Adding Instagram feeds to your website will help you hold the attention of your website visitors and increase the dwell time of your website. It will also enhance your website look and add vibrancy to it.

You can embed Instagram feed on HTML website in two easy methods. Let’s discuss them in detail.

Method 1: Embed Instagram Feeds on HTML Websites Using Social Media Aggregator

Before beginning with the steps, it is important to know about social media aggregators. It is a tool that helps users aggregate social media feeds and embed them on websites. You can pick any of the aggregators out there, but here are some of our recommendations for you: Taggbox, Tagembed, SnapWidget, etc.

Once you decide the social media aggregator you want to use, follow the below stages.

Create Instagram Feed

  1. Sign up and create an account on the social media aggregator tool. Log in to your account.
  2. Now create a ‘social feed.’ You will find different options of social media platforms from where you can collect content. Select Instagram since we are creating Instagram feeds.
  1. After the selection, you will again get options on how you want to collect feeds from Instagram. If you want to collect all the Instagram posts that have a hashtag, select the hashtag option and enter your preferred choice. Similarly, if you want to collect Instagram feeds of a particular account, choose the handle and enter the username. You can choose from many other options like Personal Account, IGTV videos, stories, etc.
  2. The tool will ask you to connect to your Instagram account to fetch the content, so enter your credentials and log in.
  3. Once done, click on the create feed button, and your Instagram feeds will appear on the editor screen.

Customize Instagram Feed

The editor window will have many features for you to design and moderate the Instagram feed content.

  1. Select the theme of your choice from the available options and apply the changes.
  2. Then, you can edit the background of your widget and apply the changes. You can keep it as a simple color or add an image.
  3. You can also add a banner with your Instagram feed and style the cards as you like.
  4. The moderation panel has a feature that allows you to select if you want to manually approve every Instagram post that appears on your widget or not. If you choose the manual option, every post will go in moderation, and only when you approve a post will it go live on the widget. Even if you choose not to use the manual option, you can still reject any post you don’t like.
  5. Another important feature is adding the CTA button. You can even customize its look as per your liking.
  6. Social media aggregator’s moderation panel also allows you to highlight and pin the best Instagram posts on top.

After completing the moderation and design, you can finally embed your Instagram widget on your website. It will help you with the

Embed Instagram Feed on HTML Website

  1. Click the ‘Publish’ button.
  2. A dialog box will appear with the options of multiple website platforms. Select HTML option.
  3. Set the size of the widget according to your website and click on the ‘Get Code’ button.
  4. Copy the embed code.
  5. Open your HTML website editor and paste the embed code.

Method 2: Embed Instagram Feeds on HTML Websites Using Official Instagram Embed Feature

If you don’t want to use a social media aggregator tool, then you can use the Instagram official embed feature by following these steps below:

  1. Log in to your Instagram on the browser.
  2. Decide the posts you want to embed on your website.
  1. You will see the three dots at the top corner of the Instagram post. Click on it to find the Embed option.
  2. Copy the Embed code.
  3. Open your HTML website editor in another tab.
  4. Paste the embed code, and the Instagram post will appear on your website.
  5. If you want to add more Instagram posts to your website, repeat the above steps for every post.

Let’s Wrap Up

We hope both the methods are clear to you and follow through them easily to embed the Instagram feeds to your HTML website. Moving forward, you have to decide which method you want to use. The choice here is very obvious — social media aggregator, and for all the right reasons. The tool will make your work easy as the posts will be aggregated at once, while in the manual method, you have to repeat the process many times. The tool will also give you many features to design and moderate the widget.

Choose the easiest option to embed Instagram feeds and get started.

 

Leave a Comment