Skip to content

Register on Instagram Basic Display API and get an Access Token

Adrian Quevedo edited this page Apr 25, 2020 · 2 revisions

Register on Instagram Basic Display API and get an Access Token

This tutorial shows you how to configure an app in the App Dashboard, get a Instagram User Access Token. When you complete the tutorial you will have an access tokens and permissions to use Spectragram.js.

Before You Start

In order to use the plugin you will need:

Step 1: Create a Facebook App

Go to developers.facebook.com, click My Apps, and create a new app. Once you have created the app and are in the App Dashboard, navigate to Settings > Basic, scroll the bottom of page, and click Add Platform.

Facebook Developers Page screenshot, highlighting Settings > Basic Menu and Add Platform button

Choose Website, add your website’s URL, and save your changes. You can change the platform later if you wish, but for this tutorial, use Website.

Facebook Developers Page screenshot, highlighting Site URL Form Field

Step 2: Configure Instagram Basic Display

Click Products, locate the Instagram product, and click Set Up to add it to your app.

image

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

image

In the form that appears, complete each section using the guidelines below.

Field Action
Display Name Enter the name of the Facebook app you just created.
Valid OAuth Redirect URIs Enter your website’s URL. For example: https://socialsizzle.heroku.com/auth/
Deauthorize Callback URL Enter your website’s URL again.
Data Deletion Request Callback URL Enter your website’s URL once again.
App Review Skip this section.

Step 3: Add an Instagram Test User

Navigate to Roles > Roles and scroll down to the Instagram Testers section. Click Add Instagram Testers and enter your Instagram account’s username and send the invitation.

image

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

image

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

Step 4: Authenticate the Test User

Access the token generator in the App Dashboard > Products > Instagram > Basic Display tab.

Click on Generate Token button for Instagram Tester user of your app. Please note Tokens can only be generated for public Instagram accounts.

image

Authenticate if requested, follow the instructions, accept permissions and copy the Access Token it appears.

image

Conclusion

That's it, with this Access Token you can configure the spectragram.js plugin.

This guide is based on Getting Started Tutorial on Facebook Developers page.