Category / Section
How to Get Instagram App Credentials (Client ID & Secret)
Updated:
Prerequisites
- A Facebook account
- An Instagram Business or Creator account (not personal)
- Your Instagram account must be connected to a Facebook Page
Step 1: Create a Facebook Developer Account
- Go to developers.facebook.com
- Click “Get Started” or “Log In” (top right)
- Log in with your Facebook account
- Accept the Facebook Developer terms
Step 2: Create a New App
- Click “My Apps” (top right) → “Create App”
- Select use case: “Other” → Click “Next”
- Select app type: “Business” → Click “Next”
- Fill in app details:
- App Name: e.g., “My Instagram Integration”
- App Contact Email: Your email
- Business Account: Select or create one
- Click “Create App”
Step 3: Add Instagram Graph API Product
- In your app dashboard, scroll to “Add products to your app”
- Find “Instagram Graph API” → Click “Set Up”
- This adds Instagram capabilities to your app
Step 4: Configure OAuth Settings
- Go to App Settings → Basic (left sidebar)
- Note your:
- App ID (this is your Client ID)
- App Secret (click “Show” to reveal - this is your Client Secret)
- Scroll down to “Add Platform”:
- Click “+ Add Platform” → Select “Website”
- Enter your site URL:
https://your-site.com
- In “App Domains”: Add your domain (e.g.,
your-site.com) - Click “Save Changes”
Step 5: Add OAuth Redirect URI
⚠️ Important: You MUST use your site’s REST API endpoint as the redirect URI, NOT the default FlowMattic proxy URL. The redirect URI shown below is specific to YOUR website.
-
Go to Facebook Login → Settings (left sidebar)
- If not visible, go to Products → Add Product → Facebook Login → Set Up
-
In “Valid OAuth Redirect URIs”, add your site’s Instagram OAuth endpoint:
https://your-site.com/wp-json/flowmattic/v1/auth/instagram(Replace
your-site.comwith your actual domain)Example: If your site is
mysite.flowmattic.com, use:https://mysite.flowmattic.com/wp-json/flowmattic/v1/auth/instagram -
Click “Save Changes”
Step 6: Request Permissions (For Live Mode)
- Go to App Review → Permissions and Features
- Request these permissions:
instagram_basicinstagram_content_publishinstagram_manage_commentsinstagram_manage_insightspages_show_listpages_read_engagementbusiness_management
Note: For testing, you can use Development Mode without approval. Only your account (and app admins/testers) can authenticate.
Step 7: Add Test Users (Development Mode)
- Go to App Roles → Roles (left sidebar)
- Under “Testers”, click “Add Testers”
- Enter the Facebook username of anyone who needs to test
- They must accept the invitation from their Facebook settings
Step 8: Connect Instagram to Facebook Page
Before authenticating, ensure your Instagram is properly connected:
- Open Instagram App → Settings → Account → Sharing to other apps
- Select Facebook and link to your Facebook Page
- OR on Facebook: Go to your Page Settings → Instagram → Connect Account
Step 9: Use Credentials in FlowMattic
- In FlowMattic, go to Connects → Add New
- Search for “Instagram”
- Enter:
- Client ID: Your Facebook App ID
- Client Secret: Your Facebook App Secret
- Click Connect to authenticate
Troubleshooting
| Issue | Solution |
|---|---|
| “App not authorized” | Add yourself as a Tester in App Roles |
| “Invalid redirect URI” | Ensure the redirect URI matches exactly (including https://) |
| “No redirect URI in the params” | For local sites (.local domain): Use ngrok and set up the redirect URI filter (see above). For live sites: Ensure the URI in Facebook matches your site’s REST endpoint exactly. |
| “No Instagram accounts found” | Connect your Instagram to a Facebook Page first |
| “Permissions denied” | Request permissions in App Review (for live mode) |
| Connection popup closes immediately | Check that your Facebook App has “Facebook Login” product added and configured |
Quick Reference
| Setting | Where to Find |
|---|---|
| Client ID | App Settings → Basic → App ID |
| Client Secret | App Settings → Basic → App Secret |
| Redirect URI | https://your-site.com/wp-json/flowmattic/v1/auth/instagram |