How to Embed Instagram Feed on Website

Social Platforms
6 min read

Instagram has more than 1 billion monthly active users, and it is one of the most popular social networks worldwide. Instagram stories, filters, and geo-tagging have become an essential part of everyone’s life. In fact, user engagement is the highest on Instagram than on any social media platform.

Instagram-1-billion-users

Image Source: TechCrunch

Instagram is extensively used by bloggers, vloggers, photographers, travel enthusiasts as a business tool. One can perform multiple tasks on Instagram, for example, product launch, blogging, brand awareness, etc.

However, your work will not come in anyone’s notice until and unless you display it on your website. Embedding Instagram posts on your website increases the dwell time of the customers, and it also improves your brand’s authenticity. To make your website more effective, embed Instagram feeds on it.

By embedding an Instagram wall on website, you can show the user-generated content to the website visitors. You can merge product reviews, hashtag campaign’s performance on your website. The Instagram wall will compel the visitors to spend more time on the website, and it will indirectly help you to improve your Google search engine ranking.

In this post, we will show you how you can embed and display your Instagram live feed’s directly on your website using Taggbox.

How to Add Instagram feed with Taggbox

You can easily embed Instagram feed with Taggbox. First, click here to create an account, after creating an account our smart wizard will guide you to create your first Instagram wall or you can follow the below steps to add Instagram feed:

1. Open Wall Editor and click Feeds

2. Click Add Feed

3. Choose Instagram as a source from popup

4. Select the Instagram connection type (hashtag, profile post or location) and then fill out the required fields.

  • Hash Tag (#) – To fetch Instagram feeds, enter your Instagram Hashtag.
  • Profile Post (@) – You can collect Instagram hashtag feeds through business profile handle. Enter your Instagram user handle.
  • Location – You can collect location-specific feeds. Just enter a location.

5. Then click “Create Feed” button to complete adding.

6. Provide the login credentials for Instagram and sign in.

The connection has been created and within few moments posts will appear in the Wall Editor.

You can also use the Personalize and Moderation Panel to set up your Instagram wall. You can finally embed the Instagram feed on website.

Also read: Complete step by step guide to add Instagram feed

How to embed Instagram feed on Website

To embed Instagram feed on your website, you need to get embed code first from Taggbox wall editor.

Follow below steps to get the HTML code for embedding Instagram feed:

  1. Click on the Display button and choose Embed on website option,
  2. Select your suitable platform such as WordPress, Wix, Squarespace etc. or you can simply generate an embed code for your HTML Website.
  3. Choose one from Auto and Fixed to set the Width and Height according to your choice.
  4. When you are done with your settings then click on Get code.
  5. Copy the code from the field or you can also see a preview of your wall by clicking on Preview.
  6. Paste the code into the body section of your website.

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

Let’s start engaging your website visitors

Embed Instagram Feed on website building platforms

A lot of individuals are using various website building platforms to create their website because it’s less time-consuming. If you have your website on a different platform such as WordPress, Weebly, Jimdo, Squarespace etc. then you can easily embed Instagram feed on that platforms by following some simple steps.

Choose website builder

Use the generated HTML code to embed Instagram feed and follow the below steps:

1. Embed Instagram feed on WordPress Website

Wordpress

WordPress is a popular open-source content management system, and a lot of websites are built on it. You can easily embed any custom code on WordPress websites.

Let’s embed your Instagram feed with WordPress. Login your website WordPress; select and edit the web page where you want to embed the Instagram feed. There will be a Visual and Text Option, on the right-hand side. Select the Text Mode and paste the Taggbox embed code where you want to showcase your Instagram feed on the web page.

Wordpress edit

After embedding the code, click on Update to publish the changes.

2. Embed Instagram feed on Wix Website

wix

Wix, a cloud-based web development platform allows the users to create a website with HTML5 capabilities.

After login on Wix, you will see a plus button (+) on the left-hand side of the screen in the menu bar, through this button you can add elements on your web pages.

After clicking on the plus button you will see a complete list of elements, now click More option on the menu and select HTML iframe from the Embeds.

Wix Editor

Now enter the HTML code of Taggbox in the code field, and then click apply.

3. Embed Instagram feed on Weebly Website

Weebly, allows an individual to make a high-quality website, and maintain an online reputation. To create web pages, you can drag and drop the content on Weebly. To embed Instagram feed on Weebly, find the Embed Code element (in the menu on the left-hand side of your screen). Now drag and drop the Embed Code element on the page where you want to embed the Instagram feed.

Weebly

Now click on the HTML box and choose Edit Custom HTML option.

weebly embed social wall

Paste the Taggbox code to embed Instagram feed on Weebly Website.

4. Embed Instagram feed on Squarespace Website

SquareSpace

Squarespace provides software as a service for website building. On Squarespace, you can add any external code on the web page by using the Embed Blocks. You need to add a block on the page to embed the Instagram feed.

Open a page or post editor and click “Add Block”. Now select Embed from the menu and click the </> icon in the URL field. Now paste your Taggbox embed code on that box and click Set.

SquareSpace

Now, click Apply to publish your changes.

5. Embed Instagram Feed on Jimdo Website

jimdo website builder platform

Jimdo is an e-commerce oriented website builder. You can easily embed the Instagram feed on Jimbo, select the area on web page where you wish to display your Instagram feed and click on the Add Element button. Now click on More elements and choose Widget/HTML.

Jimdo

Paste Taggbox embed code into the code field and click on save button.

6. Embed Instagram feed on Shopify Website

Shopify is the best platform for E-commerce business. If you want to embed the Instagram feed on Shopify, log in your Shopify account and click on Online Store under Sales Channels section. You will see a drop-down list in sidebar; select Themes option.

Shopify

On the right-hand side of the screen, you will find an Action button on your current theme. Click on that Action Button and choose Edit code from the drop-down list.

Shopify Website Builder Embed Social Wall

Select Layout/Templates/Section (Eg: For Homepage – Index.liquid) where you want to display your Instagram feed and paste the Copied embed code of Taggbox and Click on Save.

We have given you 6 effective yet simple ways through which you can embed the Instagram feed on your website. So, what are you waiting for? Embed your live Instagram feed on website using website builders and keep your website up-to-date and increase your brand’s trust.

Let’s start engaging your website visitors