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.
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.
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:
1From the WordPress left menu, go to Appearance > Widgets page.
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.
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. |
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.
