Instagram Feed element from Max Addons allows you to display your Instagram feed on your WordPress site using Bricks Builder without needing to embed any code. This element provides multiple layout options and various styling features, letting you match the feed's design with your website.
Additionally, you can connect multiple Instagram accounts and display them across different pages or posts.
To display images from your Instagram account, you'll need to generate an Instagram Access Token. In this guide, we'll walk you through the steps to create an access token.
How to Create Instagram Access Token for Instagram Feed Element#
Note:
Before starting, ensure that:
- Your Instagram account is set to "Public"
- You have login credentials or access to the Instagram account so that you can access its profile settings.
Steps to Create Instagram Access Token:#
1 Go to Meta for Developers and log in. Once logged in, click the My Apps link at the top right corner.
2 On the next page, click Create App. A popup will appear asking for the app's purpose.
3 Select Other and click Next to proceed.
4 Choose Consumer as the app type, then click Next.
5 Fill in the required basic information for the app, and click Create app.
6 After the app is created, you'll be redirected to a new page. Find the Instagram Basic Display product and click Set Up.
7 On the next screen, click Create New App.
8 A popup will appear. Simply click on Create App.
9 On the next page, you'll need to fill in the following fields:
- Valid OAuth Redirect URIs
- Deauthorize Callback URL
- Data Deletion Request URL
You can add your website URL in all these fields. After completing the fields, click Save changes.
10 Scroll down to the section called User Token Generator. Click the Add or Remove Instagram Testers button. This will take you to the App Roles page.
11 On the App Roles page, click Add People.
13 In the popup window, select Instagram Tester, then enter the Instagram username of the account you want to use. If it's your account, enter your Instagram username.
14 Log in to the Instagram account you added as a tester. Go to Settings → Apps and Websites → Tester Invites and Accept the invitation.
15 Return to Meta for Developers app dashboard and navigate to Instagram Basic Display >> Basic Display.
15 Scroll down to the section named User Token Generator and click Generate Token.
16 A popup will display your access token. Copy it to your clipboard. You can now use this token to display your Instagram feed on your website through the Bricks Builder.
Add Instagram Access Token in Instagram Feed Element#
There are two ways to use the Instagram Access Token.
Method 1#
Use this method to show the Instagram Feed from only one account on your website.
- Navigate to Dashboard >> Bricks >> Max Addons >> Integration.
- Add the access token we generated in the previous step in the Instagram Access Token field and click the Save Changes button.
- Now go to Bricks editor, drag and drop the Max Addons' Instagram Feed element and save the page.
Method 2#
Use this method to show the Instagram Feed from multiple accounts on your website.
- Go to Bricks editor, drag and drop the Instagram Feed element.
- Turn off the Global Access Token option.
- Now add the access token we generated in the previous step in the Custom Access Token field and save the page.
If you face any issues or difficulties while generating the access token or using the Instagram Feed element, do let us know using the Contact page.