embed instagram feeds

How To Embed Instagram Feed On Website For Free

13 minute read

The ever-increasing dwell time of Instagram users clearly reflects their unstoppable love and obsession with the platform. Undeniably, Instagram is the most engaging and influential platform, and the users and brands love to post on it. Instagram’s influence has reached the level where brands embed Instagram feeds on websites to keep their visitors hooked by showcasing visually appealing content.

The Instagram post may consist of UGC, Influencer content, the brand’s social media feed, etc., depending upon the brand’s needs. Everything to engage the audience with visual content and boost website & brand performance with powerful #InstaFeeds.

So, the integration of Instagram posts can easily channelize these and many more benefits to your website. 

Make your way to the end of this blog, as we will be guiding you through the various methods and steps involved to embed Instagram feeds on your website. Also, we will be highlighting the ways in which this strategy would benefit your business.

However, it is first important to understand the primary reasons that make embedding Instagram feeds a sought-after marketing strategy. 

Why Should You Consider Embedding Instagram Feeds On The Website? 

Instagram has a user base of over 500 million daily active users. The massive user base clearly reflects the ability of the platform to generate a variety of content. Integrating such content on the website has proven to be a game-changing strategy for budding brands and businesses. 

When you embed an Instagram post on the website, you are making it visible to your website visitors that would create higher reach opportunities for your Instagram content and grow the number of your followers.

Embedding Instagram feed on the website will automatically increase your website dwell time and give social proof to your website visitors, which eventually drives sales.

While these were just a few of the advantages of adopting this strategy, continue reading as we will be highlighting the benefits in detail. 

CTA Button

Embed Instagram Feed On Website For Free

We have created a 4 steps guide for you to create and embed Instagram feeds on any website in simple and easy steps without any technical expertise or complexity. 

The Taggbox Widget guide contains steps for all popular website CMS platforms, so you need not worry about missing out. 

Step1. Add Feeds With Taggbox Widget

Step2. Connect Instagram With Your Taggbox Account

Step3. Generate Instagram Feed Embed Code

Step4. Embed Instagram Feed On Website

Step 1. Create/Add Feed with Taggbox Widget

1. Create a FREE Taggbox Widget account or Log in to your existing account.

Signup To Taggbox Account

2. Click on Add social feeds

Add Social Media Feed

3. Select Instagram as your source to fetch the posts

Select Social Media Channel

4. Select the source type from the following options to collect posts from Instagram & click on “Create Feed.”

Instagram feed on website

You can easily fetch Instagram content using various methods.

  • Hashtag (#) – Collects live Instagram hashtag feed.
  • Handles (@) – Collects Instagram posts from the business profile.
  • Mentions– Aggregate Instagram posts where your brand has been mentioned.
  • Stories – To embed Instagram Stories on the website.
  • Tagged– Curate feeds where you have been tagged on Instagram.
  • IGTV – Aggregate IGTV videos

5. Once you select the feed, then click on the “Create Feed” button

Step 2. Connect Instagram With Your Taggbox Account

By clicking on “Create Feed,” you will be redirected to Instagram for a secure connection, complete the required information to successfully connect Instagram. 

Note: If you have multiple pages that you manage from your connected business account, then Taggbox will display all of those pages so that you can choose the page from which you want to add the feed.

Step 3. Generate Instagram Feed Embed Code

Once you get all your posts and are done with all the moderation and customization, then 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 the Instagram post.

1. Click on the Publish button on the widget editor screen

Embed Instagram feed On Website

2. Select “Embed On Webpage” option to embed feed on your website.

Embed Insatgram Feed On Webpage

3. Now, choose your Website Building Platform as per your requirement (HTML, WordPress, Wix, Shopify, Weebly, Squarespace, etc.)

Select Your CMS platfrom

4. Customize the height and width of your widget and copy the generated embed code.

Now you have successfully generated & copied the Instagram post “Embed Code” for your website. Follow the below-given steps to show your Instagram feed on your chosen website building platform.

Step 4. Embed Instagram Feed Into Any Website

1. Log in to your website and go to the editing section of the page where you want to embed the Instagram Widget

2. Paste the copied Instagram widget embed code from Taggbox Widget to the body of your page and publish/apply the changes. 

3. You will have successfully embedded Instagram posts on the website now.

Display Instagram feed On website

Embed Instagram Feed On HTML

HTML is a well-organized website platform and is 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? 

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

Step 1: Log in to your HTML website and choose the landing page where you want to add an Instagram feed

Step 2: Paste your copied “Instagram post HTML code” into the page.

Step 3: Apply the changes and Tada!! You will have successfully embedded the Instagram feed on the HTML website.

CTA Button

Display Instagram Feed On WordPress

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

Embed Instagram Feed On WordPress

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

Step 1: Log in to your WordPress website.

Step 2: Select and edit the web page where you want to embed Instagram feeds gallery. 

Step 3: Select the Pages>Add New Page Section from the dashboard in the WordPress 5.0 editor.

Step 4: Choose the + button, select the custom HTML option, paste your copied 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.

Add Instagram Feed On Shopify

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

Embed Instagram Feed On Shopify Store

Embed Instagram feed on Shopify website to engage your website visitors and increase your conversion rates. 

Step 1: Click on Online Store under the Sales Channels section 

You will see a drop-down list in the sidebar; select the Themes option

Step 2: On the right-hand side of the screen, you will find an Action button on your current theme

Step 3: Click on that Action Button and choose Edit code from the drop-down list.

Step 4: Select Layout/Templates/Section

(Eg: For Homepage – Index. liquid) where you want to embed Instagram profiles or page feeds 

Step 5: Paste the copied code of the Instagram post and click on Save. 

Check the complete guide to add an Instagram feed on Shopify.

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

Embed Instagram Feed On squarespace website

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

Step 1: Open a page or post editor and click “Add Block.” 

Step 2: Select embed from the menu and click the </> icon in the URL field. 

Step 3: Now paste your Instagram photo gallery embed code on that box and click set.

Step 4: Once done, click Apply to publish your changes.

Complete guide to add an Instagram feed to Squarespace

Embed Instagram Feed On Weebly

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

Embed Instagram Feed On Weebly Website

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

Step 1: Find the Embed Code element (in the menu on the left-hand side of your screen) 

Step 2: Drag and drop the Embed Code element on the page where you want to attach feeds from Instagram to the Weebly website.

Step 3: Click on the HTML box and choose the Edit Custom HTML option.

Step 4: Paste the Instagram widget embed code to display the Instagram gallery on Weebly Website

Showcase Instagram Feed On Wix

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.

Embed Instagram Feed On Wix Website

Well, embedding an Instagram post is a somewhat similar experience as you can create and customize a branded and personalized one for your website. 

Here, follow these simple steps:

Step 1: Login on Wix

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

Step 2: Click on the plus button.

You will see a complete list of elements.

Step 3: Click the More option on the menu and select HTML iframe from the Embeds.

Step 4: Now enter the Instagram post embed code in the code field, and then click apply

CtA Banner

Other Methods Of Embedding Instagram Feed On Website

Method 1- Using The Taggbox WordPress Plugin 

This is an option for WordPress users who rely heavily on plugins to integrate engaging and amazing functionalities and features to their website without much hassle or expertise. 

Taggbox Widget WordPress Plugin

Taggbox has created a WordPress plugin to create and show Instagram feeds on the website directly through the plugin. Here’s how you can add the Instagram feeds using the Taggbox WordPress Plugin.  

  • Log into your WordPress account and navigate to the backend section. Click on Plugins and then on Add New Plugin. 
  • Type Taggbox Widget in the search box
  • You will be able to see the Taggbox Widget plugin on your screen. Click on the Install option to download and activate it. 
  • Log into the account with your credentials. At this point, you can create a widget if you haven’t already. If you have already created a widget, click on the Copy option. 
  • Redirect to the webpage or section where you want to embed the Instagram feeds. Click on ‘+’ to add a block. 
  • Next, select Taggbox and paste the copied embed code in the provided box. 
  • Click on the Update or Publish button to finish the process.
  • Kudos! You will have successfully added an Instagram widget to your WordPress website. 

Method 2- Display Instagram Post Using The Official Embedding Option 

Now, it may come across as a surprise to you, but Instagram offers a post embedding option to its users. The platform understands the significance of displaying Instagram feeds on the website and hence, allows users to embed their preferred Instagram posts, and it’s seamless & free of cost. 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 visual gallery to your website. 

But, if you want to embed a single Instagram post on your website, then these simple to follow steps can be perfect for you:

Step 1: Open Instagram on the browser

Step 2: Go to the post you want to embed on your website.

Step 3: Click on the three dots at the top right corner of the post.

Select Instagram Post To Embed On Website

Step 4: Click on the embed to generate the code.

Select Embed Option

Step 5: Copy & Paste the code in the backend of the webpage where you want to display

Copy The Code To Embed Instagram Post On Website

The options with Instagram’s embedding are limited. You can only attach one post at a time. It does not have any unique functionalities like customizations, content moderation, performance analytics, live content updates, interactive design, etc.

Video Guide To Embed Instagram Feed On Website

Taggbox Video Guide On How To Embed Instagram Feed On Website

Benefits Of Embedding Instagram Feed On Website

Instagram is the key platform for brands when it comes to leveraging social media feeds for their growth campaigns. Instagram has some visually appealing content to offer, and when you embed a responsive feed, well-equipped with Instagram’s content, on your website, the benefits are astonishing.

Here we have listed some most valuable benefits of embedding an Instagram post on your website.

Increase Brand Awareness

When you embed an Instagram feed on your website, you give your website visitors an insight into your social presence and increase your brand awareness.

The visitor can explore your Instagram content while staying on your website and engaging with it. If they find your content interesting, they will naturally follow you on Instagram. All this will increase your Instagram followers, create brand awareness and boost your reach.

Build Brand Trust With UGC

User-generated content is the perfect word-of-mouth marketing strategy. Displaying UGC on your website embedded as an Instagram feed brings authenticity to your content and increases brand trust among your website visitors. 

An Instagram post that updates in real-time also encourages your customers to create more UGC for you, as every time they make a post, it gets displayed on your website. It indicates that you give importance to their opinions, adding more to your social presence.

Improve Website Dwell Time

Every brand looks for opportunities and premium content to improve its website’s dwell time. The attention-grabbing and highly engaging Instagram feed can do the trick. 

You can bring the visually appealing Instagram content to your website, and the visitors can engage with it and explore the content without leaving your website. It increases your website dwell time, and the live Instagram feed also encourages them to visit again to check if you have something new to offer.

Increase Conversion Rates 

When you embed an Instagram feed on a website, it brings authenticity to your products. Especially when you embed a vibrant UGC gallery, it works as a trust-building factor for your brand. All this results in an increased conversion rate.

Taggbox widget allows users to embed reviews on your website. People seek a reliable source before making purchases online. These reviews given by their peers can become a deciding factor for your potential customers to buy your products and boost your sales.

Enhance The Look Of Your Website 

Instagram feed embedding tools like the Taggbox widget provides social media aggregators that collect content from Instagram and moderate it to filter out irrelevant or repeated content.

Not just that, they also allow users to customize the Instagram feed as they provide various templates, colors, fonts, and themes to make the Instagram post more visually satisfying for the visitors and work as an eye-catcher.

CTA Button

Final Thoughts 

We have given you some effective yet simple ways to show the Instagram post on this website. Now it is time for you to evaluate how you can leverage Instagram for your website visitors.

It will activate users to spend more time on your website by engaging with the responsive content. Instagram feed is the perfect opportunity for your brand to generate leads, increase conversions and boost brand awareness.

Embed Instagram feed on the website using Taggbox Widget, keep your website up-to-date and increase your brand’s trust significantly! 

FAQs

To embed an entire Instagram feed, you can use the Taggbox Widget that will help you connect your Instagram account and curate content using a unique hashtag(#), handle(@), stories, mentions, etc. You can embed that feed into your web pages.

Embed Instagram means aggregating and curating your Instagram business (or personal) profile's content into a feed using a social media aggregator and then embedding the Instagram feed on website.

Create an Instagram feed widget with the Taggbox widget and follow these steps: how you can get the Instagram embed code instantly.

Embed on Instagram means you can embed posts from Instagram to your webpage by following certain steps to generate an embed code and paste that code wherever you want your website visitors to view and engage.

You are wondering how to add Instagram feed to your Google site? Follow these simple steps mentioned in the blog to know how you can integrate Instagram feed with your Google site.

icon

Don't Miss Out!

Subscribe to the Taggbox blog

Boost Engagements With User Generated Content

Start Free Trial
Free Trial