How to add Instagram Feed to any website

Displaying an interactive feed filled with content from Instagram on your website can be quite a challenging task. But there is a solution - using a widget. In this article, we’re going to find out how you can use our Instagram Feed widget to add your content from Instagram to any website.

Instagram Feed for Website

Instagram Feed is an easy-to-use tool that allows its users to reveal content from Instagram on their websites, applying wide customization options. Users can take photos from their Instagram accounts and apply filters in order to showcase attractive and engaging content. Users are free to vary the layout of the pictures on the page and select between post templates, as well as pick a color scheme or paint the elements to their taste. The widget that will easily attract users with its stylish design and hold their attention with selected content.

And here are the some key features of the Instagram Feed widget in case you’re thinking of choosing it as an enhancement to your website’s functionality:

• Adjustable number of columns and rows
• Variable gutter space
• Call-to-action buttons 
• Diverse post settings with post elements and popup elements
• Action on image click 
• Arrows, drags and slide navigation

There are tons of other options that will allow you fully reveal the widget’s potential for your website.

And as you now have the notion of how the widget is working, let’s see how you can embed it to your website.

How to add Instagram Feed to website with GTM

There are really few CMS or website building tools that do not allow embedding custom HTML in order to implement some widgets. In case you are not in control of your coding abilities, there’s a tool known as Google Tag Manager or GTM that is there to help you to integrate the Instagram Feed to your website without a lot of effort. All that needs to be done is to start demonstrating the Instagram Feed on your website is to create a tag for your website and attach some dynamic content. 

And here are the steps you have to follow if you want to embed Instagram Feed to your website with the help of GTM: 

1. Log in or sign up to your Google Tag Manager account
2. Create a new tag, select ‘Custom HTML’
3. Put the first line of the Elfsight installation code to the created tag
4. Add a trigger and the tag to the web page
5. Save your tag and publish the changes

That’s it! Now you see how to use GTM in order to get your website empowered with an Instagram Feed. 

How to add Instagram Feed in HTML code

HTML is there to help users create a website for any intent. While the making of the site itself may not look that challenging, when it comes to embedding some parts like Instagram Feed, you might want to fall back on some third-party solutions like Instagram Feed. All that has to be done here is to apply an easy-to-use editor and then integrate the installation code to the site or some specific page on it. 

Sometimes, the opportunity to embed HTML code to the site might be absent. In a given setting, you are welcome to use GTM. 

How to add Instagram Feed to WordPress

WordPress is one of the world’s largest and most popular website builders. It can help in creating a website for any goal - from a personal blog to an ecommerce one.

Supposing you've chosen WordPress for organising your website, there might be a chance that you will want to reinforce it with additional features like Instagram Feed. And among the most time-saving ways to have it done is to use a widget, for instance, our WordPress Instagram Feed. Let’s dive deeper into what pros it offers to the WordPress clients and which way to embed it to any website. 

Benefits you get by applying the plugin

• No need to learn programming in order to build your Instagram Feed. 
• A vast number of professionally designed templates will display you excellent concepts for your Instagram Feed widget. 
• You’ll have an option to create the player on your own, without hiring an experienced developer and worrying about the widget’s decent work. 
• The widget can be tested right away in an online demo. 

And a huge number of other functional traits! 

And you are as well welcome to see all the widget’s features right on this page. 

There are also lots of professionally designed templates which can be discovered in an online demo. You’ll get a chance to find out how you can turn your Instagram Feed into an integrate section of your website. Below are some cases for you to think about: 

Slider Template

Hashtag Show Template

Single Post Template

How to add Instagram Feed to WordPress website

There are several options to integrate the Instagram Feed tool to the WordPress website. For example, you can watch a video instruction with an installation given closely. Or else you can switch to the GTM method, as we’ve already described above. 

Below are the steps you are to follow in order to add the Instagram Feed plugin with the help of WordPress admin panel: 

1. Log in to your WordPress site and find the page where you'd like to embed the plugin.
2. Go to the place where you'd like the plugin to be shown and click the Plus icon.
3. Find Code in the Formatting section and click it.
4. Put your installation code in the window that comes up.
5. Update to save changes.

Done! The embedding has successfully ended. 

Ask a professional Elfsight support team to help: )

Yes, if you use a widget on any paid plan, you can always ask them for installation and they’ll be happy to add the Instagram Feed plugin for you. Simply reach them out through the Elfsight Help Center and obtain your Instagram Feed widget added by professional coders! 

How to create Instagram Feed for Squarespace

Squarespace is a popular site builder, blogging platform and hosting service loved by users all over the world. 

And if you've selected Squarespace for building your own online business, there’s a huge chance that you will want to enhance it with extra tools like Instagram Feed. One of the most cost-effective means to do it is to apply a widget, for example, our Squarespace Instagram Feed. Let’s dive deeper into what improvements it offers to the Squarespace clients and which way to embed it to any website. 

Benefits you get by applying the plugin

• There’s no need to code yourself for creating your Instagram Feed. 
• Tons of ready templates will offer you brilliant ideas for your Instagram Feed widget. 
• You’ll have a chance to create the player just for your use case, without hiring a skillful developer and worrying about the widget’s correct functioning. 
• Your widget can be assessed right away in an active demo. 

And a huge variety of other functional traits! 

And you are Please, you are welcome to explore all the widget’s features right on this page. 

We also have six professionally designed templates that can be explored in the online demo. You’ll get a chance to know how you can change your Instagram Feed into an eye-catching addition to your Homepage. These are some examples for you to take into consideration: 

Slider Template

Hashtag Show Template

Single Post Template

How to add Instagram Feed to Squarespace website

There are several ways to integrate the Instagram Feed app to the Squarespace site. For example, you can apply a video instruction with an installation process described at great length. Or whether you can apply GTM, as we’ve already mentioned before. 

And here are the steps you have to follow in order to add the Instagram Feed plugin through the use of Squarespace administrator panel: 

1. Log in to your Squarespace site and find the website where you'd like to embed Instagram Feed.
2. Click Edit, choose the place where you need to demonstrate your widget, and then click on the Plus icon in the center of the page to open the editor.
3. Find the Code element within the Basic section and click it.
4. Paste your installation code into the Code field and then click anywhere outside the window to close it
5. Click Save to apply all the changes.

Done! The embedding is successfully accomplished. 

Ask a professional Elfsight support team to help: )

And, of course, in case you use a widget on any paid plan, you are always most welcome to ask them for installation and they’ll be happy to add the Instagram Feed plugin for you. Simply contact them through the Elfsight Help Center and get the Instagram Feed widget installed by professional coders! 

How to create Instagram Feed for Shopify

Shopify is a commerce platform granting users the opportunity to set up an online store to sell any kinds of products. It’s extremely helpful in terms of growing your ecommerce business.

In the event that you've chosen Shopify for organising your own site, there might occur a chance that you will want to empower it with additional gear like Instagram Feed. One of the handiest opportunities to get it done is to apply a widget, for example, our Shopify Instagram Feed. Let’s find out what pros it guarantees to the Shopify clients and which way to add it to any website. 

Benefits you get by applying an app

1. There’s no need to learn coding in order to build your Instagram Feed. 
2. Lots of pre-made templates will give you exceptional concepts for your Instagram Feed widget. 
3. You’ll have an opportunity to build the player on your own, without looking for a skilled developer and worrying about the widget’s proper functioning. 
4. Your widget can be assessed instantly in an online demo. 

And lots of other features! 

And you are as well welcome to look through all the widget’s elements right on this page. 

You can also see six professionally designed templates which can be explored in an online demo. You’ll get a chance to see how you can change your Instagram Feed into an Instagram Feedbooks collection or new album presentation. Here are some models for you to take into consideration: 

Slider Template

Hashtag Show Template

Single Post Template

How to add an Instagram Feed app to a Shopify website

There are numerous ways to embed the Instagram Feed tool to the Shopify site. For instance, you are welcome to watch a video instruction with an installation process given at great length. Or whether you can use GTM, as we’ve already mentioned above. 

Here are the steps you are to follow in order to integrate the Instagram Feed plugin by means of Shopify admin panel: 

1. Log in to your Shopify website, go to the Online Store section and select the Customize option.
2. Adjoin Custom Content section to the target page.
3. Remove extra sections of the Custom Content block and click Add content to call up the Custom HTML field.

The Setup has successfully ended. 

Ask a professional Elfsight support team to help: )

And, of course, if your widget is on any paid plan, you can always drop them a line and they’ll be happy to install the Instagram Feed widget for you. Simply contact them through the Elfsight Help Center and obtain the Instagram Feed plugin installed by professionals! 

Instagram widget for Wix

Wix is an extremely popular site builder providing its users with an opportunity to form a website for almost any purpose.  

Supposing you've picked Wix for creating your own site, there might occur a chance that you will feel a need to boost it with supplementary features like Instagram Feed. One of the most time-saving means to make it done is to make the use of a widget, for example, our Wix Instagram Feed. Let’s find out what improvements it offers to the Wix clients and how to embed it to any website. 

Benefits you get by applying an app

• There’s no need to code yourself if you want to make your Instagram Feed. 
• Tons of professionally designed templates will offer you exceptional ideas for your Instagram Feed widget. 
• You’ll be able to form the player yourself, without a need to hire a skillful developer and worrying about the widget’s decent functioning. 
• The widget can be assessed immediately in an active demo. 

And lots of other features! 

And you are as well welcome to look through all the widget’s details right here. 

You can also see different professionally designed templates which can be found in the online demo. You’ll see how you can change your Instagram Feed into an inseparable part of your website These are some examples for you to take into consideration: 

Slider Template

Hashtag Show Template

Single Post Template

How to add Instagram Feed app to Wix website

You have multiple ways to integrate the Instagram Feed app to the Wix website. For example, you are welcome to watch a video guide with an installation process described in detail. Or whether you can switch to the GTM method, as we’ve already mentioned above. 

These are the steps you have to follow if you need to add the Instagram Feed app with the help of Wix admin panel: 

1. Log in to your Wix website and choose the site where you'd like to add the app to. Click Edit Site.
2. Click Plus icon, go to Embed section and select Embed a Widget on Custom Embeds tab.
3. Alter the widget's size and position.
4. Publish your changes.

Done! The setup is successfully performed. 

Ask a professional Elfsight support team to help: )

And, of course, if you use a widget on any paid plan, you can always drop them a note and they’ll be happy to add the Instagram Feed plugin for you. Just reach them out through the Elfsight Help Center and acquire your Instagram Feed widget added by professionals! 

How to create Instagram feed for Weebly

And if you've selected Weebly for organising your own website, it may happen that you will feel an urgency to empower it with additional instruments like Instagram Feed. One of the most cost-effective opportunities to do it is to choose a widget, for instance, our Webflow Instagram Feed. Let’s find out what enhancements it offers to the Weebly audience and how to embed it to any website. 

Benefits you get by applying a widget

1. There’s no need to write the code in order to build your Instagram Feed. 
2. A vast number of ready templates will offer you brilliant concepts for your Instagram Feed widget. 
3. You’ll have a possibility to build the player without any help, without hiring an experienced programmer and bothering about the widget’s proper work. 
4. Your widget can be looked at right away in a live demo. 

And many other functional traits! 

And you are Also, you are welcome to explore all the widget’s elements right here. 

We also offer several professionally designed templates that can be discovered in an online demo. You’ll see how you can turn your Instagram Feed into an Instagram Feedbooks collection or new album presentation. Below are some cases for you to consider: 

Slider Template

Hashtag Show Template

Single Post Template

How to add an Instagram Feed app to a Webflow website

There are multiple options to integrate the Instagram Feed widget to the Webflow site. For instance, you are welcome to use a video instruction with an installation described in full. Or whether you can switch to GTM, as we’ve already mentioned above. 

Here are the steps you are to follow if you want to integrate the Instagram Feed widget by means of Webflow admin panel: 

1. Log in to your Webflow website and select the site you need to embed the widget to.
2. Click on the plus icon in the left-hand menu and then drag and drop the Embed element to the place where you want the widget to be shown.
3. Put your installation code into the HTML Embed Code Editor window.
4. Save your changes.
5. Go to the right-hand menu if you need to adjust any settings.

The installation is fully finished. 

Ask a professional Elfsight support team to help: )

Yes, if you use a widget on any paid plan, you can always drop them a line and they’ll be happy to add the Instagram Feed plugin for you. Barely reach them out through the Elfsight Help Center and acquire your Instagram Feed plugin installed by professionals! 

Instagram Feed examples on site

And now it’s time to see some usage examples of Instagram widget for your website. Any of them can be used on your website right away and without much effort. And for those who’s considering using a more custom solution, there’s always a way to customize any of these templates right for your use case.

Hashtag show template

Here’s a brilliant idea for those who need to build a selection of photos with some specific hashtag. The posts are shown as a slider, each with a detailed description, username, tags, and the share button. 

Post slider

Build a slider that will display one photo at a time. Created specially to demonstrate photos one by one, this template will grab viewer’s attention on the photo itself. It can also be of great help if you want to save space on your website’s page. The widget will nicely fit into any place of the page.

These and other Instagram feed examples can be discovered on this page. Keep in mind that you will not have to code if you choose our Configurator. 

FAQ

And these are the most common questions you may come across while working with Instagram.