How to Embed Instagram Business Account Feeds on Website?

Add Instagram Business Feeds

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

Try Taggbox – Start Your 14 Days Free Trial

Step 1

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

Taggbox Widget Dashboard

On the Taggbox Dashboard click the “+Create Widget” button to create a new widget:

Create Widget by Taggbox

Step 2

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

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

Taggbox create widget

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 Business connection type from the top tabs and then fill out the required fields.

Embed Instagram Feed Widget

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”.

Step 6

Then click the “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 widget according to you.

Great! You have successfully added your Instagram Business feeds and they will appear in the wall editor in a while. You can also use the Personalize and Moderation Panel to set up your Instagram wall. You can finally embed the Instagram Business feed on the website.

Learn here about step by step guide to convert Instagram account to business account

Embed Instagram Business Feeds On Website

To embed Instagram Business feeds on a website, follow the following steps-

Step 1: Click on the Embed widget Button on your Widget editor.

Tumblr Feed widget

Step 2: Select your Website Platform. (E.g. – HTML, WordPress, Wix, etc.)

Embed On HTML Website

Step 1: To embed your Instagram Business feed on an HTML website, choose HTML as your platform.

Embed Instagram Business Account feed on HTML Website

Step 2: Set width, height, and height type as per your requirements.

Embed Instagram Business Account feed Code

Step 3: Click on Get Code. Copy the generated code and Paste it into your webpage, where you want to embed Instagram Business feeds.

Display Instagram Business Account feed on HTML Website

Step 4: Copy the code from the field or you can also see a preview of your wall by clicking on Preview. Paste the code into the body section of your website.

With these steps, you can easily embed Instagram Business feed on HTML website.

Embed On WordPress 5.0 Website

Step 1: To embed your Instagram Business feed on WordPress 5.0 website, choose WordPress as your platform.

Embed Instagram Business Account feed on Worpress Website

Step 2: Set width, height and height type as per your requirements and click on Get Code.

Step 3: Generate the Website Embed code from the Taggbox code generator and copy the Code.

Step 4: Open the page in your WordPress backend where you want to embed the Instagram Business feeds. Select “(+)Add Block” in the top left corner of the WordPress Editor.

Step 5: Here, click on Formatting and then choose Custom HTML. Paste the copied code in the editor. Click on Publish/Update post and You’re done.

Embed On WordPress Classic Website

In case you are still using the older version of WordPress, follow the below steps-

Step 1: Select WordPress as your website building platform and generate the Website Embed Code from Taggbox. Once the code is generated, copy it on the clipboard.

Step 2: Open the page in your WordPress backend where you want to embed the Instagram Business feeds.

Step 3: On the right-hand side, you will find a Visual and a Text option. Choose Text Mode. Paste the generated embed code where you want to show your wall.

Step 4: After embedding the code, click on Update/Publish to save the changes.

Embed On WIX Website

Step 1: To embed your Instagram Business feed on WIX website, choose Wix as your platform.

Step 2: Open your WIX Editor and Navigate to the Page Where you want to Embed Instagram Business feeds. Here, click on the “+ Add” button.

Step 3: Click on More and Select Embed a Site.

Step 4: Check the “Website Address” under Mode.

Step 5: Copy and paste the generated URL into the “Website Address” field.

Embed On Squarespace Website

Step 1: To embed your Instagram Business feed on the SQUARESPACE website, choose Squarespace as your platform.

Step 2: Set width, height, and height type as per your requirements and click on Get Code.

Step 3: On Squarespace Navigate to the page where you want to embed Instagram Business feed.

Step 4: Click on +Add/Edit Block and Select Code.

Step 5: Paste the Copied code and Click on Apply.

Step 6: Save the page to apply the changes.

Embed On Weebly Website

Step 1: To embed your Instagram Business feed on Weebly website, choose Weebly as your platform.

Step 2: Set width, height, and height type as per your requirements and click on Get Code.

Step 3: On Weebly Navigate to the page where you want to embed the Instagram Business feeds.

Step 4: In the left navigation bar click on “Embed Code” and drop it on the position where you want to display the wall.

Step 5: Paste the copied code into the Container and publish the changes you made.

Embed On Shopify Website

Step 1: To embed your Instagram Business feed on Shopify website, choose Shopify as your platform.

Step 2: Set width, height, and height type as per your requirements and click on Get Code.

Shopify gives you to option to embed your Instagram Business feeds either on default Pages or New Pages or Blog Posts.

Default Pages

Follow these steps for Default Pages:

Step 1: After generating the embed code, Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step 2: Go to Edit HTML/CSS option on the top right of the page.

Step 3: Select Layout/Templates/Section (Eg: For Homepage – Index.liquid) Where you want to display Instagram Business feeds.

Step 4: Paste the Copied code and Click on Save.

New Pages

Follow these steps for new pages:

Step 1: After generating the embed code, Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step 2: Click on Add Page on Top right of the page.

Step 3: Select Show HTML (<>) option of Text Editor.

Step 4: Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step 1: After generating the embed code, Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step 2: Click on Add Blog post on the Top right of the page.

Step 3: Select Show HTML (<>) option of Text Editor.

Step 4: Paste the Copied code and Click on Save.

Try Taggbox Widget to Embed Instagram Business Feed 14 Days Free Trial

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