How to set up PowerPack’s Instagram Feed module with Beaver Builder?
PowerPack Beaver Addons Instagram Feed allows you to fetch the Instagram photos from your Instagram account and show them on your website. You can set it up in a few simple steps, but before we start, let us learn a few things.
This works with Instagram Business/Creator accounts. Personal accounts are no longer supported by Instagram API. This method requires you to create Instagram Access Token. Instagram Access Token is required to prove that you’re the owner of your account and you allow the use of photos and content on your site.
- The following tutorial will work only for the updated Instagram Module added in PowerPack Pro v2.14 and above.
- The Instagram profile should be a public profile.
Now, let us understand how you can create Instagram Access Token and display images from Instagram on your site.
Create Instagram Access Token
Step 1: Create an App
- Head over to https://developers.facebook.com/ and click on “My Apps“ located at the top right corner.
- Next, click on “Create App”.
- On the next screen, provide App Name, App contact email and click Next.
- Now, a window will appear here asking the use cases for the new app that you’re going to create.
Simply select Other and click Next
- In the next window, select Business and then click Next
- Review the name and email on the next screen and click Create app
Step 2: Setup Instagram App
- Once you have completed all the previous steps, a list of apps will appear. Choose Instagram from the list and click Set up.
- Now, some detailed information will show up as API setup with Instagram business login. You will notice the Instagram app name (maybe suffixed with “IG”), Instagram app ID and app secret.
Step 3: Generate Token
- Here, we need to Generate the access token. So click the Add account button under the “Generate access tokens” section.
- Next, a popup will appear; click Continue
- A window will open asking you to login to Instagram account. In this step, you need to log in to the Instagram account from which the photos need to be displayed.
- Once you’ve successfully logged in to the Instagram account, you will be asked whether to Allow or cancel the newly created app access to the Instagram account. Make sure to turn off “Allow access to messages” and “Access and manage messages” permissions. Keep “View profile and access media” permission enabled. Finally, Click Allow
- Once the Instagram account is connected, you will see the account details as shown below:
- The final step is to Generate the token. Click Generate token and a popup will appear with the token. Check the box “I Understand” and copy the token, click Done.
Again, before you click the Done button, make sure to copy the token.
Add Instagram Access Token in PowerPack
Navigate to your site’s WP-admin > Settings > PowerPack > Integration and paste the access token in the “Instagram Access Token” field.
- Once you have done that, save the settings and go back to the page where you have added the Instagram Feed module.
- You’ll see that photos from your Instagram account will start appearing just fine!
- Finally, publish the page.
That’s it! 🙂
This was all about setting up the Instagram Feed Module. Feel free to get in touch with us if you face any difficulties setting up the module.