- What’s an Instagram Access Token?
- How to get my Instagram Access Token?
- Adding Access Token to the Plugin Setting
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.
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 a 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.
1 Step — Create a Facebook App
On the Facebook for Developers page, click the My Apps menu item.
You will be redirected to the next step. Click the “Add a New App” button.
In the appeared pop-up window, select the last option – For Everything Else.
Fill in the fields in the opened form and click the “Create App ID” button.
Proceed to the Security Check and get through reCAPTCHA.
2 Step — Add Instagram App
You will be redirected to a page offering to add a product and continue the setup. You need the Instagram Basic Display option. Click the “Set Up” button.
Here you will get detailed information about the Basic Display, Permissions and Use Cases. Read it, scroll down to the bottom of the screen and click the “Create New App” button.
In the newly opened pop-up window, give a name to your app and click the “Create App” button.
3 Step — Configure Instagram Basic Display
Now we are ready to continue the Instagram Basic Display setup. On the left side of the screen, you will see the Dashboard; go to Settings > Basic.
On the main screen, you will see the App ID and App Secret fields. They are pre-defined by Facebook. You need to type in your app’s name, domain, email, and others. Once everything is done, click on the “Save Changes” button.
4 Step — Add an Instagram Test User
We’ve reached the stage where we’ll create a Test User on Instagram. Go to the Dashboard > Roles.
Scroll down to the Instagram Testers block and click on the “Add Instagram Testers” button.
In the appeared pop-up window, you need to specify the Instagram account, which will be your Tester User’s one. For this tutorial, we selected our account, but you need to use your own.
After clicking the “Submit” button, an invitation will be sent to this Instagram user.
Open a new web browser window to go to Instagram and sign into your Instagram account. Navigate to the Settings block.
Go to Apps and Websites on the left panel and find the Tester Invites tab. Accept the invitation you’ve previously sent.
Your Instagram account is now eligible to be accessed by your Facebook app.
5 Step — Get Instagram Access Token using App ID and App Secret
After you successfully added a Tester and passed validation through Instagram, go to the Products tab in the Dashboard on the left. Click on Instagram Basic Display dropdown list and select Basic Display.
On the main page, go to the Client OAuth Settings and insert the https://api.crocoblock.com/instagram-token.
Scroll down to find the User Token Generator block and hit the “Generate Token” button.
Congratulations! The token was successfully created.
Copy it and proceed to the next step.
Adding Access Token to the Plugin Setting
Navigate to WordPress dashboard >JetPlugins> JetElements Settings.
Go to the Integrations tab find the Instagram section and paste your token into the Access Token field, then click the “Save” button.
All done! Now you can go back to Elementor and use the Instagram widget to display photos from your account.