Divi Instagram Feed

Divi Instagram Feed module for Divi Builder is the ultimate choice for enhancing your Instagram feed within the Divi Theme. It offers a range of features, including responsiveness, custom profile picture display, custom bio and follow button integration, support for captions, and a convenient load more button. This module effectively showcases the Instagram photos uploaded by the authenticated user.

Video Tutorial

How to Generate Access Token

Instagram Access Token Integration

Design Instagram Feed

Key Info

1. Main Feature – Display Instagram photos uploaded by the authenticated user
2. Instagram Reels Support – NO
3. Instagram  Video Support – NO
4. Hashtag Support – NO
5. Data Stored by any Third Party – NO
6. Instagram Profile Picture – Manual settings and options

Requirements

1. WordPress Version: 6.3 or higher
2. PHP Version: 7.4 or higher
3. Divi Theme or Divi Builder 
4. Divi Torque Pro Plugin
5. Facebook Account
6. Facebook Developers Account
7. Public Instagram Account

Required URLs 

1. Facebook – https://www.facebook.com/ 
2. Facebook Developers Account – https://developers.facebook.com/apps/ 
3. Instagram – https://www.instagram.com/ 

Facebook’s Off-Facebook Activity Settings

1. Go to https://www.facebook.com/ and login to your account
2. Settings & privacy > Click on Settings
3. Your Facebook information > Off-Facebook activity
4. Manage future activity > Select Connect future activity > Click on Confirm

Or you can follow this: Navigating and Managing Facebook’s Off-Facebook Activity Settings

Generate Token

Step 1 – Same Browser 

• Open your Facebook Account, Instagram Account, and Facebook Developers account on the same browser. 

Step 2 – Facebook Developers Account

• Go to Facebook Developers Account: https://developers.facebook.com/apps
• Click “Get Started” and open a Facebook Developers account

Step 3 – Create App

• Click “Create App” 

• What do you want your app to do? select “Other” and click “Next”

• Select an app type: select  “Consumer”

• Click the “Next” button
• Add an app name: Give any name, e.g. webDevToken
• Click the “Create app” button

• Insert your password and click submit

Step 4 – Add Your Website

• App Settings > Basic > Add Platform 

• Then select the “Website” option and click “Next”

• On the ‘Site URL” field, add your website URL and click “Save Changes” 

Step 5 – Set Up the Instagram Basic Display

• Add Product > Instagram Basic Display > Set Up

• Create New App > Create app

• Instagram Basic Display > Basic Display 
• Valid OAuth Redirect URIs: YOUR WEBSITE URL
• Deauthorize: YOUR WEBSITE URL
• Data Deletion Requests: YOUR WEBSITE URL 
• Click “Save changes”

NOTE: Must keep https:// on the URL.

Step 6 – Add Instagram Account

• App roles > Roles > Add People 

• Instagram Tester > Your Instagram Username  > Select Your account > Add

• Go to your Instagram account 
• Edit Profile > Apps and websites > Tester Invites > Accept 

Step 7 – Generate Token 

• Instagram Basic Display > Basic Display > Generate Token 

• The Instagram Login window will appear
• Insert username and password and click “Log in” button  

• Now Click “Allow”

• Tik mark  “I Understand” and copy the token 

Token Integration

1. Go to the Divi Torque dashboard 
2. Integration > Insert Token > Link user

Insert the Instagram Feed

• Add “Torq Instagram Feed”

• Content > Source > Instagram User

Features in Instagram Feed

Responsive support

• Content > Layout, Number of Columns & Columns Gap

Header Support

• Content > Header, Profile Picture, Custom Bio and Follow Button display

Caption Support

• Content > Caption. And Caption can Trim

Load More

• Button Support and Custom text support for the Load More button.

Design Instagram Feed

1. Use this option and settings and customize the Design Instagram Feed.
2. Using the Design Option and Settings you can achieve your desired Instagram Feed showcase.