instagram feed on website

How to Embed Instagram Feed On Website For Free (Easy Steps)

13 minute read

Let’s make your website fresh and engaging using Instagram widget for website. Yes, you read that right when you embed Instagram feed on website you let users interact with engaging content available on Instagram. Hence, you can divert the engagement from Instagram to your website and influence users to perform an action.

Did You Know – Many people use Instagram to find new products. About 35% of Instagram users have purchased something after seeing it on the app. Also, 72% of customers believe that looking at pictures of products on Instagram makes them more likely to buy those products.

Embed Instagram on Website in 5 mins

Instagram
Hashtag

Try Now

Instagram
Handle

Try Now

Instagram
Stories

Try Now

Instagram
Reels

Try Now

Instagram
Mentions & Tag

Try Now

| No Credit Card Required |

2 Methods to Embed Instagram Feed On Website

A. Embed Instagram Post using the Instagram Embeds Option

B. How to Embed Instagram Feed on Website with Tagbox

A. Embed Instagram Feed On Website using Instagram (Manually)

It may come across as a surprise to you, but Instagram itself offers users to embed Instagram feed on their website. For this, note that you have an open account, and ensure that your Embeds settings are turned on as well.

The only limitation is that you can only embed one post at a time, unlike other embedding tools that allow you to embed an entire Instagram visual gallery to your website.

So, if you want to embed an Instagram post on your website using iframe code, then follow these simple steps with ease:

embed instagram feed
  1. Open Instagram.com on the browser
  2. Go to the Instagram feed you want to embed on your website
  3. Click on the three dots (…) at the post’s top right corner
  4. Click on the Embed option to generate the HTML embed code
  5. Copy & Paste the iframe Instagram feed embed code into the editor of the webpage where you want to show Instagram feed on website
  6. For example, to embed Instagram Photo on WordPress page, add β€œCustom HTML” block, and paste in the embed code. That’s it!

The options with Instagram’s embedding are limited. You can only insert one post at a time. It does not have any unique functionalities like customizations, content moderation, performance analytics, real-time content updates, interactive design, etc., to align with the website’s layout. Hence, for this purpose Instagram tool like Tagbox comes into play. With a lot of customizations, real-time new post update, no-coding tool, collect different types of posts in just a click and more.

Below are the steps to embed Instagram on website using Tagbox:

B. How to Embed Instagram Feed on Website with Tagbox

To quickly include Instagram feed on website and captivate your audience, a UGC platforms like Tagbox is highly recommended. We offer a range of features that can help you grab visitors’ attention with multiple feeds and influence users to make a decision.

Quick Guide to Embed Instagram on Website!

1. Login or Sign up with Tagbox

2. Click on ‘Add Social Feeds’ in the dashboard

3. Select ‘Instagram’ as the source

4. Now, add feed by entering any one of these β€˜Hashtag(#)’, β€˜Handle(@)’, β€˜Stories(@)’, etc.

5. Now, click on ‘Create feed’ to connect your Instagram business account

6. Your feed is now ready

7. Click on ‘Publish’ and select your Website-building platform

8. Lastly, copy the embed code and paste it into the backend. Easy Peasy, right?

We have created a tutorial for you to collect, curate, and integrate Instagram feed into website simply and easily without any technical expertise or complexity.

Step 1: Create an Instagram feed widget

Signup to embed Instagram feed

Step 2: Select Your Network – Instagram

  • Select β€˜Instagram’ as your source to collect Instagram posts.
select and include Instagram feed on website
  • Choose your feed type to collect those posts from Instagram.

What types of Instagram feeds can you embed?

  • List of Instagram feed type:
    • Hashtag (#) – Collects live Instagram hashtag feed on website.
    • Handles (@) – Collects Instagram posts from the business profile.
    • Stories – To embed Instagram Stories on the website.
    • Mentions (@) – Aggregate Instagram posts where your brand has been mentioned.
    • Tagged – Curate feeds where you have been tagged on Instagram.
    • Videos – Aggregate all-format Instagram videos on the website.
    • Reels – Check πŸ—Ή the β€œOnly Reels” option in the list below to embed Instagram reels on website.
    • Personal Account – Collect Instagram-uploaded posts from your personal account.
How to embed Instagram feed?
  • Choose your feed type and enter the input accordingly. Your Instagram Posts are now collected:
Click on the publish button to embed Instagram

Step 3: Generate the Instagram feed embed codeΒ 

Once you get all your posts and are done with all the moderation and customization, follow the below-given steps to get the Instagram profile or page feeds embed code that you can use in your website code to embed Instagram profile on website.

  • Click on the Publish button on the widget editor screen.
Instagram feed layout
  • Select the β€œEmbed On Webpage” option to embed Instagram feed on website.
select embed on webpage
  • Now, choose your Website Building Platform like (HTML, WordPress, Wix, Shopify, Weebly, Squarespace, etc.)
embed instagram feed free
  • Customize the height and width of your widget and copy the generated embed code. Now you have successfully generated & copied the β€œInstagram Feed Embed Code” for your website CMS. Follow the below-given steps to show your Instagram feed on your website builder.

Step 4: Integrate Instagram Feed into Website with Embed Code

  • Log in to your website and go to the backend or editor section of the page where you want to embed Instagram post.
  • Paste the copied Instagram embed code from the Taggbox Free Website Widget to the body of your page and publish/update the changes.
  • You will have successfully embedded Instagram feeds on the website.
Embed Instagram Feed on Your Website in 5 mins

Instagram
Hashtag

Try Now

Instagram
Handle

Try Now

Instagram
Stories

Try Now

Instagram
Reels

Try Now

Instagram
Mentions & Tag

Try Now

| No Credit Card Required |

How to Embed Instagram Feed on Different Website Builder?

Here are the step-by-step solutions for all popular CMS platforms, so you need not worry about missing out. Explore Now!

1. How to Integrate Instagram Feed into Website HTML?

HTML is a well-organized website platform trusted widely by businesses and brands. It seems like you’re one of them. Want to give more to your website visitors so that they stay longer and increase your website’s dwell time?

instagram feed html

Well, here are some easy steps you can follow to embed Instagram feed on website HTML code:

  1. Log in to your HTML website and choose the landing page where you want to add an Instagram feed widget.
  2. Paste your copied β€œInstagram feed HTML code” into the page/blog/sidebar section.
  3. Apply the changes and Tada!! You will have successfully embedded Instagram widget on the HTML website.

2. How to Embed Instagram Feed on WordPress?

WordPress is the perfect platform for designing futuristic web pages that have their uniqueness. If you are someone who likes giving unique content to your website visitor, then embedding Instagram posts can be the perfect solution for you.

embed instagram on wordpress

Here are some steps you can follow to embed Instagram feed on WordPress site:

  1. Log in to your WordPress website.
  2. Select and edit the web page where you want to embed Instagram post gallery.
  3. Select the Pages > Add New Page Section from the Dashboard in the 6.0 and above versions of the WordPress editor.
  4. Choose the (+) button, select the custom HTML option, paste your Instagram embed code, and apply changes to display the Instagram gallery on the website.

Check the full tutorial for all versions of WordPress to embed Instagram Feed On WordPress.

3. How to Embed Instagram Feed on Squarespace?

Squarespace is a unique website builder and a preferred choice for businesses who aren’t afraid to experiment with all the templates Squarespace provides.

instagram feed on squarespace

Adding Instagram feeds to your Squarespace website will be the perfect visual aid for your website visitors to keep them hooked for longer. Here are the steps you can follow:

  1. Open a page or post editor and click β€œAdd Block”.
  2. Select embed from the menu and click the </> icon in the URL field.
  3. Now paste your Instagram photo gallery embed code on that box and click set.
  4. Once done, click Apply to publish your changes.

Complete guide to add Instagram feed to Squarespace website.

4. How to Add Instagram Feed to Wix Website?

Wix is the foremost choice for businesses who prefer websites created entirely by them, as Wix gives users the freedom to design and develop their web pages the way they want.

instagram feed on wix

Here, follow these simple steps to add Instagram feed to Wix Website:

1. Embed Instagram Feed on Wix with the Classic Editor

  • For classic editor follow the below steps to embed an Instagram feed on Wix website.
  • Click on β€œ+”.
  • Choose the β€œEmbed a widget” option from the available list.
  • On the page, you have the option to adjust the height and width of your widget depending on the page layout.
  • Click β€œEnter code”.
  • Paste the embed code in the Wix Editor.
  • Tap β€œUpdate” and your Instagram feed will appear on your Editor page.
  • Click on the β€œPublish” button to finalize your changes.

Well, that’s it. Your Instagram feed is live on your Wix website.

2. Embedding an Instagram Feed on Wix with the ADI Editor

  • While working with the Wix ADI editor there are a few steps changed. Let’s look at them.
  • Click on the β€œ+” icon.
  • Select the section where you wish to embed the Instagram feed.
  • Select β€œHTML Embed” on the left.
  • Choose from the in-built templates, and edit the default content there.
  • Click on the β€œselect” button appearing next to HTML
  • Select the β€œwebsite” option here instead of the Instagram feed embed code.
  • Add the preview URL of your feed, and adjust the width and height of your feed display.
  • Now, tap on the β€œPublish” button to make your feed functional on your Wix website.
Embed Instagram on Website in 5 mins

Instagram
Hashtag

Try Now

Instagram
Handle

Try Now

Instagram
Stories

Try Now

Instagram
Reels

Try Now

Instagram
Mentions & Tag

Try Now

| No Credit Card Required |

5. How to Embed Instagram Feed on Weebly?

When you display visually appealing Instagram content on your Weebly website, you receive some astonishing visual marketing benefits for your eCommerce website.

embed instagram feed on shopify

Don’t look anywhere else, as we have put together a few simple steps to embed an Instagram post on your Weebly website effortlessly.

  1. Find the β€œEmbed Code” element (in the menu on the left-hand side of your screen)
  2. Drag and drop the Embed Code element on the page where you want to attach feeds from Instagram to the Weebly website.
  3. Click on the HTML box and choose the Edit Custom HTML option.
  4. Paste the Instagram feed embed code to display Instagram feed Weebly Website.

6. How to Add Instagram Feed to Shopify Store?

Shopify is the perfect website for businesses looking for a seamless platform to create a free e-commerce website to reach a larger audience.

instagram feed shopify

Add Instagram feed on the Shopify store to engage your website visitors and increase conversion rates. 

  1. Click on Online Store under the Sales Channels section. You will see a drop-down list in the sidebar; select the Themes option
  2. On the right-hand side of the screen, you will find an Action button on your current theme
  3. Click that Action Button and choose Edit code from the drop-down list.
  4. Select Layout/Templates/Section (Eg: For Homepage – Index. liquid) where you want to embed Instagram profiles or page feeds
  5. Paste the copied code of the Instagram post and click on Save.

7. How to Embed Instagram Feed on Google Sites?

Google sites have made website making easy for users. You only need to drag and drop the content to the location where it is needed; you don’t require a web developer, a website designer, or any other coder. You may create team webpages, public-facing websites, internal project centers, and much more.

instagram feed on google sites

Brands find it to be incredibly significant due to the numerous advantages and responsive feature that allows customers to access the Google site even with a smartphone. Now let’s see how you can embed Instagram feed on your Google sites.

  1. After you have created your feed, copy the code generated. 
  2. Open your Google Site Account and log in.
  3. Choose the page where you want to embed your Instagram Feed Widget on the right side. (Let’s suppose we can choose the Contact page.)
  4. Choose the INSERT tab and the > Embed Option on your dashboard.
  5.  When the pop-up box for embedding from the web appears, choose EMBED CODE, paste the embed code, and then click NEXT.
  6. The widget will now be displayed as a preview on Embed retrieved from the web pop-up form.
  7. Click the INSERT Button to Incorporate the Instagram posts on your Google site web page.
Embed Instagram Feed on Website in 5 mins

Instagram
Hashtag

Try Now

Instagram
Handle

Try Now

Instagram
Stories

Try Now

Instagram
Reels

Try Now

Instagram
Mentions & Tag

Try Now

| No Credit Card Required |

Check – Instagram Feed on Website Examples You Can Copy

Need a responsive theme to display visual content? Try the gallery theme to entice your users in a blink.

Over to You

Without a doubt Instagram is one great marketing tool- From audience to boost your sales to user-generated content for building trustworthy relationships you get it all here. As this platform is constantly changing, your business needs to adapt quickly to these changes. This way, you can improve your customers’ website experience in a more efficient manner.

By embedding your Instagram feed on website you can increase conversions by making your brand look credible.Β With Tagbox you can embed multiple feeds on one single page with quick uploads and even track the performance in term of engagement and sales.Β 

image
Are you ready to embed Instagram feed on your brand website?

Collect, moderate, and add Instagram feed on any website to increase social proof and authenticity

Signup, its FREE

No Credit Card Needed.

FAQs

To embed your Instagram feed for free, you can use the Taggbox Widget tool that will help you collect, curate, and display content on the website using a unique hashtag(#), handle(@), videos, reels, stories, mentions, tagged, etc. You can simply embed the generated Instagram feed embed code into your website pages.

Go to Instagram and select the post you want to generate the embed code for then click on the three dots for more options. Now, select embed option to generate the embed code for Instagram feed. If you wish to embed multiple Instagram posts then sign up for tagbox Instagram aggregator and collect all of your posts.

Tagbox offers a seamless solution to embed an Instagram feed on website in few clicks. Once you have collected & curated a widget using Tagbox, you need to select your CMS platform from available options on the dashboard. Then, it will generate a unique HTML code that you can copy and paste on the backend of your website where you want the Instagram feeds to appear.

Yes, Taggbox has an exclusive plugin for WordPress sites that you can find on the WordPress dashboard by searching "Taggbox" from the plugin section. Once you add a plugin to your WordPress dashboard, it will help you easily add Instagram feed widget to your WordPress website.

You can show Instagram feeds on multiple pages of your website. Be it on the footer, the sidebar, the header, homepage, blogs, or any desired web page. You just need to copy and paste the embed code on the backend of your website where you want your Instagram feeds to appear.

Yes, Taggbox offers you a custom post feature to add specific posts with just a few clicks. Log in to Taggbox account > Go to Apps & More > Select β€œCustom Post” > Add the Post URL > Click β€œCreate Post” button. Your particular post from your feed will display automatically.