Meta Application-Instagram
CloudCX connector hub provides integration with Instagram via the API for Instagram. The configuration is done server-side, in an easy and straightforward way. Let's follow the instructions step by step to complete the integration with Instagram.
If users in your system intend to utilize the Instagram channel, configuring this application setting is crucial!
Failure to do so may result in the user receiving a warning message from Meta when attempting to connect the Instagram.
Create A Meta App
To integrate with Instagram, you have to create a Meta app in the developer portal. You can find more details about creating Meta apps https://developers.facebook.com/docs/development#register.
Prerequisites
A valid Facebook Account.
A Business Manager Account, after set up a Business Manager account, verify your business.
An Instagram Business account.
Register a Meta App
Go to Meta developer portal and click on the “Create App” button
For Business portfolio, select your Meta business portfolio, then click Next.
For Use cases, select Other, then click Next.
For App type, select Business, then click Next.
For App details, enter basic details like the app name and email, and select your Business Manager Account.
Note: When creating the APP, it must be placed under a verified Business Manager Account, otherwise the APP cannot be submitted.
Click Create app.
The Meta app is created; You are redirected to the App Dashboard page.
Set up the Meta App
Click Set up to add the Instagram product via the Meta app dashboard.
You will enter the API setup with Instagram login page, you will have to obtain the Instagram App ID and App Secret. These values will be available in the app settings and will be required while setting up in the Connector Hub.
In the section Generate access tokens, click Add account to add your Instagram Business account.
After connecting the Instagram Business account, click Generate token to generate access tokens.
Go to the Configure webhooks section, paste the access token to the Verify Token.
Add the Webhook URL
https://your_cx_domain/webhook/v2.0/instagram
as the Callback URL, and click Verify and save.
Note: Before click Verify and save, you need to copy the Instagram app ID and secret to Advance > Connector Hub Setting > Instagram in your CX system, you can find more details from Meta Application-Instagram | Configure Instagram Integration.
Go to the Set up Instagram business login section, click Set up to paste the Redirect URL and click Save.
Go to the Complete app review section, click Go to app review to submit the permissions request.
About submitting the permissions request, you can find more details from Meta Application-Instagram | Submit the Meta App into production.
Configure Instagram Integration
Log in to your system administrator portal https://your_cx_domain:9006
, go to Advance > Connector Hub Setting > Instagram to configure.
Paste the App ID & App secret to Client-id & Client-Secret, the App ID & App secret obtain from API setup with Instagram business login Meta Application-Instagram | Set up the Meta App.
Copy the Authorized Redirect URL and paste to API setup with Instagram business login Meta Application-Instagram | Set up the Meta App.
Copy the Webhook URL and paste to API setup with Instagram business login Meta Application-Instagram | Set up the Meta App.
That's all the Instagram integration, now, you can connect your Instagram Business account to the Inbox > Channels > Instagram in your tenant 3.1.6 Instagram!
Submit the Meta App into production
Before you can start using your Instagram app in production, you will have to get it verified by Meta. Refer to https://developers.facebook.com/docs/apps/review/ on getting your app verified.
Prerequisites
You need to connect an Instagram Business account in your Tenant, and then test message delivery between the Instagram Business account and the CX system. About the tenant how to connect the Instagram Business account, you can find more details about Instagram 3.1.6 Instagramin Tenant Administrator User Guide.
Before you Submit
Test message delivery between Instagram Business account and the CX system.
Add your Instagram Business account to Meta app> API setup with Instagram business login > Generate access tokens section, you can find more details from Meta Application-Instagram | Set up the Meta App.
Test message delivery and record two screencasts for the below permissions:
instagram_business_basic: A screencast that demonstrates how the system can access the Instagram Business accounts.
instagram_business_manage_messages: A screencast that demonstrates how the system can receive messages from the Instagram Business account.
Permission | Description |
instagram_business_basic | The instagram_business_basic allows your app to read an Instagram Business account profile's info and media. The allowed usage for this permission is to get basic metadata of an Instagram Business account profile, for example username and ID. Use Case Description Screencast Requirements |
instagram_business_manage_messages | The instagram_business_manage_messages permission allows an app to access messages on an Instagram Business account. The allowed usage for this permission is to view, manage and respond to messages, and to use third-party customer relationship management (CRM) tools to manage messages. |
Note:
App Review - Best Practices may help improve the quality of your submission and reduce the chances of it being rejected.
Step-by-Step Instructions
Complete app settings
Go to App settings > Basic, complete the App’s details as below:
App domains: Enter your
CloudCX installation domain
as your app domainContact email: Enter your contact email address.
Privacy Policy URL: Enter your organization's privacy policy URL.
Terms of Service URL: Enter your organization's terms of service URL.
App icon: Upload your organization's icon.
Category: Select Messaging.
Scroll down to the bottom of the page, add a website platform to share the system URL with Meta.
Click Add platform.
Select the checkbox of Website, then click Next.
In the Site URL field, enter the FQDN of your system.
Click Save changes.
Click Continue request.
Remove unnecessary permissions
Go to API setup with Instagram business login > Complete app review section, click Go to app review.
Unselect the checkboxes of the permission instagram_business_manage_comments,
instagram_business_content_publish, instagram_business_manage_insights,
Human Agent, then click Continue to app review.
You will be redirected to App Review > Requests.
Answer data handling questions
Go to App Review > Requests, scroll down to the Data handling questions section, then click Answer questions about data handling.
Fill in the following information based on your situation, then click Submit.
Scroll down to the Complete App Settings section, then click Review your app settings.
Complete and review the required app settings, and click Save.
Scroll down to the Reviewer instructions section, then click Provide reviewer instructions.
Confirm your Site URL, copy and edit the following text based on your situation, then paste in the text field, and click Save.
Company:<company_name>
Testing Account: <account_or_email_address>
Testing password: <password>
Instagram test account:
Testing Account: <account_or_email_address>
Testing password: <password>
To see how <instagram_business_basic> & <instagram_business_manage_messages> is used in my app.
1.Navigate to <CloudCX installation domain>
2.Login in using the credentials provided.Company:<company_name> & Testing Account: <account_or_email_address> & Testing password: <password>
3.Once you've accessed the website, click <Inbox> in the left navigation
4.Click <Channels> and then click <Instagram>
5.Click <+> button
6.Login in the Instagram test account <account_or_email_address> & test password <password> in the pop-up window.
7.Click <Allow> in the pop-up window.
8.Once the Instagram Business account connects successfully, the pop-up window will be closed automatically, the connected account’s Username <instagram_username> and ID <instagram_id>will be displayed on my app.
9.Click the button of <Agents Panel> in the upper right corner .
10.Once you've accessed the Agent Panel, click <Inbox> in the left menu .
11.Navigate to <https://www.instagram.com/>
12.Login in using an another Instagram account <account_or_email_address> & test password <password> and search Instagram Business accounts <instagram_username> to send messages.
13.Switch to Inbox in our App, you will receive the message sent to Instagram Business accounts <instagram_username>, you can reply the messages to visitors directly from my app.
14.Switch to Instagram, check the replied message is received.
All the steps are done.
Complete the following tasks to demonstrate why the instagram_business_basic permission with advanced access is needed and how the app uses it.
Click How will the app use instagram_business_basic?.
b. Copy and paste the following text in the detailed description box.
We can use the instagram_business_basic permission to show users the usernames and IDs of all Instagram Business accounts they manage. Users can receive and send messages from Instagram channels directly on our CX platform without logging into the Instagram platform. This allows users to easily manage multiple Instagram Business accounts.
c. Click Upload file to upload the screencast that you have uploaded for instagram_business_basic.
d. Select the checkbox to agree that you will comply with the allowed usage, then click Save.
Complete the following tasks to demonstrate why the instagram_business_manage_messages permission with advanced access is needed and how the app uses it.
a. Click How will this app use instagram_business_manage_messages?.
b. Copy and paste the following text in the detailed description box.
We can use the instagram_business_manage_messages permission to allow users to receive, send, and manage messages from Instagram channels directly on our platform without logging into the Instagram platform. Messages from multiple channels are integrated into one platform, allowing users to send messages without switching to different platforms.
c. Select Yes in the question Does the app provide a cousmt inbox solution?.
d. Click Upload file to upload the screencast that you have uploaded for instagram_business_manage_messages.
e. Select the checkbox to agree that you will comply with the allowed usage, then click Save.
After completing all requests, click Submit for Review and enter password to confirm your operation.
Note:
Each permission is required to submit a recorded video about how the permission is used in CloudCX system.
After Meta has approved it, it will have a green label of "advanced access";
Permissions are more likely to be denied by Meta, please keep in real-time communication with their customer service;
Permission repeatedly denied applying frequently, your account will be considered unstable account and will be banned by Meta.
Even if the Meta document states that no Instagram account is required for testing, based on our past application experience, many times have been rejected due to failure to provide a test account or the test account being unable to log in. Therefore, we recommend providing them with an Instagram account that does not have two-factor authentication enabled for testing.
After obtaining advanced access and switching the App Mode to Live, the configuration on Instagram is finished.
Now, all the tenant in your system can connect to their Instagram Business account, and then agents can receive and reply Instagram messages directly within your system!
Warning Message
This warning message indicates that the Meta Application on Instagram, configured on the System Connect Hub, is incorrect or invalid.