You have an Instagram profile, which tends to naturally contain a lot of information and pictures, so now we want to make all this useful content visible to your website’s visitors. Displaying the photos from third-party accounts is restricted by Instagram policy, so we will show you how to get permission for us to be able to display Instagram images on your website. 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. Displaying the photos from third-party accounts is restricted by Instagram policy, so we will show you how to get permission for us to be able to display Instagram images on your website. 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.
The Instagram Access Token is a set of characters unique to your account that admit other applications access to your Instagram feed.
If you haven’t provided us with a token yet, your website will be unable to connect with the Instagram servers. The token enables a secure way for a website to ask Instagram’s permission to get at your profile and display its images.
Follow this step-by-step tutorial to get your Instagram Access Token successfully.
On the Facebook for Developers page, click the My Apps menu item.
You will be redirected to the next step. Click the “Create App” button.
In the appeared pop-up window, select the last option – Something Else
Fill in the fields in the opened form and click the “Create App” button.
Proceed to the Security Check and get through reCAPTCHA.
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.
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 (where you want the Instagram feed to show), email, and others. Select “Business and Pages” in the Category dropdown list. Choose the “Yourself or your own business” option in the App Purpose block. Once everything is done, click on the “Save Changes” button.
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 pop-up window that appears, 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.
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.
In the Deauthorize block insert the URL which users will be pinged if someone tries to uninstall apps via Facebook.com without interacting with the app itself.
In the next block – Data Deletion Requests – insert the URL.
Scroll down to find the User Token Generator block and hit the “Generate Token” button.
Congratulations! The token was successfully created.
Copy it and add it to your tasks in the Hel of a Beauty Client Portal