You (the business owner) must generate this token using the Instagram account you want to display on the website. This token allows the website to "read" your posts.
- Instagram Account: The account you want to display (e.g.,
@perfectionautospa). - Facebook Developer Account: You can use your personal Facebook account to sign in at developers.facebook.com.
- Go to developers.facebook.com and click My Apps.
- Click Create App.
- Select Consumer (or "Something Else" -> "Consumer" if the options changed) as the app type. Click Next.
- Display Name: Enter something like "Perfection Website Feed".
- App Contact Email: Your email.
- Click Create App.
- On the App Dashboard, look for "Instagram Basic Display" and click Set Up.
- Scroll to the bottom of the page and click Create New App.
- Display Name: "Perfection Website Feed" (same as before). Click Create App.
- Client OAuth Settings:
- Valid OAuth Redirect URIs: Enter
https://www.perfectionautospa.ca/(andhttp://localhost:8080/for testing). - Deauthorize Callback URL: Enter your website URL again.
- Data Deletion Request URL: Enter your website URL again.
- Click Save Changes.
- Valid OAuth Redirect URIs: Enter
- In the left sidebar, go to Roles -> Roles.
- Scroll down to Instagram Testers.
- Click Add Instagram Testers.
- Enter the username of the Instagram account you want to display (e.g.,
perfectionautospa). - Select the account and click Submit.
- Important: Log in to that Instagram account (on instagram.com). Go to Settings -> Apps and Websites -> Tester Invites and Accept the invite.
- Go back to the Facebook Developer Dashboard.
- In the left sidebar, go to Instagram Basic Display -> Basic Display.
- Scroll down to User Token Generator.
- You should see the Instagram account you just added. Click Generate Token.
- Follow the pop-up prompts to log in and authorize.
- Copy the Long-Lived Access Token.
- Send me (or the developer) this long string of characters.
- We will add it to the secure configuration of the website.