free instagram widget

Imagine the reach that you will get if you have the opportunity to extend your Instagram content beyond the Instagram app.

On top of that, this ability to embed Instagram feed on your website pages will result in an instant boost to your brand’s social proof, a benefit that makes the social media feeds the main component of any website layout.

And yes, it is possible to do this! Our free Instagram feed widget can generate, utilize, and sync your Instagram’s marketing potential on your website right away.

It works like a charm. Just follow the steps below, and you can sync your Instagram feed with your website in seconds.

Here is how to embed an Instagram feed on any website for free:

  1. Create your free account in the EmbedFeed platform
  2. Pick Instagram as ‘Source’ and connect your Instagram account
  3. Generate your Instagram feed in an Instagram widget
  4. And copy/paste the provided code on your website

Easy right?

One of the smart tactics for marketers is to benefit from this user-generated platform by using it as a valuable content source that attracts customers.

Here’s how the embedded Instagram feed looks like in action:

embed Instagram feed on website

Like what you see? Create and embed your first Instagram feed for free!

Feel free to continue to read for more details on how to embed your Instagram feed for free on the most used CMS and website builders. Here are quick and simple steps with screenshot explanations are below.

Steps to Embed Instagram Feed with Social Media Aggregator

Follow the steps to see how you can embed your Instagram profile feed on any WordPress website or any other web platform using a professional social media aggregator.

The EmbedFeed free Instagram feed widget works with any website builder that allows embedding JavaScript or iframe code.

So, if you use any of the popular web platforms, then you are ready to go.

Step 1: Create a free EmbedFeed account

Before you start, make sure you already have a free EmbedFeed account.

If not, create your free account, and then follow the steps below.

Once you are logged in, you will notice a popup window with the first steps instructions. So just click ‘Let’s Get Started’ that will navigate you to the Sources section to add Instagram as a source.

embed instagram widget

Step 2: Choose Instagram as ‘Source’

From the main screen with social platforms, choose Instagram as ‘Source‘.

choose instagram source

Step 3: Connect your Instagram account

A pop-up box will show where you will need to connect to Instagram. Click ‘Connect Facebook Account‘ and there you should connect the Facebook account that associated with your Instagram account.

connect facebook account to generate instagram feed

Note: If you have several accounts that you manage, the system will display all of them. Select the account for where you want to generate posts and proceed to create the widget.

Step 4: Choose Instagram source type – Instagram hashtags or Instagram account

Choose what kind of Instagram feed would you like to create, from Instagram hashtags or Instagram account.

choose instagram source type, instagram hashtags, instagram account

After that, if you choose #Hashtags, you will need to enter the desired hashtag or if you choose @Account, you will need to enter the name of the account. You will be redirected to the next screen to have a sneak peek of the posts that EmbedFeed will generate for you.

Step 5: Create your Instagram widget

To proceed you need to click on the ‘Create widget‘ button where you will be redirected to the final screen where you can view the code that should be embedded on your website.

create instagram widget, instagram feed

Step 6: Copy the provided code

So once you are on this page, you can see the code displayed in the top-right section of the Settings panel.

copy the provided code from the platform

Note: You will also notice CMS Instructions just below the JavaScript code. Click on this link to find more instructions and a shortcode for your WordPress website. But before that, please install our official WordPress plugin, which will enable you to use the widgets’ shortcodes.

Step 7: Paste the provided code into your website

If you are using a platform that allows editing of the page’s code, you can paste the code into the body section of its HTML structure at the position where you want the Instagram feed widget to appear.

paste code to display instagram feed

And if you use other web platforms such as WordPress, Squarespace, Wix, or similar, navigate below in the text to find the actual tutorials for these platforms.

It is really easy as that.

Here is how one of our clients is using the free Instagram widget on their website.

instagram feed on website example

Create your own FREE Instagram Feed

Generate, analyze, and embed Instagram Feed on your website.

Embed Instagram Feed in WordPress

Before you start, please note that you can use the EmbedSocial platform with or without a WordPress plugin to embed the Instagram feed. 

It is directly integrated with the Instagram API so you won’t need to configure your user id or update access tokens. You will only need to click a button and give your permission to our platform to sync your posts on your WordPress website.  

Additionally, EmbedSocial provides two options, a javascript code for direct embed in the WordPress post and a plugin for embedding feeds with a shortcode. The choice is yours on how you want to do this. And below are the instructions for both options on how to start.

Option 1: Instagram Feed Plugin 

instagram feed wordpress plugin

As mentioned,  EmbedSocial provides a free Instagram feed WordPress plugin as part of the social media aggregator EmbedFeed, and it works for any WordPress theme. You can create a full posts feed or simple photo feed with your Instagram images.  

Before you start you will need to connect first your Instagram user account with the EmbedSocial platform.

Once you do that, follow these steps, you will need to activate the Instagram plugin on your WordPress website.

Here are the steps how to activate the EmbedSocial plugin and embed Instagram feed in WordPress:

  • Open your WordPress admin and navigate to Plugins
  • In Search type EmbedSocial and in the search results click to Install it
  • Once it’s installed, in the Plugins list, click Activate. 
  • Now, open your WordPress Page, where you want to show the feed
  • Click on the Visual tab in the page’s Gutenberg text editor. 
  • Paste the provided HTML code or the shortcode in your widget page in EmbedFeed 
  • Click ‘Save’/’Publish ‘of that page.

That’s it, once you open the front-end of your WordPress site you will see the latest Instagram posts on your website. 

Using EmbedFeed will help you to choose the layouts, number of columns, add a follow button and even include Facebook feed or 

Option 2: Instagram Feed Javascript  

This option is usually recommended to use for one-time embeds like showing an Instagram widget in the website’s sidebar. 

To do this, you will need to get the code from your EmbedSocial account and paste the code in the Widgets area where you have your sidebar.

For more details, feel free to ask us for help or check the full Instagram Feed WordPress tutorial.

Embed Instagram Feed on Other Platforms

So far, in the text, we explained how to show your Instagram feed by copy/pasting a javascript code in your website’s body section.
And you probably wonder how to do this if you use a specific e-commerce platform or a web builder.

So here are the respected tutorials on how to use the EmbedFeed platform’s code for Instagram feeds:

Show Instagram Feed in SquareSpace

Navigate to the Squarespace Page where you want to show the Instagram feed. Navigate to the top right in the dark header of the block section and click the ‘+’ button.

When the popover shows, click the content blog ‘Embed.’ Once you see a pop-up, click the code icon.

Paste the code in the blank code space, click on ‘Set‘ and finalize the process by clicking the ‘Save’ button on the top left corner.

Check the full Instagram Feed for Squarespace tutorial. 

Show Instagram Feed in Shopify

Log in to your Shopify account, go to Store > Options > Pages, and open the page where you want to show the widget.

Click on the HTML/code icon in the right-hand corner of the text editor and paste it. 

Check how you can add an Instagram feed to Shopify.

Embed Instagram Feed in other web platforms

Here are additional tutorials to help you display the Instagram photos on other web platforms:

Other Options to Embed Instagram Feed for Free

Here are 2 free options on how to add your Instagram feed in WordPress or any other web platform:

1. Instagram’s official embedding option

Instagram offers an easy embed feature that lets you add an Instagram post on WordPress.

  1. To start, open your Instagram business app in the browser 
  2. Open the image you want to embed and choose the 3 dots menu in the upper right corner
  3. Choose the option ‘Embed‘ and copy the code
  4. Open your WordPress editor and go to the page where you want that post to appear
  5. Select the area of the editor where you want to add the code and click on the + icon
  6. Select the ‘Embed’ block and paste the image URL in the input field
  7. Click ‘Update ‘(or ‘Preview‘) to see your embedded Instagram feed
instagram embed for free

Check the full Instagram’s official embedding guide.

Although these are simple ways to embed your Instagram feed, they come with many limitations:

  • You can attach only one post at a time
  • No option for customizations, content moderation, performance analytics, live content updates, multiple posts, etc.

2. 3rd-party Instagram feed plugins for WordPress or any website

EmbedFeed is not the only platform that provides a free version for embedding Instagram feeds.

There are plenty of other tools that can help you do a similar task.

Before using the final tool, we suggest checking the WordPress plugin directory or the Shopify apps store for relevant apps like Smash Balloon that might provide similar functionality.

Note: Instagram is continuously changing the API, and you will need a professional tool built by developers that have API access to the Instagram platform. In June 2020, Instagram stopped using the old API (“Basic Permission”) to display photos from personal Instagram accounts to widgets. This means that 3rd party apps that use the current API can no longer display pictures from your account if they don’t switch to the new API. You will need to convert your Instagram Personal account to Instagram Business Account or an Instagram Creator Account.

EmbedSocial can provide this, and it is already compliant with the latest API changes. Learn more about the new significant Instagram API changes

Do more: Embed Instagram feed like a Pro

We explained how to use the free version of the EmbedFeed platform for embedding your Instagram feeds on any website.

If you need professional settings or more options to customize or change your feed’s layouts, make your Instagram feeds shoppable with custom ‘Buy’ buttons, and much more, you can check the EmbedFeed PRO version.

In the PRO version, EmbedFeed provides the options to curate the Instagram feeds generated by hashtags and also has the option to generate posts that are published by other users and mention your Instagram account. 

Additionally, it is a full social media aggregator that generates content from all major social media networks, has moderation options to have full control over which Instagram posts are published, and gives options to embed multiple Instagram feed widgets on numerous websites, 

It is one of the most professional Instagram tools or plugins for websites that offer more advanced solutions to display your Instagram photos on WordPress, Wix, Squarespace, HTML websites, or other web platforms.

Need more templates and customizations?

Create a fantastic Instagram Feed with EmbedFeed PRO Plan – starting at $29/month.

If you want to check all its features in action, follow the links below of the live demos:

With these exclusive Instagram widget options, you will stand out from the crowd!

Visit the demos section to check all possible layouts and what you can do more with EmbedFeed.

Customize your Instagram feed

To stay creative and make your Instagram feed truly impressive, navigate to the Settings, Layout, and Design boxes below the code, and feel free to play around with the following options:

  • Order your media and create captions for them
  • Customize the size of your images
  • Link images to Instagram
  • Change the widget title
  • Change the font and color of the title
  • Change the layout of the feed
  • Use CSS editor to design a custom feed style
  • Customization options of Instagram widgets
customization options of instagram widgets

Please note: Customization is not available in the free EmbedFeed version.

Do even more: Embed Instagram hashtag feeds like a PRO

As mentioned above, use the EmbedFeed PRO version for more advanced features, including using other social networks, embedding Instagram feeds from hashtags, and moderating these feeds,

Additionally, this social media aggregator allows you to apply your brand voice by customizing your feed with different colors and fonts, layout options, backgrounds, CTA’s, auto-adding new media, and many more.

You can also use the moderation option and choose the content you want to see displayed on your website.

This is especially important when organizing hashtag giveaways or contests that you display on your website. Usually, these posts are from numerous Instagram users and need additional curation before posting on your website.

Also, note that real-time auto-updates, analytics, and a fantastic customer support team come as a part of the PRO package. All active users get constant updates like Custom CSS functionalities and great templates that fit any webpage.

The best option it provides is integrating with all major social media platforms and creating social feeds with all your user-generated content.

Definition: Social media aggregator is a tool that generates posts published on social media networks and help analyze, moderate, and display on your website.

Benefits of adding Instagram feed on your website

So, why should you display the Instagram feed on your website?

From showing and keeping your Instagram users up to date with your new products to directly selling your inventory, Instagram and your content become a central point of your business success.

Displaying an excellent Instagram feed of all super authentic photos created from your account will increase user engagement and time on site, turning visitors into followers.

So, here are some of the main benefits of embedding an Instagram feeds:

  1. Provide real-time, fresh, and beautiful content for your website
  2. A perfect way to display social proof about the quality of your business
  3. Opportunity to store and analyze user-generated content
  4. Extend the reach of your brands content beyond the Instagram app
  5. Save time and resources to produce content for your website
  6. Increase engagement and possibility to gain more Instagram followers

From the list above, probably the most valuable benefit for e-Commerce brands is the ability to showcase user-generated content in social proof forms. This means that having the opportunity to auto-sync content produced by real people about their actual usage of a particular product is priceless proof that helps build trust in e-Commerce websites and drive prospective customers’ purchasing decisions.

Frequently asked questions and key takeaways

As you’ve read, we showed you step-by-step tutorials on using free tools to add your Instagram feed on your website and websites built with other platforms such as WordPress.

You can manually do that or use a free version of our WordPress Instagram plugin to embed your Instagram feed automatically.

As a summary, here are some key takeaways:

What does embed Instagram mean? 

To embed means to display something on a website. In a more technical definition, embedding refers to ‘PASTE a code’ that will show some interface, usually in an iframe, on a web page’s position where the code was placed. To that, embed Instagram means to display Instagram feed on a website. 

How do I get the embed code from my Instagram post?

To embed a single Instagram post, open the post on a PC, click the top-right 3 dots icon, and click Embed. A pop-up will display the embed code.

How do I embed? 

​To embed a code usually, you will need to send the code to the website developer, or if you use WordPress, you can just copy and paste the code into an HTML block in your WordPress page.

How do I put my Instagram feed in Shopify?

To do this, you can use an app from the Shopify store or navigate to the Shopify Page. In the page editor, click on the HTML to embed the code from third-party apps for Instagram feeds EmbedSocial or paste the code from an individual Instagram post.

Well, congratulations on learning how you can extend the reach of your Instagram activity beyond Instagram’s mobile app! 

We hope that these Instagram widgets will help you offer a unique experience for your website visitors.

Feel free to contact us for any additional help. We are always here for you!

Happy embedding!

The #1 Social media aggregator

Try EmbedFeed and embed Instagram, Facebook, Youtube, or TikTok feeds on any website, like a PRO.

7 days free trial · Easy setup · Cancel any time

embed instagram widget
Avatar for Nikola Bojkov
Nikola Bojkov

CEO of EmbedSocial | Facebook ads craftsmen | Previous founder of a Facebook Partner Company | Lena's Dad.