How to Embed Instagram Feed on HTML Website?

Add an Instagram Feed

To create an Instagram feed, you need to follow the given steps-

Step 1

Login or Signup to your Taggbox account. You will see your Dashboard.

Taggbox Social Wall Dashboard

On the Taggbox Dashboard click the “+Create Wall” button to create a new wall:

Taggbox Social Wall Dashboard

Step 2

Then, give a name to your wall. A Unique URL of your wall will be created automatically according to your wall name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create Wall“.

Taggbox create wall

Step 3

1. Click Feeds (You will find it on the left-hand side of the page).

Add Feed for social wall

2. Click Add Feed, to create a New feed.

Feed for social wall

Step 4

In the popup that appears, select the Instagram connection type from the top tabs and then fill out the required fields.

Embed Instagram Feed wall

Step 5

Choose one of the following to create feed:

1. HashTag (#)- To fetch Instagram feeds, enter your Instagram Hashtag.

Create Instagram Feed with Hashtag

2. Handle (@)– You can collect Instagram feeds through a business profile handle.

Create Instagram Feed with Handle

3. Mentions– You can collect Instagram feeds in which you are mentioned.

Create Instagram Feed with mention

4. Tagged– You can collect Instagram feeds in which you are Tagged.

Create Instagram Feed with tagged

To enable Moderation on the connection select “Manually approve posts before making them public”.

Then click “Create Feed” button to complete adding.

Then provide the login credentials for Instagram and sign in.

The Connection has been created and within a few moments posts will appear in the Moderation Panel of the page.

After creating connections you can use Personalize and Moderation Panel to set up your Instagram Wall according to you.

Different Options provided by Taggbox

Embed Instagram Feed on HTML Website

To embed Instagram feed on your HTML website you need to follow below steps–

Step 1

Click on Display Button on your wall editor.

Instagram Feed wall

Step 2

Select the “Embed in Websites” option to embed Instagram feed on Website.

Display Options

Step 3

To embed your Instagram feed on the HTML website, choose HTML as your Platform. 

Choose HTML for embedding Instagram feed

Step 4

Set width, height and height type as per your requirements. Click on Get Code

Height of Embedding Instagram feeds

Step 5

Copy the generated code and Paste it into your webpage, where you want to embed Instagram feeds.

Get Code for Embedding Instagram feed

Great! You have successfully embedded Instagram feeds on your HTML website.

If you have any questions or need help, please Contact us or write us at [email protected]