Instagram Widget

Last Updated on

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

In this article


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:

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

Instagram widget - user ID token

x
Beware! The User ID and Access Token shown above were created only for the purpose of this article and have since been deleted.

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:

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

Instagram widget - widget menu

2
In 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

3
Fill 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.
x
Note: The widget is ready. Now you may need to add the Page widget area/sidebar to a page so you can see the widget. If you are not familiar with adding a widget area/sidebar to a page, read the Adding a sidebar article.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket