To configure Instagram Feed on your Gutenberg website, first, the Instagram access token needs to be integrated with Essential Blocks to explore further. Follow this guide to get started.
Step 1: Add A New App On Facebook For Developers #
To get your access token from Instagram, you need to create an app on Facebook Developers. First, log in to your Facebook profile and go to your Facebook Developers Account. Once you are logged in, you need to add a new app and click on the ‘Create App’ button, as shown below.
Next, enter your ‘App Name’ and ‘App Contact Email’ in the respective fields. After that, click on the ‘Next’ button.
You can tick on your app’s use case from the available options, such as: ‘Run ads to promote your app,’ ‘Access the Threads API,’ ‘Launch a game on Facebook,’ or ‘Other.’ Choose the ‘Other’ option. Then click on the ‘Next’ button. Select ‘Business’ as the app type and hit the ‘Next’ button.
Review your app details carefully, make any necessary adjustments. Then then click on the ‘Create App’ button to proceed next.
Step 2: Configure Instagram Basic Display #
After successfully creating a new app, you will be redirected to a new page where you can configure API with an Instagram business account. Locate the ‘Instagram’ app and click on the ‘Set Up’ button. Then, click on ‘Generate Access Tokens’ → ‘Add Account’ to link an Instagram account and click on the ‘Continue’ button.
Afterward, a popup will appear. From there, log in to your Instagram account to generate access tokens and configure webhook subscriptions.
Afterward, a popup will appear to access your Instagram account. Click on the ‘Allow’ button to continue to the next part.
Step 3: Get Instagram Access Token #
Once your Instagram account is connected, you’ll see it there. Now, click on the ‘Generate token’ option.
Then you will again be brought to the Instagram authorization interface to give access to and click on the ‘Allow’ button to provide access to generate the API tokens.
After completing the setup process, an ‘Access Token’ will be generated. Copy your access token to the clipboard. With this access token, you can now display your Instagram feed on your website using Essential Blocks Instagram Feed block.
Note: For security reasons, the Instagram access token is generated only once and if lost, you will need to generate a new one.
Step 4: Integrate The Access Token With Essential Blocks #
Go to your WordPress dashboard. From there, navigate to Essential Block dashboard and click on the Settings tab to find API Integration section.
Now, go to ‘Instagram’ and click on the pencil icon to edit. Paste your Instagram Access Token there and hit the ‘Save Change’ button.
That’s it. This is how you can get an Instagram Access Token and integrate with Essential Blocks easily.
How to Re-generate Instagram Access Token? #
When your generated Instagram access token expires or you want to change your Instagram account or lose the generated access token. You will need to generate a new access token. Following the below steps, you can generate a new access token for Instagram.
From your meta developer account dashboard, go to Instagram settings. In the ‘Generate Access Token’ section. Click on the ‘Generate Token’ option, which will create a newly generated access token. Then, a popup will appear.
In the Token Generated popup, you will get the Access Token and can copy it in one click, along with a message to the declaration of the generated token being displayed only once.
This is how easily you can generate a new Instagram Access Token from your Meta Developer account dashboard app settings.
Are you getting stuck? Feel free to Contact Our Support for further assistance.
