ChatFlow

Connected Platforms

Instagram
TikTok

Welcome back, John!

Setup Guide

Complete these steps to set up Instagram integration for your ManyChat clone

Current Configuration Status

Instagram Configuration

Client ID
Missing
App URL
Set

Database Configuration

Supabase URL
Set
Service Key
Set

Setup Steps

1. Facebook Developer Account
Create and configure your Facebook app
required
  1. 1
    Go to https://developers.facebook.com/
  2. 2
    Create a new app or use existing one
  3. 3
    Choose 'Business' as the app type
  4. 4
    Fill in app details (name, contact email, etc.)
2. Add Instagram Basic Display Product
Enable Instagram integration for your app
required
  1. 1
    In your Facebook App Dashboard, go to 'Products' > 'Add Product'
  2. 2
    Find 'Instagram Basic Display' and click 'Set Up'
  3. 3
    This allows basic profile and media access
3. Configure OAuth Redirect URI
Set up the redirect URL for authentication
required
  1. 1
    In your app, go to 'Instagram Basic Display' > 'Basic Display'
  2. 2
    Add this URL to 'Valid OAuth Redirect URIs':
  3. 3
    https://papos.app/api/auth/instagram
  4. 4
    Click 'Save Changes'
4. Get App Credentials
Copy your app credentials to environment variables
required
  1. 1
    Go to 'Settings' > 'Basic' in your Facebook app
  2. 2
    Copy 'App ID' (use as INSTAGRAM_CLIENT_ID)
  3. 3
    Copy 'App Secret' (use as INSTAGRAM_CLIENT_SECRET)
  4. 4
    Add these to your Vercel environment variables
5. Add Instagram Testers (Development)
Add test users during development
development
  1. 1
    Go to 'Instagram Basic Display' > 'Basic Display'
  2. 2
    Scroll to 'Instagram Testers'
  3. 3
    Add Instagram usernames you want to test with
  4. 4
    Users must accept the invite in their Instagram app settings
Environment Variables
Add these environment variables to your Vercel project
INSTAGRAM_CLIENT_ID
Required

Your Facebook App ID

Example: 1234567890123456
INSTAGRAM_CLIENT_SECRET
Required

Your Facebook App Secret

Example: abcdef1234567890abcdef1234567890
NEXT_PUBLIC_APP_URL
Required

Your deployed app URL

Example: https://your-app.vercel.app
NEXT_PUBLIC_SUPABASE_URL
Required

Your Supabase project URL

Example: https://xxx.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY
Required

Your Supabase anonymous key

Example: eyJhbG...
SUPABASE_SERVICE_ROLE_KEY
Required

Your Supabase service role key

Example: eyJhbG...
Important URLs to Copy
Use these URLs in your Facebook app configuration

OAuth Redirect URI

Add this to "Valid OAuth Redirect URIs" in Instagram Basic Display settings

https://papos.app/api/auth/instagram

Webhook URL (Future Use)

You'll need this later for Instagram messaging webhooks

https://papos.app/api/webhooks/instagram
Next Steps After Setup
  1. 1Complete all setup steps above
  2. 2Add environment variables to Vercel and redeploy
  3. 3Test the integration on the Integrations page
  4. 4Add yourself as an Instagram Tester in Facebook app
Go to IntegrationsFacebook Developers