How to Add Instagram Widget for Website to Any Platform

An Instagram widget placed on any website can perform completely different functions, but it is always an appealing and useful instrument. It can promote your Instagram profile, as well as enhance website performance and decorate the web page.

Many ecommerce websites use Instagram widgets to present their accounts with beautiful images of their products. Also, bloggers place Instagram profiles as a photo gallery on their websites because namely Instagram is used by many for showing stunning content.

What is an Instagram widget for a website?

Instagram provides a free opportunity for anyone to fetch an Instagram feed to their website for free. However, the difficulty is that you have to deal with the API of this platform, which means you’ll have to code. Being a website owner and businessperson, you don’t want to spend any second on studying something so difficult and confusing.

An easy and accessible way to add Instagram to any website is to use Instagram widget.

You are able to personalize the profile without any need to code: adjust its width and height, background colors, popup hovers, and even colors of hashtags. It means that you create the instagram gallery by just clicking on the buttons in a configurator and see what’s happening right on the screen.

By choosing specifically Elfsight Instagram widget, you get a bunch of tens of amazing features:

  • Adjustable size of the gallery, in percentage and pixels
  • Auto size setting for automatic reshaping to the page space requirements
  • Possibility to remove posts with username filter
  • Four options of image size: xL, S, L, MPossibility to put your Instagram account to your site
  • Adding images to the widget by tags
  • Flexible header can be turned on and off

If you've never programmed before, don't worry: developing and installing a gorgeous and professional Instagram widget with Elfsight won't require any technical skills.

Instagram widget works on all website builders, including WordPress, Squarespace, Shopify, Wix, and Weebly. You can also add it with the help of GTM and simply paste it to the source HTML code of the website.

Further, you can read all the detailed instructions, have a good time!

How to add Instagram widget with GTM

You can generally add custom HTML and insert the Instagram widget you've made by entering only two lines of code into any CMS or website builder. However, not all content management systems (CMS) allow you to do so.

Luckily, you can use Google Tag Manager, a third-party application, to add the widget to your website. Simply create a tag and a trigger for it to appear on a website, then place it on a web page. Here's how it works in more detail:

  1. Sign up for Google Tag Manager or log in if you already have an account.
  2. Choose 'Custom HTML' when creating a new tag.
  3. To the tag, add the first line of the Elfsight installation code.
  4. Make a trigger for the tag to be added to the web page.
  5. Save and publish the tag.

That's a step up! As soon as you've finished publishing the modifications, your widget will appear.

How to add Instagram widget’s HTML code

Adding Instagram Gallery to HTML is the simplest procedure. However, creating one in JS, HTML, and CSS that looks professional and is dynamic is not straightforward. It doesn't matter if you have no idea what to do with your numbers or how to get them to flip over.

You just construct your gorgeous and functioning number counter using a unique tool called widget, put two lines of code into the required block on a web page, and voila! - you have magnificent photos and videos right there!

How to add Instagram widget to WordPress

WordPress is among the very best platforms for anyone creating a portfolio website. Probably you need not to waste your time and really wish your counter to look professional on the website. In this case, the wisest decision is to use an exclusive widget. 

Benefits you get by using a plugin

  1. You don’t need to write JavaScript code in your WordPress Instagram Gallery
  2. There are numerous templates presenting professional ideas for your Instagram widget
  3. You create the Instagram Widget yourself, with no web designer or developer, and you would never bother about the widget's functionality and design
  4. You can check the widget in an online editor.

With the Elfsight plugin you may immediately spot any Instagram profiles except for private on the site, improve the UX in mere minutes and personalize the Instagram widget anyhow you wish. 

Features of the Elfsight Instagram Widget for WordPress

  • 4 options of image size: L, xL, M, S
  • Embedding photos to the widget by hashtagsPossibility to put your Instagram account to your site
  • Possibility to to hide unwanted images with ‘exclude by username’ filter
  • Auto size setting for automatic adapting to the web page space regulations
  • Adjustable header might be turned on and off
  • Modifiable size of the widget, in percentage and pixels

You are welcome to explore the widget in greater detail on this page

In addition, take into account that there are 6 ready-made adaptive templates that you can easily find in the free online demo. You can explore how to display different types of Instagram galleries, whether it’s photo gallery, a profile widget, or classy Instagram Grid. Here are some of the templates, enjoy: 

Profile

Photo Gallery

Instagram Grid

How to add a Instagram plugin to a WordPress website

There’s a chance to add the plugin to WordPress in a few various ways. You may easily do it on your own after watching a video and reading our guideline on this page

Here are a few more ways to add the Instagram widget to WordPress. For instance, you can attach the widget with the help of Google Tag Manager

Install the plugin through WordPress admin panel

  1. Log into WordPress admin panel
  2. Go to ‘Pages’ and select the page where you need the plugin. 
  3. Add a custom HTML block to the required part of the page. 
  4. Paste your plugin code in this block. 
  5. Click ‘Update’.

This is like this, your widget will come out on the web page as soon as this! 

Ask a professional Elfsight support team to help:)

Yes, if you use a widget on any paid plan, you are always most welcome to ask them for installation and they’ll be happy to install the Instagram Gallery plugin for you. Simply reach them out through the Elfsight Help Center and obtain the Instagram widget installed by professional developers!

How to add Instagram widget to Squarespace

Squarespace is one of the best platforms for those who make ecommerce websites and sell something. Most likely you wish not to waste time and really wish your counter to appear professional on the site. In such circumstances, the best decision is to apply an exclusive widget. 

Benefits you get by using a plugin

  1. You don’t have to write JS code in your Squarespace Instagram Gallery
  2. There are numerous templates offering professional ideas for your animated Instagram widget
  3. You build the Instagram Widget on your own, with no web designer or developer, and you never have to bother about the widget's functionality and design
  4. You have an option to try out the plugin in a online editor

With the Elfsight plugin you can instantly spot any Instagram profiles except for private on the site, strengthen the UX in just minutes and customize the Instagram widget the way you wish. 

Features of the Elfsight Instagram Widget for Squarespace

  • Option to to hide undesirable images with ‘exclude by username’ filter
  • Option to integrate your Instagram account with your website
  • Adaptable header might be turned off and on
  • Auto size option for automatic adjusting to the website screen space demands
  • 4 options of photo size: M, xL, S, L
  • Embedding photos to the gallery by tags
  • Modifiable width and height of the plugin, in percentage and pixels

You can explore the widget in greater detail in the demo.

Moreover, take into consideration that there are six ready-made adaptive templates which you are free to quickly discover in the free online demo. You can discover how to present various types of Instagram galleries, whether it’s photo gallery, classy Instagram Grid, or a profile widget. Below, you can find some of the examples, have a look: 

Profile

Photo Gallery

Instagram Grid

How to add a Instagram widget to Squarespace

There’s a possibility to add the Instagram plugin to Squarespace in a few various ways. You can easily do it yourself after reading our guideline below. 

Here are some more ways to install the Instagram widget on Squarespace. For instance, you can attach the tool with the help of Google Tag Manager

Install the plugin through Squarespace admin panel

  1. Choose a site for the plugin after you’ve logged in. 
  2. Click “Edit” next to the page area where you need to display the widget 
  3. Add a Code block. 
  4. Paste your widget’s code to this block. 
  5. Save your changes.

This is like this, your widget will show up on the web page right after you finish! 

Ask a professional Elfsight support team to help:)

Yes, if your widget is on any paid plan, you are always most welcome to drop them a note and they’ll be happy to add the Instagram Gallery plugin for you. Just contact them through the Elfsight Help Center and obtain your Instagram widget installed by professional developers!

How to add Instagram widget to Shopify

Shopify is among the very best platforms for those who create websites for small businesses. It’s somewhat apparent that you are willing to save your money and time, and your best idea here is to use an already created no-code solution called plugin. 

Benefits you get by using a plugin

  1. You don’t have to write JS code in your Shopify Instagram Gallery
  2. There are various templates presenting professional ideas for your tool
  3. You build the Instagram Widget yourself, without a web designer or developer, and you should never bother about the widget functionality and design
  4. You have an option to check the plugin in a free visual configurator

With the Elfsight plugin you may promptly place any Instagram profiles except for private on the website, enhance the UX in mere seconds and adjust the Instagram widget anyhow you want. 

Features of the Elfsight Instagram Widget for Shopify

  • Auto size option for automatic adapting to the web page space demands
  • 4 options of photo size: M, S, xL, L
  • Embedding images to the gallery by tags
  • Adaptable header can be turned off and on
  • Opportunity to to hide undesirable images with ‘exclude by username’ filter
  • Modifiable size of the gallery, in pixels and percentage
  • Possibility to place your Instagram account on your site

You can get a closer look at the widget on this page

Moreover, keep in mind that there are 6 premade customizable templates which you are free to conveniently find in the free online demo. You can discover how to display diverse types of Instagram galleries, whether it’s classy Instagram Grid, a profile widget, or photo gallery. Below, are some of the examples, enjoy: 

Profile

Photo Gallery

Instagram Grid

How to add a Instagram widget to a Shopify website

There’s a chance to add the plugin to Shopify in diverse ways. You can easily do it on your own after viewing our guideline further on this page. 

Below there are a few more methods to add the Instagram widget to Shopify. For instance, you can attach the tool with the help of Google Tag Manager

Install the plugin through Shopify admin panel

  1. Go to the “Online Store” section
  2. Press “Customize”. 
  3. Click “Add Section” in the left-hand menu and then click “Add” in “Custom Content”. 
  4. Remove the pre-installed sections. 
  5. Click “Add Content” and select “Custom HTML”. 
  6. Paste the widget’s installation code to the “HTML” field. 
  7. Save the changes.

That’s it, your widget will appear on the web page right after you finish! 

Ask a professional Elfsight support team to help:)

And, of course, in case you use a widget on any paid plan, you can always drop them a line and they’ll be happy to add the Instagram Gallery widget for you. Barely contact them through the Elfsight Help Center and acquire the Instagram widget added by professionals!

How to add Instagram widget to Wix

Wix is among the very best platforms for those who create websites for small businesses. Very likely you want to gain time and really want your counter to look professional on the site. In this case, the wisest choice is to use a special widget. 

Benefits you get by using a plugin

  1. You don’t need to code anything in your Wix Instagram Gallery
  2. There are a lot of templates putting forward professional ideas for your Instagram widget
  3. You make the Instagram Widget yourself, without a web developer or designer, and you never have to bother about the widget's design and functionality
  4. You may check the widget in a free visual configurator

With the Elfsight plugin you can immediately place any Instagram profiles except for private on the site, improve the UX in just minutes and adjust the Instagram widget anyhow you need. 

Features of the Elfsight Instagram Widget for Wix

  • Inserting images to the widget by hashtags
  • Four setup options of image size: S, xL, M, L
  • Option to hide posts with username filterPossibility to place your Instagram account on your website
  • Modifiable height and width of the gallery, in percentage and pixels
  • Adjustable header can be turned off and on
  • Auto size setting for automatic reshaping to the website screen space regulations

You are most welcome to take a closer look at the widget in the demo

What is more, take into consideration that there are 6 ready-made adaptive templates that you can conveniently find in the free online demo. You can explore how to show different types of Instagram galleries, whether it’s photo gallery, classical Instagram Grid, or a profile widget. Below, you can find some of the examples, have a look: 

Profile

Photo Gallery

Instagram Grid

How to add a Instagram widget to a Wix website

There’s a possibility to add the Instagram plugin to Wix in a few various ways. You can smoothly do it yourself after reading our guideline further on this page. 

Below there are some more methods to add the Instagram widget to Wix. For example, you can attach the tool with the help of Google Tag Manager

Install the plugin through Wix admin panel

  1. In the Wix admin panel choose a website for the widget and click “Edit Site”. 
  2. Open the website editor, click “Plus” icon
  3. Go to the ‘Embed’ section and select “HTML i-frame”. 
  4. Click ‘Enter code’ and paste the installation code to this block
  5. Click “Apply”. 
  6. Move the widget block to the right place on the page, adjust its size. 
  7. Publish the changes.

That’s it, your widget will show up on the web page as soon as this! 

Ask a professional Elfsight support team to help:)

And, of course, 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 Gallery widget for you. Just reach them out through the Elfsight Help Center and get your Instagram widget added by professionals!

How to add Instagram widget to Weebly

Weebly is among the best platforms for anyone creating an ecommerce website. Probably you need to gain time and truly need your counter to appear professional on the website. In such circumstances, the wisest choice is to apply a special widget. 

Benefits you get by using a widget

  1. You don’t need to code anything in your Weebly Instagram Gallery
  2. There are various templates presenting professional ideas for your animated Instagram widget
  3. You build the Instagram Widget on your own, without a web developer or designer, and you never have to bother about the widget functionality and design
  4. You can test the plugin in a free online editor

With the Elfsight plugin you can immediately place any Instagram profiles except for private on the site, enhance the UX in mere minutes and personalize the Instagram widget anyhow you want. 

Features of the Elfsight Instagram Widget for Weebly

  • Alterable height and width of the plugin, in percentage and pixels
  • Possibility to hide posts with username filter
  • Four setup options of image size: L, S, xL, M
  • Adding images to the widget by tags
  • Auto size setting for automatic adjusting to the site screen space requirementsPossibility to put your Instagram account to your site
  • Adjustable header might be turned off and on

You are free to explore the widget in more detail on this page

What is more, bear in mind that there are 6 premade customizable templates that you are free to quickly discover in the free online demo. You are free to consider how to display various types of Instagram galleries, whether it’s a profile widget, photo gallery, or classical Instagram Grid. Below, you can find some of the templates, have a look: 

Profile

Photo Gallery

Instagram Grid

How to add a Instagram widget to a Weebly website

You can add the plugin to Weebly in diverse ways. You may effortlessly do it on your own after checking our guideline on this page further. 

Below you’ll find a few more methods to install the Instagram widget on Weebly. For example, you may add the tool with the help of Google Tag Manager

Install the plugin through Weebly admin panel

  1. Start editing your Weebly site
  2. Drag and drop “Embed Code” element to the needed page area
  3. Click on the block on the page and then press “Edit Custom HTML”
  4. Paste the installation code into the block 
  5. Publish the changes

This is like this, your widget will come out on the web page as soon as this! 

Ask a professional Elfsight support team to help:)

Yes, in case you use a widget on any paid plan, you are always most welcome to drop them a note and they’ll be happy to install the Instagram Gallery widget for you. Just reach them out through the Elfsight Help Center and get the Instagram widget installed by professionals!

Instagram widget examples

There are several possibilities for how to utilize the widget on a website. You may select a template that is tailored to your work, creativity, and details you want to communicate. Any chosen template may be customized in any manner you choose to make it a cohesive part of your website's look.

Simple Instagram Feed

This is how you may present your photos in such a way that they amaze and draw the most attention. The XL picture size option is ideal for this situation, since it converts the photo grid into a one-by-one type, allowing you to see each one in detail.

Hashtag widget

To establish a theme collection for your site, select the pictures you want and add them to your feed using hashtags. The exclude filter will let you filter out the irrelevant information and display just the most important information. The hashtag in the Instagram widget name exposes the collection's essence.

Hashtag gallery

This is an example of a simple, minimalist gallery made using Instagram images. A hashtag-based selection of pictures is molded into a theme collection, with the name shown in the widget's header. The images are in L format, and owing to the wider widget, they've been organized into a stunning horizontal gallery.

If you wish to get acquainted with more templates, you are welcome to do it on the page with our best Instagram examples.

FAQ

Here are some of the most popular How-to-s concerning Instagram itself. If you wish to master the widget, you should know all the particular details about using the Instagram app.

How

1. In the upper right corner, click the Plus button. It'll display in the middle of the screen, between the messages and the compass icons.

2. Select images or movies from your computer or drag and drop them.

3. Make changes to your post using filters and edits.

4. Add a description and a geotag to the post, as well as tag individuals in it.

5. Click the Share button.

How

Unfortunately, Instagram doesn’t provide users with such an opportunity. This platform stands for creating and sharing unique content, but if you want to save someone’s video, you are possibly eager to share it somewhere else, which is illegal. You can find some third-party instruments for doing this, but you should always remember that unique content belongs to its owner and isn’t allowed to be shared by anyone else.

How

Well, Instagram does not give this option to its users. This site promotes the creation and sharing of original material, but if you wish to preserve someone's story, you may be tempted to distribute it elsewhere, which is against the law. You can discover various third-party tools to help you with this, but keep in mind that unique materials belong to its owner and cannot be shared with others.

How

Instagram, unfortunately, does not offer this option to its users. Although this network encourages the development and distribution of unique content, if you want to save someone's video, you may be encouraged to distribute it elsewhere, which is illegal. You can use a variety of third-party tools to assist you, but bear in mind that unique material belongs to its owner and cannot be shared.