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 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
Click My Apps, and create a new app.
Once it’s done and you are in the App Dashboard, navigate to Settings > Basic,
scroll to the bottom of page, and click Add Platform.
Click the website icon,
add your website’s URL, and save your changes. You can change the platform later if you wish.
2 Step — Configure Instagram Basic Display
Select Instagram and click Set Up.
Click Basic Display, scroll to the bottom of the page, then click Create App button.
After that, complete each section using the guidelines below.
In the Deauthorize Callback URL, Data Deletion Request Callback URL block insert your wersite URL.
The App Review block can be skipped.
3 Step — Add an Instagram Test User
Go to Dashboard> Roles
and scroll down to Instagram Testers and click Add Instagram Testers button.
Here you need to enter your Instagram account’s username and send the invitation.
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.
Your Instagram account is now eligible to be accessed by your Facebook app.
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
Then, got to this page, and paste your App ID and App Secret there and click the Get Access Token buton.
Upon submit you will be redirected to back with your access token.
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.
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.