To configure Instagram Feed on your Gutenberg website, you have to generate Instagram access token and it needs to be integrated with Essential Blocks. Follow this step-by-step guide below 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 and make any necessary adjustments. 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: Generate 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 can be 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 is it. This is how you can get an Instagram Access Token and integrate with Essential Blocks easily.
What’s Next? #
- Configure the Instagram feed block following this documentation here.
- If your your Instagram access token expires or lose it, follow this documentation to re-generate it.
Are you getting stuck? Feel free to Contact Our Support for further assistance.
