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: This method only works with Instagram Business and Creator accounts, as the Instagram API doesn’t support personal accounts anymore.
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#
- Go to Meta for Developers and log in. Once logged in, click the My Apps link at the top right corner.
- On the next page, click Create App. A popup will appear asking for the app's purpose.
- Select Other and click Next to proceed.
- Choose Business as the app type, then click Next.
- On the next screen a form will appear. Fill in the required basic information for the app, and click Create app.
- After the app is created, you'll be redirected to a new page. Find the Instagram Basic Display product and click Set Up.
- Once you click the button, you'll see details about your API setup, including the Instagram app name, app ID, and app secret. To get your access token, click the Add Account button under the "Generate access tokens" section.
- A popup will appear—simply click Continue to proceed.
- A login window will appear next. Use it to log in to your Instagram Business or Creator account that you want to use to display photos.
- Once you log in to your Instagram account, you’ll be prompted to grant access to the newly created app. To ensure your account's safety, make sure to disable the “Allow access to messages” and “Access and manage messages” permissions.
- After connecting your Instagram account, you’ll see the account details displayed. Click on the Generate token button to proceed.
- A popup will display your access token. Simply copy it to your clipboard and click Done. You’re now ready to use this token to showcase your Instagram feed on your website with 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.