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. To do this, 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.
A popup will appear where you will be asked to specify what you need your app to do. Simply click on ‘Other’ and then click on the ‘Next’ option to create an app with a custom set of permissions.
On the next screen, you will have to choose the ‘Consumer‘ option to configure Instagram Basic Display. This way, you can connect consumer products and permissions.
Next, you will provide your ‘Display Name’, ‘App Contact Email’, and ‘Business Account’ fields. Again, you will find a button named ‘Create App’, click on it to go 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 your ‘Instagram Basic Display’ and add a tester to generate your access token. Simply click on the ‘Set Up’ option under ‘Instagram Basic Display’.
Next, click ‘Set Up’ and scroll down to the bottom of the page, where you will see a ‘Create New App’ button. Click the button to create a new Instagram App ID and enter the name of the app you created in Step 1.
Step 3: Get Instagram Access Token #
Now you need to add an Instagram Test user to get your access token. Go back to the ‘Basic Display’ section and scroll down the page until you find the ‘Add or Remove Instagram Testers’ button.
All you have to do now is add the Instagram user ID of the person you want to set as your tester. If you want the access key to your own account, then you only have to add your own Instagram username.
Once that’s done, log in to your Instagram account (or the account of the Instagram tester you have added). Navigate to Settings → Website Permissions → Apps and Websites and click on the Tester Invites tab, as shown below.
Accept the invitation and go back to your Facebook Developers dashboard. Head over to the app you created and navigate to Basic Display. Scroll down to the User Token Generator section and click on the Generate Token button.
A pop-up window will appear where you can copy your access token to the clipboard. With this access token, you can now display your Instagram feed on your website.
Here is your access token. You need to keep it safe to use with the Essential Blocks Instagram Feed block.
Step 4: Integrate The Access Token With Essential Blocks #
Go to your WordPress dashboard. From there, navigate to Essential Blocks → Settings.
Now, go to ‘Instagram’ and click on the pencil icon. Paste your Instagram Access Token there and hit the ‘Save Change’ button.
This is how you can get an Instagram Access Token and integrate with Essential Blocks easily.
Are you getting stuck? Feel free to Contact Our Support for further assistance.
