Back to contents

How to create Instagram Access Token for JetElements Instagram widget

JetElements Instagram widget provides an easy way to display your actual Instagram photos at your WordPress site in real time. Find out how to do it.

ATTENTION!
This API works for Instagram Private Accounts only.

So, you have an Instagram profile, which surely contains a lot of information and pictures? Do you want to make all of it visible to your website’s visitors? Then, the Instagram widget of the JetElements plugin meets your need.

There are two options for displaying photos supported by this widget: you can either showcase the photos with a certain tag, or you can choose My photos option to pull the photos from your account.

Instagram settings

As displaying the photos from third-party accounts is restricted by Instagram policy, you should know how to get permission to display Instagram images. In order to access your photos and prove you’re the owner of your account and allow using the photos and all the content on your site, you’d have to set the Instagram Access Token first.

What’s an Instagram Access Token?

The Instagram Access Token is typesetting of characters unique to your account that admit other applications access to your Instagram feed. If you haven’t got a token yet, your website will be unable to connect with the Instagram servers. The token furnishes a secure way for a website to ask Instagram’s permission to get at your profile and display its images.

How to get my Instagram Access Token?

Follow this step-by-step tutorial to get your Instagram Access Token successfully.

ATTENTION!
Before getting your Access Token you have to register as a developer in Facebook and to receive App ID and App Secret. Please go to Facebook as an administrator and follow the steps below.

1 Step — Create a Facebook App

Click My Apps, and create a new app.

facebook app
facebook new app

Once it’s done and you are in the App Dashboard, navigate to Settings > Basic,

settings app

scroll to the bottom of page, and click Add Platform.

platform

Click the website icon,

facebook app

add your website’s URL, and save your changes. You can change the platform later if you wish.

facebook app

2 Step — Configure Instagram Basic Display

Select Instagram and click Set Up.

instagram app

Click Basic Display, scroll to the bottom of the page, then click Create App button.

instagram app
new app

After that, complete each section using the guidelines below.

ATTENTION!
In the Client OAuth Settings you need to input the following link.
settings

In the Deauthorize Callback URL, Data Deletion Request Callback URL block insert your wersite URL.

fb token
ATTENTION!
Please make sure you use https extension.

The App Review block can be skipped.

3 Step — Add an Instagram Test User

Go to Dashboard> Roles

facebook roles

and scroll down to Instagram Testers and click Add Instagram Testers button.

instagram tester

Here you need to enter your Instagram account’s username and send the invitation.

insta tester name

Open a new web browser and go to Instagram and sign into your Instagram account that you just invited. Navigate to Edit Profile > Apps and Websites > Tester Invites and accept the invitation.

tester invitation

Your Instagram account is now eligible to be accessed by your Facebook app.

invitation accepted

4 Step — Get Instagram Access Token using App ID and App Secret

Go to Facebook for developers > Instagram> Basic Display and copy your App ID and App Secret

instagram token
fb api

Then, got to this page, and paste your App ID and App Secret there and click the Get Access Token buton.

instagram tokens

Upon submit you will be redirected to back with your access token.

token generated

Copy it and proceed to the next step.

5 Step — Add the Access Token to the Plugin Setting

Navigate to WordPress dashboard >JetPlugins> JetElements Settings.

jetplugins settings

Go to the Integrations tab find the Instagram section and paste your token into the Access Token field, then click the Save button.

instagram token

All done! Now you can go back to Elementor and use the Instagram widget to display photos from your account.

Instagram settings