Prerequisites
Before you begin, make sure you have:- A valid Facebook account
- A Facebook Page you own or administer (you need “Full Control” or Admin permissions)
- A ChatbotX installation with a publicly accessible URL (required for both the webhook callback and the OAuth callback when connecting your Page)
- Your personal Facebook account logged in on your browser (the account that manages the Page)
- If the page belongs to a Business Manager, sufficient permissions within that Business Manager
Step 1: Create a Facebook App
Create a new app
Enter app details
Select a use case
Choose app type
Finish creation
Get your App ID and App Secret
Step 2: Configure Credentials in ChatbotX
A Super Admin must enter the Facebook App credentials in ChatbotX before the integration can work. Complete this step immediately after obtaining your App ID and App Secret.Open Integrations
Open the Messenger configuration
Enter your App credentials
Save
Step 3: Configure Facebook Login
Add the Facebook Login product
Configure Facebook Login settings
- Enable Web OAuth Login
- Enable Login with JavaScript SDK
- Add your self-hosted domain to Allowed Domains for the JavaScript SDK
Step 4: Configure the Facebook App
Add your app domain
Add the Messenger product
Configure the webhook
- Callback URL: Use the Webhook URL generated by ChatbotX in Step 2 (for example,
https://app.yourdomain.com/integrations/messenger/callback) - Verify Token: Enter the Webhook Verify Token value you configured in the ChatbotX Integrations settings (Step 2)
Create a Messenger chatbot in ChatbotX
- Click Continue as [Your Name] to grant permissions. If you have previously connected other pages, click Edit Settings to ensure all new or previously unselected pages are visible.
- Select the Facebook Pages you want to connect and click Continue.
- Review the permissions the application is allowed to access and click Save.
- Select the radio button next to the specific Facebook Page you want to use and click Continue.
- Choose whether to sync existing contacts and up to 3 months of conversation history, or start fresh.
- After being redirected back to ChatbotX, confirm the correct page is displayed. Click Test Now to send a test message and confirm your AI Agent is working.
Step 5: Test Before Going to Production
Facebook does not forward page messages to your webhook until your app is approved for production. Use the steps below to test your integration first.Connect your Facebook Page
Add subscriptions
Select subscription fields
Send a test message
Verify locally (if applicable)
/bot endpoint in your ngrok terminal.Going to Production
Before your app can receive messages from real users, Facebook must review and approve it.Submit for App Review
Request advanced access
API Version
ChatbotX supports Facebook API v25.0. Make sure your app is configured to use this version.- Update the API version under Settings → Advanced in your Facebook app.
- Verify that your webhook subscription version is also set to v25.0 under the app’s Webhooks settings.
FAQ
Why doesn't my Fanpage name appear in the connection list?
Why doesn't my Fanpage name appear in the connection list?
I connected successfully but the AI isn't responding to customers?
I connected successfully but the AI isn't responding to customers?
Does ChatbotX support managing multiple Pages at once?
Does ChatbotX support managing multiple Pages at once?
How does Facebook's 24-hour rule affect the bot?
How does Facebook's 24-hour rule affect the bot?
How do I update permissions when I add a new Page?
How do I update permissions when I add a new Page?