Adding a Instagram Feed

If you’re a food blog­ger with a great pas­sion for pho­tog­ra­phy, Insta­gram is prob­a­bly one of the social media plat­forms you are wan­der­ing on. If you’d like your read­ers to fol­low you on Insta­gram, here’s how to add a wid­get with your lat­est posts on your web­site.
We’ve test­ed for you lots of plu­g­ins that offer Insta­gram inte­gra­tion for your web­site. We strong­ly rec­om­mend Insta­gram Feed because it has mul­ti­ple options on dis­play­ing an Insta­gram feed and is peri­od­i­cal­ly updat­ed to keep up with new stan­dards.
Here’s how you can do the set­up:
  1. Install the Insta­gram Feed plu­g­in on your web­site
  2. On your Dash­board, on the left menu, go to Insta­gram Feed and con­fig­ure your account. Be sure to add the Access Token and the User ID. At the bot­tom of the page click Save Changes.
  3. Go to Cus­tomize→ Appear­ance→ Wid­gets and select any wid­get areas you would like to add the Insta­gram feed too.
  4. Click on Add Wid­get and add a Text wid­get.
  5. In the Text wid­get, add the fol­low­ing short­code: [insta­gram-feed]. Wait until the pages refresh, your Insta­gram feed should appear in the Pre­view Mode.
That’s all, you’re set with your Insta­gram feed! You can cus­tomize it even fur­ther and dis­play your posts in var­i­ous grids and styles. Just go to Dash­board→ Insta­gram Feed→ Dis­play Your Feed. The Insta­gram Feed plu­g­in offers exten­sive doc­u­men­ta­tion and exam­ples on the page. For exam­ple, if you would want to dis­play only the last 8 posts on 2 columns, you should add the fol­low­ing short­code to the text wid­get: [insta­gram-feed num=8 cols=2].

Tips and tricks

Ver­ti­cal Insta­gram feeds at the end of the front page are a thing now. With the Insta­gram feed it’s quite sim­ple to add one. Go to Appear­ance -> Cus­tomiz­er -> Wid­gets and nav­i­gate to any page that has a Foot­er wid­get area. Add an Insta­gram feed by fol­low­ing the steps above. To make a sin­gle row of posts, make sure that the num­ber of columns is equal to the num­ber of posts. For exam­ple: [insta­gram-feed num=4 cols=4].

This article applies to Julia, as they share the same underlying structure.

Updated on June 1, 2017

Was this article helpful?