How to add an Instagram Feed Widget?

Visu­al con­tent is the new hit in the dig­i­tal world, so no won­der why Insta­gram is get­ting so much trac­tion these days. Focus­ing on this par­tic­u­lar chan­nel might be a good strat­e­gy in the long run. It allows you to con­nect in a pow­er­ful way with your com­mu­ni­ty. In this arti­cle, we walk you through the main steps of adding an Insta­gram feed wid­get on your web­site.

Step 1 — How to start?

There are dozens of options which can make the trick, but we’ve test­ed the Insta­gram Feed plu­g­in and we’re hap­py with the results, so we’ll stick with this one.

Here’s what you have to do:

  • Log in to your Dash­board, go to Plu­g­ins and click on Add new
  • Type the name of the plu­g­in (Insta­gram Feed) direct­ly in the search box from the top right cor­ner
  • Once you found it click on Install Now, and then on Acti­vate

On the side menu of your Dash­board (under Set­tings) you now have a but­ton named Insta­gram Feed. To prop­er­ly set up the plu­g­in you need to go through the main tabs: Con­fig­ure / Cus­tomize / Dis­play your Feed / Sup­port.

Start with Con­fig­ure and click on “Log in and get my Access Token and User ID” but­ton to get the infor­ma­tion you need to fill the above box­es. Just copy-paste the Access Token num­ber and the User ID, click on Save Changes and you can move fur­ther. Check out this short video to get it right with­out los­ing valu­able time.

Step #2 — How to customize it?

This plu­g­in gives you plen­ty of free­dom to adjust it to your needs. To play around with sev­er­al options you need to go to Dash­board, click on Insta­gram Feed (under Set­tings), and click again on Cus­tomize tab. As you can see in the fol­low­ing screen­shot you have a bunch of items to con­sid­er:

Step #3 — How to display the Instagram feed?

You can eas­i­ly dis­play the Insta­gram feed wher­ev­er you want across your web­site: inside a page, a post or in the Foot­er area. After choos­ing the right place, just go back to Dash­board, and click on Insta­gram Feed. Now go to the Dis­play your Feed tab and copy this short­code:


Depend­ing on the des­ti­na­tion of the Insta­gram feed you just need to paste it. For instance, if you plan to dis­play it in the foot­er, here’s what you need to do:

  • Go to Dash­board → Appear­ance, and click on Wid­gets;
  • Drag-and-drop the Text wid­get beneath the Foot­er area sec­tion and fill out the form (you can write Insta­gram on the title field and paste the short­code on the con­tent field;
  • Click Save, and you’re done since your Insta­gram feed is now show­cased in the foot­er.

This article applies to Noah, and Silk as they share the same underlying structure.

Updated on December 27, 2017

Was this article helpful?