embed instagram feed

How To Embed Instagram Feed On Website?

14 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 feed 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 be channelized 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 You Should Embed Instagram Feed 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 Instagram post on the website, you are making it visible to your website visitors which would create higher reach opportunities for your Instagram content and grow the number of your followers.

Embedding Instagram feeds 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.

Steps To Embed Instagram Feed On Website

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.

Step 1. Add Instagram Feed With Taggbox Widget

Step 2. Connect Instagram With Your Taggbox Account

Step 3. Generate Instagram Feed Embed Code

Step 4. Embed Instagram Feed On Website

Step 1. Add Instagram Feed with Taggbox Widget

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

Taggbox Instagram widget

2. Click on “Add Social Feeds

add Instagram feed to website

3. Select Instagram as your source to fetch the posts.

show instagram feed on website

4. Select the source type from the following options to collect posts from Instagram.

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.
  • 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.
  • Reels – Collect and curate highly engaging Instagram reels by entering URL.
  • Videos – Aggregate all-format Instagram videos.
  • Personal Account – Collect Instagram uploaded posts from your personal account.

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 to 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 Instagram feeds.

instagram embed

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 Instagram posts.

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

embed instagram feed on website

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

embed instagram

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

embed instagram feed on website html code

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.

show instagram feed on website

How To 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 website using HTML code.

Step-1: Log in to your HTML website and choose the landing page where you want to add 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.

Instagram widget html

How To 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.

instagram embed wordpress

Here are some steps you can follow to embed Instagram feed on 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.

How To Add Instagram Feed To 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. 

add instagram feed to shopify

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 Instagram feed on Shopify website.

How To 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

Adding Instagram feeds 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 Instagram feed to Squarespace.

How To 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.

weebly instagram feed

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

How To 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.

wix instagram feed

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

integrate instagram feed into website

Other Methods Of Adding Instagram Feed To Website

Method 1- Using The Taggbox Widget WordPress Plugin

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

Instagram 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 embed Instagram feeds using the Taggbox WordPress Plugin.

  • Log in to your WordPress account and navigate to the Dashboard. 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 Instagram feed. Click on “+” to add a block.
  • Next, select Taggbox and paste the copied embed code into 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 Instagram post you want to embed on your website.

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

instagram feed

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

embed feed instagram

Step-5: Copy & Paste the code into the backend of the webpage where you want to display Instagram feeds on website.

instagram iframe embed code

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, real-time content updates, interactive design, etc. to align with the website’s layout.

Video Guide To Embed Instagram Feed On Website

how to embed instagram feed on website

Benefits Of Adding Instagram Feed To 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 adding Instagram feeds to your website.

Increase Brand Awareness

When you embed 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 Instagram feed on your 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 user-generated content on your website. People seek a reliable source before making purchases online. The real-life customer experiences from Instagram becomes 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.

add instagram widget to website

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!

Boost Your Website Performance With Instagram Widget

Try the performance-driven Instagram feed widget for your website!

FAQs

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

Embed Instagram refers to the idea that users can generate an embed code for any Instagram feeds and copy and paste it on the backend section of their website where they want to show Instagram feeds.

Taggbox Widget offers a seamless solution to integrate Instagram widget on website using the HTML code. Once you have curated a Widget using Taggbox, 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 Widget has an exclusive plugin for WordPress sites that you can find on the WordPress dashboard by searching "Taggbox Widget" from the plugin section. Once you add 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.

icon

Don't Miss Out!

Subscribe to the Taggbox blog

Boost Engagements With User Generated Content

Start Free Trial
Free Trial