How to Embed Instagram Feed On Website For Free? | Hashtag, Profile, etc…
Almost every brand and especially their potential customers are available on Instagram. Instagram states that there are more than 200 million business accounts that users interact with every day. Visual content generates 94% more views and not only that, but it is 50 times more likely to make it to the first page of Google (source: responsiveinboundmarketing). Isn’t this fact enough to embed Instagram feed on websites with a positive attitude? Seems exciting, right?
Not only that but adding Instagram widget to showcase your latest Instagram posts on websites will also help you boost the reach of your Instagram handle.
In this blog we will discuss the different methods to embed Instagram Feed on websites:
| No Credit Card Required |
Different Methods to Add Instagram Feed on Websites
Methods to Embed Feeds & Recommendations
- Official Instagram Embed Option —— (Recommended: For Advanced Developers)
- Social Media Aggregator Tools —— (Recommended: For Anyone)
- Instagram Feed Plugin and Apps —— (Recommended: WordPress & Shopify Users)
1. How To Embed an Instagram Feed Using Official Instagram Embed
Recommended: For Advanced Developers
Why Use Official Instagram Embed Option?
Cons:
- Need advanced coding knowledge
- Time-Consuming for collecting relevant feeds
- Have to embed feeds one by one manually
- Have to keep updating new feeds manually
- A lot of manual work has to be done
- It provides iframe code which is not SEO friendly in nature and is less compatible with existing website designs.
Pros:
- Free to use embed option
Steps for Using Instagram’s Official Embedding Option
Instagram offers a free embedding option so that you can add feeds to the website.
- Open Instagram in the browser & Select the image you want to embed.
- On the right-hand side of the same image, you’ll see a 3 dots menu.
- Now choose the option ‘Embed’ and copy the embed code on the clipboard.
- Go to the page editor, select the area where you want to add the code and paste the code.
- Finally, end the process by clicking on ‘Update’ to save the changes.
But there are quite a few drawbacks to using the official Instagram embedding option.
However, by using social media aggregator tools you can overcome the above-mentioned disadvantages. It is so much easier with Tagembed to embed Instagram feed on websites for free. Just a few clickable steps: Collect>Curate>Customize>Embed, that’s all.
2. How to Embed Instagram Feed with Tagembed Social Media Aggregator Tool
Recommended: For anyone looking to embed Instagram posts, reels, stories, hashtags etc.
Why You Should Use “Tagembed” Social Media Aggregator
Cons:
- Need Instagram account access token to collect feeds
Pros:
- No coding knowledge required
- 6 connection types to collect any type of Instagram posts
- User-Friendly Interface with automation options
- Filter & Moderation Options
- Automatically update new feeds on the website
- Easy customizations with so many options like themes & layouts, fonts, card style, banners, etc.
- Collects multiple feeds in one click
- Free to Embed Instagram Feed
- Custom CSS option
- Custom Language option
- Multiple types of feed in a widget
- Custom Theme Settings
- JAVASCRIPT embed code for SEO Friendly widgets that get blended into your websites due to its compatible nature.
- And more….
| No Credit Card Required |
Step 1: Create Instagram Widget & Collect Instagram Feeds
a. Create a free Tagembed account (No Credit Card Required) if you haven’t yet, or log in to your existing account.
b. If you are a new user, your first widget will be created by default. Click on the Open button to proceed to collect Instagram Feeds.
c. A popup will appear to Pick a Source. Select Instagram as your source to collect Instagram posts.
d. In this step, choose your preferred Instagram Connection Type from the following to aggregate your Instagram Feed accordingly.
You can collect Instagram feeds from:
- Instagram Hashtag (#) – Collect Instagram posts using Instagram Hashtag Enter your desired Instagram Hashtag to collect feeds from.
- Instagram Handle (@) – Connect your Instagram account to collect feeds from your profile.
- Instagram Business Account – Connect your Instagram Business account to collect Instagram posts from your handle.
- Instagram Stories – Collect Instagram Stories by connecting your Instagram account.
- Instagram Reels – Collect Instagram Reels (Portrait) by connecting to your Instagram account.
- Instagram IGTV – Connect your Instagram account to aggregate IGTV or Instagram Videos.
- Instagram Mentions – Gather Instagram posts that your profile is mentioned in.
- Instagram Tagged – Collect Instagram posts in which your Instagram profile is mentioned.
e. Choose your Instagram connection type and connect your account. Lastly, authorize your Instagram Account.
Now, in a few moments, you’ll see that your Instagram Posts are collected on the widget editor.
Now, in the 2nd step, we will generate the Instagram Feed embed code:
Collect, Moderate, Customize and Embed Instagram Feed on website
Try For FreeStep 2: Generate Instagram Feed Embed code to Embed Instagram Feed
Follow quick and simple steps to generate the Instagram feed embed code for your website:
a. Click on the Embed Widget button.
b. Select your Website Building Platforms (CMS) from WordPress, Shopify, Wix, Webflow, HTML, etc., to generate the Instagram Feed embed code.
c. Set the Width & Height of the widget and copy the embed code by clicking on the COPY CODE button. (For example, HTML is selected)
After copying the Instagram Feed embed code for your website CMS, follow the below CMS steps to add Instagram Feed accordingly:
Step 3: Embed Instagram Feed on Any CMS Website
No matter in which CMS platform your website is built-in. The embedding options are almost similar. Here are steps to embed an Instagram Feed on some of the top CMS platforms to embed Instagram Gallery on the website:
Let’s get started!
A. How To Embed an Instagram Feed in HTML Website?
HTML (Hypertext Markup Language) is a great way to build beautiful and user-friendly websites and web-based applications.
Mentioned below is a brief guide of steps to add Instagram feed on HTML website:
- Start with selecting your website building platform i.e., HTML.
- Copy the Embed Code from Tagembed Instagram Widget for HTML and copy it.
- Now open the backend of your webpage and paste the embed code in the body section of your website.
- Save the changes made and reload your webpage to see the live Instagram Feed embedded on your website.
Pro Tip- If you can’t do it on your own, you can directly share the Widget code with your developer from the editor.
B. How to Embed Instagram Feed on WordPress Website?
Here are the steps to add an Instagram feed on the WordPress website, a popular open-source content management system. It is one of the leading website-building platforms, and many websites are built using it.
- Login to your WordPress website.
- Open the page or post where you want to embed Instagram Feed.
- Add a Custom HTML block and paste the embed code on the backend of your website.
- Alternatively, add Tagembed widget block and paste the shortcode into it
- Click on the Update button to complete the process and reload your webpage to view live feeds on your website.
C. Add Instagram Feed to Wix Website
Here are the quick steps to add an Instagram Widget on Wix. Wix is a cloud-based web development platform. It has HTML5 capabilities.
- Login on Wix first.
- Add elements with a plus button (+) on the left-hand side of the menu bar. Click on this button.
- Here, you will see a complete list of elements.
- Now click on the More option.
- Select HTML iframe from the Embeds.
- Now enter the copied Instagram HTML code in the code field.
- Click apply to successfully add Instagram Feed to wix site.
Collect, Moderate, Customize and Embed Instagram Feed on website
Try For FreeD. Embed Instagram Feed on Weebly Website
Weebly allows the drag-and-drop option to create content. Start with the following steps to add an Instagram widget on Weebly.
- Find the Embed Code element and then drag and drop it where you want to see Instagram feeds on the website.
- Click on the HTML box.
- And then choose the Edit Custom HTML option.
- Paste the Tagembed code to embed Instagram Photos on Weebly website.
- Save the changes and update it.
E. Add Instagram Feed on Squarespace Website
Here is the quick step for Instagram Widget for Squarespace. Follow the simple steps below and add an Instagram feed on Squarespace Website.
- Use the Embed Blocks to add any external code on the web page.
- Now add a block on the page, open a page editor, and then click on “Add Block.”
- Now select Embed from the menu.
- Click the </> icon in the URL field.
- Now paste your embed code on that box.
- Click Set.
- Lastly, save the changes by clicking on the Apply button.
F. Show Instagram Post on Jimdo Website
You can easily add an Instagram gallery on ‘Jimdo’, an e-commerce-oriented website-building platform.
- Click on the Add Element button.
- Now click on More elements.
- Choose Widget/HTML and paste the embed code into the code field where you want to see the Instagram posts.
- Click on the Save button to apply changes.
G. Add Instagram Feed on Shopify Website
Last but not least, to add Instagram feeds to Shopify website, follow these simple steps:
- Log in to your Shopify account.
- Under the Sales Channels section, you’ll find an Online Store. Click on that.
- Select the Themes option from the drop-down list in the sidebar.
- You will find an Action button, click on that.
- Now choose Edit code from the drop-down list.
- Select Layout/Templates/Section where you want to display your Instagram post.
- Paste the Embed Code and click on Save to publish the changes.
Collect, Moderate, Customize and add Instagram Feed on website
Try For Free3. Instagram Feed Apps & Plugin to Embed Instagram Posts
Recommended: For WordPress & Shopify users who want in-CMS apps & plugins
Why Use Tagembed Apps & Plugins?
Cons:
- You have to install the app & plugin on your website from the admin panel
- Need Instagram account access token to collect feeds
Pros:
- All same benefits as mentioned in the Tagembed social media aggregator tool
- In-website embedded apps & plugin so that you can manage everything from the website admin panel itself.
- Improved UI with similar CMS-type UI
A. Tagembed Shopify App to Add Instagram feed
Tagembed Instagram Widget Shopify App basically focuses on increasing engagement by displaying Instagram feeds on your website in a very creative manner. Instagram Shopify apps grant many functionalities to your website by embedding an Instagram feed into Shopify website.
Tagembed has come up with a social feed Shopify app to offer great benefits to your brand promotions by efficiently adding an Instagram Post from diverse channels to your website.
B. Tagembed WordPress Plugin to Embed Instagram feed
If you have a WordPress website then you can embed Instagram profile directly to your WordPress website using the Tagembed Instagram Widget WordPress plugins. Plugins append numerous functionalities to your website, thus increasing its utility.
Tagembed offers social media feed WordPress plugin to make your business website more appealing by connecting Tagembed plugin to your WordPress website. Thus, conveniently embed Instagram profile feed to your website.
Customize & Embed Instagram Feed Like a Pro!
It is easy to collect and embed Instagram posts on the website but you can add cherries to the cake using customization. Hence, garnishing is always perfect to make the output soothing to the eyes. Eventually, sometimes technically, coding is required to do so. Still, Tagembed also facilitates some of the garnishing features to make the Instagram Widget look astonishing and also blend perfectly with your website, such as:
Personalize Widget :
Personalize widget is a section where you can make tons of settings and changes for your widget and selected theme. It consists of:
– Themes & Layouts :
There are 12+ themes and layouts to choose from that best fit your requirement and also blend well with your website theme.
– Background :
The background is a dedicated section where you can choose your desired color for the background or upload an image as per your requirement.
– Banner :
Design your own custom banner as a heading for your Instagram posts to highlight your account or hashtag campaign.
– Card Style :
Customize the social card by hiding author details, font size, font color, adding CTA, hiding content, curve, theme color etc.
– Theme Settings :
Personalize your selected Theme by making desired settings into the selected theme.
Filter & Moderation :
One of the most useful features is to filter and moderate the collected Instagram Post. As it is not necessary that the feeds that you have collected are relevant to showcase on the website or maybe you need to highlight a certain post or pin the post from below to the top. All of these can be done using the filter and moderation feature.
When you click on the Filter and moderation button, multiple settings and options will be there that you can use to make the most out of your Instagram Post such as:
- Public or Private Feed
- Block certain users’ feed
- Highlight Post
- Pin Post to top
- Add CTA to respective feed
- Edit Post
- Delete Post and more
More :
Lastly, more is a section that is filled with so many useful features such as:
- Custom Post
- Custom CSS
- Profanity Filter
- Choose Language
- Auto-Moderation
- API and many more.
Eventually, giving some extra time to garnish the final output always results in a better outcome compared to the rush.
Collect, Moderate, Customize and Embed Instagram Post on website
Try For FreeLive Example of Instagram Feed On Website
To make your website more dynamic, pleasing, and lively you can embed Instagram Feed on websites.
But merely adding Instagram posts isn’t enough to improve the overall look of a website. Using appropriate themes, layout styles, and other features is important. Below is an example of one of our clients that uses an Instagram slider to showcase their Instagram Feed on their website:
You can explore more Instagram feed examples from our inspiration gallery to get some inspiration on how other brands embed Instagram feed into a website that consists of posts from their handles and followers.
Why You Should Embed Instagram Feed on Website?
The above steps and methods describe how to embed Instagram Feed on a website but often you may have doubts that why should you embed an Instagram post on the website. Well, here are the 5 reasons why you should embed an Instagram Feed on your website:
#1. Increase the dwell time of your visitors
Embedding an Instagram feed to any site makes it very interesting and interactive. This keeps your website visitors engrossed with the crisp and unique content being updated on a regular basis, thereby increasing the dwell time of your visitors.
#2. SEO Friendly
With js code compatibility, the Tagembed Instagram widget makes your content crawlable. That means, it increases your chances of getting a better search engine ranking, as the content from your feed is crawlable which can help your website to rank better.
#3. Improve the engagement of your visitors
Finding your website loaded with the colorful feeds of Instagram, visitors get intrigued and start interacting on your website. This gives great benefits to user engagement on your website as representing genuine content gains massive attention.
#4. Build brand trust and loyalty
Representing user-generated content on your website provides you with the opportunity to gain public faith by smartly showing off the transparency of your brand. This helps your brand in attracting a huge amount of visitors and makes your business grow amazingly.
#5. Decrease bounce rate
When you embed an Instagram feed on your website from various channels, it makes your website very fascinating for visitors. This further gives your visitors the chance to explore your website with considerable interest, thereby decreasing the bounce rate to a great extent.
#6. Escalate sales and revenue
When visitors start to spend more time on your website seeing the engaging Instagram post embedded on your website, it gives you the chance to encourage them to turn into your potential customers. Thus, embedding an Instagram feed on the website increases your commerce incredibly.
Conclusion
What are you waiting for now?
Go ahead with embedding an Instagram Feed on the website to keep your website updated along with enhancing its vibrancy using Reels, handles, hashtags, stories, etc. An astonishing Instagram Gallery can help you increase social reach, boost awareness, build trust, and more.
FAQs
Embed Instagram basically means the collection and curation of Instagram Post from various channels and profiles with the help of social media aggregation tools and then embedding them on your business website.
Yes! you can. Using Tagembed you can conveniently collect all the feeds of Instagram from diverse profiles through Instagram hashtag, tags, Instagram Stories, mentions, Instagram Reels, etc. and collectively display them on your website in the form of an Instagram widget.
Yes, you can put Instagram feed on website. It is as easy as it gets; all you need to do is connect your Instagram account with Tagembed, then make desired personalization to the collected feed, and simply copy and paste the embedding code where you want the feed appears on your website.
To embed Instagram feed on website for free, connect your Instagram account with Tagembed. Then, collect the feed from your preferred feed source, make desired customization and embed them on your website by copying and pasting the embedding code provided by Tagembed.
Generate the embed code for Instagram Feed, then login to your SharePoint account, navigate to admin center, then to sites, and select active sites option. Now, go to settings, click on-site information, and then view all site settings, find HTML Field Security, choose edit share point HTML settings and paste the code.
Save the changes made and done. Your Instagram Post is live on your SharePoint website.
Yes you can embed Instagram Posts on your website using Tagembed social media aggregator tool. Just create your account then connect your Instagram Handle. Customize and generate the Instagram embed code. Add the Instagram Feed embed code on the backend of your website and then you’re done.
Yes, It is 100% doable to embed Instagram feed. Tagembed has a complete Free Instagram Feed suite that allows you to collect & embed Instagram Feed from Hashtag, Handle, Reels, Stories, business account, mentions, Instagram videos, and more. In other words, using Tagembed, you can embed any type of Insta Feed from Instagram to any website.
Embed social feed from Facebook, YouTube, Instagram, Twitter on your website, like a PRO
Invalid Email Address
No Credit Card Required
