Instagram Widget

Updated on October 17, 2017

The Instagram widget allows you to display a list of posts (feed) from Instagram in a widget area/sidebar. It displays the photos in a grid layout.

In this article, we’ll explain how to get a User ID and Access Token from the Instagram website and then display the Instagram feeds through the Instagram widget in the Jupiter WordPress theme.

Instagram widget - front end

Getting a User ID and Access Token

First you’ll need to get a User ID and Access Token from the Instagram website. These are required if you want to display an Instagram feed.

To get a User ID and Access Token:

1Log into your Instagram account and visit the authorization page.
2Click on the Authorize button and take note of your User ID and Access Token.

Instagram widget - user ID token

Displaying Instagram Feeds

In order to display Instagram feeds in a widget area/sidebar, you’ll need to add the JP – Instagram widget to a widget area/sidebar and then configure its settings.

To add the widget:

1From the WordPress left menu, go to Appearance > Widgets page.

Instagram widget - widget menu

2In the Widgets page, locate the JP – Instagram widget in the Available Widgets column, and then drag and drop it into a widget area. In this example, we chose the Page Widget Area.

Instagram widget - widget area

3Fill out the settings form with the necessary information, and then click on the Save button.
Setting Description

Title Displays a title at the top of the widget. If left empty, it will show nothing at the top of the feed.
Instagram User ID Sets the User ID obtained in the previous steps.
Access Token Sets the Access Token obtained in the previous step.
Number of photo to show  Determines the number of the visible photos.
Sort by Determines the order of the links based on Most Recent, Least Recent, Most Liked, Least Liked, Most Commented, Least Commented and Random.
Open links in new tab? Determines whether or not the images will open in a new browser tab when they are clicked.
Image Size Determines the size of the images (Thumbnail(150×150), Low Resolution(306×306), and Standard Resolution(612×612).
How many Images in One Row Determines the number of images in each row of feed.
Did this answer your question?