Instagram has over 2 billion active users monthly, only ranking behind Facebook and YouTube. Additionally, users spend about 33 minutes daily on the app.
Embedding an Instagram feed helps you provide fresh website content and attract new followers to your social media profile.
It also addresses the burden of double posting content on your Instagram and website.
In this article, we’ll guide you on how to embed Instagram feeds on your website.
TL;DR – How to Embed an Instagram Feed on a Website
Continue reading the article for an in-depth review of each option, and a step-by-step guide on how to embed Instagram feeds on your website.
Method 1: Use a Website Widget
To quickly embed Instagram feed to your website, follow the steps below.
- Sign up FREE or login to SociableKIT.
- Create and customize your Instagram feed widget.
- Copy the Instagram feed widget embed code.
- Login to your website admin panel and create or edit a page.
- Paste the embed code where you want the Instagram feed widget to appear.
- Save and view your page. Done!
That’s easy! Embedding Instagram feed widget on your website will take only 2 minutes. If you need a more detailed guide, scroll down to follow our complete guide or watch our video guide.
Looking to purchase our premium features? Please check the details on our pricing page here.
Method 2: Use the Embed or Link Option
To embed Instagram content using Instagram’s embed option, follow the steps below.
1. Go to your target Instagram profile. For example:
2. Choose a post from that profile, and in the upper right corner, click the three dots.
3. On the popup, click the Embed option.
4. Copy the code by clicking the “Copy embed code” button.
5. Login to your website’s admin panel.
6. Create or edit a page where you want to embed the Instagram content.|
7. Paste the Instagram embed code.
You may choose method 1 or method 2, it depends on your needs. But in case you choose method 1, you can follow our complete guide below.
What Does it Mean to Embed an Instagram Feed?
Embedding an Instagram feed involves linking the original content source (in this case, Instagram) with another platform, such as a website or digital signage.
A successful embed means site owners can bypass content management systems when showcasing their Instagram profile posts, story highlights, reels, and hashtag feeds.
On the other hand, visitors don’t need to exit a webpage or have Instagram accounts to view your Instagram feed.
In cases where you embed an Instagram feed widget, visitors can interact with the content, including clicking on posts and following your profile.
How Long Does it Take to Embed an Instagram Feed on My Website?
Embedding an Instagram feed on a website takes only a few minutes but depends on whether you have previously interacted with embedded links.
The good news is that no coding is required!
If you have experience with widgets, creating and customizing a widget and then pasting it on a webpage where you want it to appear should take about two minutes.
First-timers may need some time to familiarize themselves with embedding. Still, the process is straightforward, so it should take at most five minutes.
4 Benefits of Embedding Instagram Feeds on Your Website
Embedding Instagram feeds on your website has the following benefits:
- Source of fresh content: It is costly and time-consuming to post fresh content on your website daily. Instagram feed embedding provides a regular content source to keep your website vibrant.
- Higher sales and conversions: Posting user-generated content attracts potential customers to your website. You can organize the Instagram posts into shoppable galleries with product captions and tags that visitors can browse and order.
- Improved visitor engagement: Bounce rate is an essential KPI when tracking website performance. Instagram feed embedding boosts a website’s vibrancy, encouraging visitors to spend more time on a webpage, hence higher customer engagement.
- Positive social interactions: Instagram feed embedding helps businesses build communities around their brands. Showcasing user-generated content on your website makes your followers feel seen and appreciated, which helps create a loyal fanbase.
Are There Any Unforeseen Challenges During This Process?
More often than not, Instagram feed embedding is straightforward, so you might not encounter any issues.
However, as with any integration, you might face a few unforeseen challenges. Let’s discuss them in detail below:
- Feed syncing issues: Some data sources take time to sync and could affect how soon the Instagram feed appears on your website. Wait up to 24 hours for the feed to sync and display.
Consider re-embedding the Instagram feed if it does not sync within this period.
- Incorrect data source: Inaccurate data sources could return error messages or display the wrong feeds.
Countercheck the provided username, hashtag, or profile ID to generate the right Instagram feed.
- Feature limits: You might not access some customization templates and features because you are using a free plan.
Consider upgrading to a premium plan for unlimited access.
An easy workaround to such unforeseen issues is by using SociableKIT’s Instagram feed widgets. Our widgets specify the required data source type and have a sync request button to update the Instagram feeds.
How to Embed an Instagram Feed on Your Website for Free
Follow our complete guide below to embed Instagram feed on website for free. The guide is divided into two parts to make it easier to follow.
Create and customize your Instagram feed widget
The first part is creating your Instagram feed widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.
1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don’t need our premium features.
2. Select your Instagram feed type on the dropdown. SociableKIT offers several Instagram feed widgets. You might need to search it using the highlighted area below. Once found, you can then select it.
Here are the different types of Instagram feed that you can add to your website:
- Instagram Profile widget – The Instagram Profile widget lets you add your Instagram feed to your website with ease. It makes your website look more attractive by showing fresh posts from your Instagram, and helps visitors find and follow you on Instagram, growing your social media followers. It’s simple to install and a great way to keep your audience connected with what you’re doing on different platforms. Learn how to embed Instagram Profile on your website here.
- Instagram Hashtag Feed widget – Instagram hashtag feed widget type lets you easily add Instagram hashtag posts to your website, bringing a dynamic and visually engaging element to your online presence. It pulls content directly from Instagram using specific hashtags, keeping your site fresh with the latest photos and videos. It’s a great tool to connect with your audience and showcase social media buzz around your brand or events. Learn how to embed Instagram Hashtag Feed on your website here.
- Instagram Stories widget – The Instagram Stories widget is a fantastic tool that lets you easily integrate a live feed of your Instagram stories directly onto your website. It’s designed to keep your site fresh and engaging by showcasing your latest stories to visitors in real time. Simple to set up, it brings the vibrant energy of your Instagram content right to your online doorstep, making sure your audience never misses out on the fun! Learn how to embed Instagram Stories on your website here.
- Instagram Story Highlights widget – The Instagram Story Highlights widget allows you to effortlessly showcase your favorite Instagram stories right on your website. It’s a fantastic way to keep your site fresh and engaging, making sure visitors get a glimpse of your most memorable moments and updates. Simple to integrate, it seamlessly brings your social media content to your online audience, enriching their experience with your brand. Learn how to embed Instagram Story Highlights on your website here.
- Instagram Location widget – The Instagram location widget allows you to easily showcase photos and videos tagged at a specific location directly on your website. It’s a fantastic way to visually connect your audience with the place, bringing to life the atmosphere and experiences shared there. Simple to install, this widget keeps your site fresh with the latest content from Instagram, engaging visitors and encouraging them to explore more. Learn how to embed Instagram Location on your website here.
- Instagram Reels widget – The Instagram Reels widget adds Reels videos to your website, showing short, entertaining videos from your Instagram right on your site. Instagram Reels are fun clips, up to 60 seconds long, that you can create, edit, and share to engage with your audience. It’s an easy way to make your website more lively and keep content fresh without extra work. Learn how to embed Instagram Reels on your website here.
3. Enter your Instagram feed ID or username. Copy your Instagram feed URL and paste it in the username box. Our system will automatically identify your Instagram feed ID or username.
4. Customize your feed. Click the “NEXT” button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.
5. Copy the embed code. Click the “Embed on website” button on the upper right corner. On the popup, copy the JavaScript embed code.
6. Paste the embed code and save your website page. Please follow the second part below to add Instagram feed widget to your website.
Add Instagram feed widget to your website
The second part is adding your Instagram feed widget to your website. After you customize your Instagram feed widget and copied the embed code, it is time to add it to your website. Follow the steps below.
1. Get your free embed code from SociableKIT. Make sure you followed the first part above to create your widgget, customize it, and copy your free embed code.
2. Create a new web page or edit your existing web page where you want the widget to appear.
3. Open your webpage. You might use a code editor, a rich text editor, or a code block.
4. Paste the embed code you copied from SociableKIT earlier.
5. Save and publish your web page.
6. View your web page with the widget. Done!
Video Guide: How to Embed an Instagram Feed on Your Website
Watch our YouTube video below to learn how to embed Instagram feed on your website for free.
Try Out SociableKIT’s Instagram Feed Widget Live
Below, you can see a live demo of our Instagram feed widget. You can click on different
layouts such as Masonry layout, Grid, and Carousel if available.
Why SociableKIT is the Best Choice for Embedding Instagram Feeds
Thousands of creators and business owners have already embedded Instagram feed on
their website using SociableKIT. They love our service! Here’s what they tell us.
Integrate Instagram Feed on Your Website in 2 Minutes
Quickly upgrade your website by embedding Instagram feed on website in 2 minutes.Sign up to SociableKIT now!
Example of Well-Embedded Instagram Feeds
Here is a good example of a well-embedded Instagram feeds:
Sugar Bowl’s Instagram Profile on their website
Sugar Bowl is one of the oldest ski resorts in California. It has a rich history and connections to Austrian ski culture, Hollywood, and Walt Disney. Sugar Bowl uses our Instagram feed widget to showcase stunning ski conditions and events. It provides real-time updates to attract winter sports enthusiasts. This helps them engage with their community. It is good to highlight the unique, authentic experience they offer.
Key Stats Supporting Instagram Feed Embedding
Did you know that Instagram has a 4X higher engagement rate than Facebook? Well, you read it right, and the data back it!
Below are some interesting statistics that show the value of Instagram feed embedding.
- Instagram users spend at least 30 minutes daily on the app, more than on other social media platforms like Facebook and X (formerly Twitter).
As such, embedding Instagram feeds might encourage visitors to stay on your website longer.
- 44% of Instagram users browse the app for shopping. About 1 in 2 users enjoy browsing product catalogs on Instagram, while another 4 in 5 users discover new products on the platform.
E-commerce businesses can leverage shoppable galleries and user-generated content on Instagram for sales conversions.
- Instagram comprises 50.6% male and 49.6% female users. It has a more balanced gender split than most social media platforms.
As such, embedding an Instagram feed on your website will likely appeal to most site visitors regardless of gender.
- About 500 million people watch Instagram reels daily. Videos and reels receive twice as much engagement as other content types on Instagram.
Businesses can embed user-generated Instagram reels on their websites to boost engagement.Do you have an active Instagram profile that you want to embed into your website? Use SociableKIT’s Instagram Feed widgets to embed your profile and reinvigorate your website.
How to Embed an Instagram Feed Widget on Your Website Builder
Are you using a specific website builder or content management system (CMS)? SociableKIT can work with any website builder. The following sections will show you how to use the Instagram feed widget code on commonly used website builders.
How to embed an Instagram feed widget on your Squarespace website
To embed Instagram feed on your Squarespace website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Squarespace. You must have a “Business” account in Squarespace to use the widget. The “code block” needed cannot be found if you only have a “Personal” account.
5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
6. Add a Code Block. On your Squarespace page, click the ‘Edit’ button. Find the ‘Code’ block and click it.
7. Paste the embed code from SociableKIT. On the ‘Content’ of the ‘Code’ block, paste the JavaScript embed code you have copied from your widget.
8. Save the changes on the ‘Code block’. After pasting your widget’s embed code. Click the ‘Save’ button on the left part of the page.
9. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
How to embed an Instagram feed widget on your WordPress website
To embed Instagram feed on your WordPress website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to your WordPress site.
5. On your WordPress, go to the “Pages” section then click the “Add new page”.
6. Pick a pre-defined layout or start with a blank page by clicking the “Blank page” button.
7. On the body of your page, click the “+” icon and click the “Custom HTML”.
8. Paste the code in the text area.
9. To preview, click the preview tab.
10. Click the Publish or Update button on your WordPress page.
11. Click the view page. Done!
How to embed an Instagram feed on your Weebly website
To embed Instagram feed on your Weebly website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Log in to Weebly.
5. On your existing website on Weebly, click the “Pages” section on the upper left then click the “+”.
6. Select what type of page you want to add.
7. Add a name to your page and then click “Done”.
8. On the top menu, click “Build” then on the sidebar, drag the “Embed Code” option on your page.
9. Click the “Click to set custom HTML” then click “Edit Custom HTML”.
10. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button.
11. Click the link to your site. Done!
How to embed an Instagram feed on your Wix website
To embed Instagram feed on your Wix website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Wix.
5. On your existing website click the “+” button beside the “Main pages” section.
6. Then click the “Add page” button.
7. Name your page then hit enter.
8. On the left, click “Add element”. Find and click “Embed code”. Click and drag “Embed a site” on your page then resize the container.
9. Click “Change website address”.
10. Paste the link you copied from SociableKIT then click “Apply”.
11. Click “Publish” on the upper right.
12. Click “View site”. Done!
How to embed an Instagram feed on your Webflow website
To embed Instagram feed on your Webflow website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Webflow.
5. On your existing website, click the “Page: ….” in the upper left corner then click the “Create new page” icon.
6. Once done add a name for your new page then click “Save”.
7. On the left, click “Add Element”. Drag “Embed” to your page.
8. Paste the JavaScript code you copied from SociableKIT.
9. On the upper right, click “Publish” > “Publish to Selected Domains”.
10. View your page. Done!
How to embed an Instagram feed on your Shopify website
To embed Instagram feed on your Shopify website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Shopify.
5. On the left side, click Online Store.
6. Click Pages. Add a new page or edit your existing page.
7. On the Page details, click Show HTML icon (<>).
8. Paste the embed code and click the Save button.
9. Click the View page button. Done!
How to embed an Instagram feed on your HTML website
To embed Instagram feed on your HTML website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Open your HTML file.
5. You can create a new HTML page or edit your existing HTML page.
6. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
7. Save your HTML page.
8. You may now upload your HTML page to your web hosting.
How to embed an Instagram feed on your Google Sites website
To embed Instagram feed on your Google Sites website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Login to Google sites. You must have at least a ‘Business Starter’ plan to create and customize your Google sites.
5. Create or edit an existing website. Click the + ‘Blank’ button on the ‘Start a new site’ section to create or find your existing website under the ‘Recent sites’ section.
6. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an ‘Embed’ button. Click the ‘Embed’ button.
7. Add the widget. A popup ‘Embed from the web’ will open up. Select the ‘Embed code’ tab on the popup.
8. Paste the embed code from SociableKIT. On the ‘Embed code’ tab, you will see ‘HTML code goes here’ text. Paste the embed code from your SociableKIT widget.
9. Save the widget. Once you have pasted your embed code, click the ‘Next’ button.
10. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the ‘Insert’ button to insert the widget to your Google sites page.
11. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the ‘Publish’ button on the upper right corner of the page.
12. Publish your page. After publishing the site, click the down ‘Arrow’ button beside the ‘Publish’ button.
13. View your page. A dropdown of buttons will be displayed, click the ‘View published site’ button. Done!
How to embed an Instagram feed on your Sharepoint website
To embed Instagram feed on your Sharepoint website, follow the steps below.
1. Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
2. Create and customize your Instagram feed widget. Create a Instagram feed widget and customize the colors, fonts, and other elements to match your Squarespace website.
3. Copy the Instagram feed widget embed code. Click the ‘Embed on website’ button on the upper right and copy the embed code.
4. Go to your Sharepoint site and log in with your credentials.
5. Locate the page that you want to edit or create a new blank page. If you are creating a new page, click the “New” button and select “Page” from the options.
6. On the upper right corner of the page, click the “Edit” button. This will enable you to make changes to the page.
7. Hover over the area where you want to add the SociableKIT widget, then click the “+” icon that appears. From the list of options, find the “Embed” or “<>” icon and click on it.
8. Paste the embed code provided by SociableKIT into the box.
9. Click the “Publish” or “Republish” button to save your changes and make them live on the site. If necessary, upload the page to your website. You’re done!
Note: If you receive an error that states Embedding content from this website isn’t allowed, you will have to add the following to the list of sites that are allowed on your website and the HTML Field Security list of the site collection where the site is located:
widgets.sociablekit.com
data.accentapi.com
sociablekit.com
images.sociablekit.com
Did not see your website builder? You can find your website builder here: How to embed Instagram feed on any website?.
You may also ask our support team if SociableKIT can integrate with your website builder.
If you want to find out more about embedding social media feed to your website, visit our homepage: Add social media feed to your website for FREE!
Related links
Here are some related links you might find relevant to our article today.
What is Instagram Feed? The Instagram Feed is a place where users post photos and videos. It will promote connections and sharing of their passions. Embedding your Instagram Feed on your website allows you to extend this dynamic visual storytelling to a wider audience, enhancing your brand’s online presence.
Embed an Instagram post or profile. Learn how to use embed codes from the official Instagram.com website. You can showcase public Instagram posts, reels, or profiles on your website. This guide complements the main article by providing step-by-step instructions on embedding specific Instagram content into your site for free.
The Instagram Basic Display API. lets you fetch basic user profiles, photos, and videos from Instagram accounts directly into your app. This API is essential for embedding an Instagram feed on your website. It will give visitors a glimpse of your latest Instagram content.
API to create content for Instagram Feed? You can use the Instagram Graph API to publish images, videos, reels, and carousel posts on Instagram Professional accounts. This API lets you create and share content, making it easier to keep your embedded Instagram feed updated and engaging.
How to schedule posts on Instagram? Learn how to schedule your Instagram posts and reels easily using the Instagram mobile app. Scheduling posts helps you maintain a consistent Instagram feed, just like embedding it on your website enhances your site’s content.
Frequently Asked Questions (FAQs)
Below are answers to common questions we receive about Instagram feed embedding.
Can I Embed Instagram Stories on My Website?
Yes. You can embed Instagram stories on your website. SociableKIT offers three website plugins that support Instagram stories.
- Instagram Stories widget
- Instagram Story Highlights widget
- Instagram Story Highlights Multiple widget
Can I Embed Instagram Reels on My Website?
Yes. You can share your profile’s Instagram reels on your website. Use these SociableKIT Instagram Reels widgets depending on the number of videos you want to embed.
- One post: Instagram Reel (Single reel) widget
- Multiple posts: Instagram Reels widget
Does Embedding an Instagram Feed Affect Website Loading Speed?
Yes. Embedding an Instagram feed could affect website loading speeds, but it depends on the size of the displayed content.
Pro tip: Avoid large image sizes for faster loading speeds.
Can I Customize the Appearance of My Embedded Instagram Feed?
Yes. You can customize your Instagram feed embed to match your website theme.
For example, SociableKIT Instagram feed widgets allow you to choose your preferred style fonts, colors, gallery templates, and action buttons.
Conclusion
Instagram feed embedding allows you to capitalize on your following by directing organic traffic to your website. It is also an effective way to create a loyal fanbase around your brand.
Be among the thousands of satisfied content creators and business owners who use SociableKIT widgets to embed Instagram feeds on their websites. Join SociableKIT today and create an Instagram Feed widget for your website!
