Let's walk through the friendly steps to set up a system user in your Business Manager and get them access to the WhatsApp App. Summary of the Steps<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Creating an App and obtaining <code>WhatsApp Phone Id</code> and <code>WhatsApp Business ID</code></li><li value="2" class="PlaygroundEditorTheme__listItem">Generating <code>Permanent Access Token</code> to use it for WhatsApp Cloud API</li><li value="3" class="PlaygroundEditorTheme__listItem">Publishing your App Live</li><li value="4" class="PlaygroundEditorTheme__listItem">Setting up Webhook</li></ol> <hr> Prerequisites<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Meta Developer Account</li><li value="2" class="PlaygroundEditorTheme__listItem">Mobile Number that is not used by a WhatsApp Account</li></ul> Start by making sure you have a developer account on Meta for Developers. You’ll also need WhatsApp installed on a mobile device to send test messages to. <hr><h2 class="PlaygroundEditorTheme__h2" dir="ltr"> Creating an App</h2>Before you can authenticate, you’ll need an application to authenticate you.Once you’re signed in, you see the Meta for Developers App Dashboard. Click Create App to get started.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317365187_867081817808621_8280357695545415671_n.png?_nc_cat=104&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeHgIkfHVnaIgDPn5LkNkhciAsBbvNkhAngCwFu82SECeByFlAWzNTLIpvDtIc-XGVcyCIo-vUxsmdFcfQqe6Kw8&amp;_nc_ohc=aZ6e2iQhMQUAX8AeLQr&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfDEdPV_UW_gvfHKvtTcB06vpbQK7K9-43Ootr8M92QGGg&amp;oe=654A07F8" alt="" width="inherit" height="inherit">Next, you’ll need to choose an app type. Choose Business.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/316959081_1093369124683717_3125545523253481238_n.png?_nc_cat=107&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeEjmOJF7pNcoln4-DNOzUlUXiiJIUoELZFeKIkhSgQtkR9slIGOgS6mYpXlbaOf2q1xayQhos4VAnQArrPwvx12&amp;_nc_ohc=6fkZCNuDbAIAX801qyA&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfByEFYUUwMqmcVFuIPAt9EeqU1QUWdK-YiNIAJ0jfzB8g&amp;oe=654A2BEE" alt="" width="inherit" height="inherit">After that, enter a display name for your application. If you have a business account to link to your app, select it. If not, don't worry. The Meta for Developers platform creates a test business account you can use to experiment with the API. When done, click Create App.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317798210_384794073810379_4178697232030265996_n.png?_nc_cat=100&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeH2gDITtOLXxKVK1lv4hmqbmonGO3PWBuGaicY7c9YG4bnnWRQLuOWJfcEUNF1OMUmpX1DXUhUaidkkrE9xI7FY&amp;_nc_ohc=5Jda9txLmQYAX9NZJsG&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfDWxC18gFbyEt2syoEOyme3z3ToAHQ056mnBUxyJ2-XMw&amp;oe=654A1E7C" alt="" width="inherit" height="inherit">Then, you’ll need to add products to your app. Scroll down until you see WhatsApp and click the Set up button:<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317490587_1141161736792953_8788887492740578064_n.png?_nc_cat=101&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeGu17ZvlgHiv--k6seDA-fSy79UHgRdpD7Lv1QeBF2kPnKvclNho5ErU3H8mX1K_U_YIvM9PWWW3y7FyuOwJf-S&amp;_nc_ohc=IzoyzqQsPMAAX_fZBoq&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfBJb_nBNj-VyzeJ-FB46FX4EwE9as8iODRMKk82GKPbdQ&amp;oe=654A316A" alt="" width="inherit" height="inherit">Finally, choose an existing Meta Business Account or ask the platform to create a new one and click Continue:<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317501357_3257984474455069_6770451164446798543_n.png?_nc_cat=100&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeHzrTUcHqcbhzCylbQtmrHHFMMnFgLW7rYUwycWAtbutkDZljL0tvPlLqc7uWfkAItUlJ0xM6XFDidT-md-OCj4&amp;_nc_ohc=LuaVvuG-LnwAX-Ef8kM&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfAMgI8BDWcNzd4BasV7zT5moCo_RTu0Z7PcNul3yPTgKw&amp;oe=654A07CD" alt="" width="inherit" height="inherit">And with that, your app is created and ready to use. You’re automatically directed to the app’s dashboard. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/fc89e0_screenshot-2023-10-18-at-17.50.31.1697652062914.png?alt=media" alt="Screenshot 2023-10-18 at 17.50.31.png" width="inherit" height="inherit"> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Obtaining Access Token</h2> 1. Login to the <a href="https://business.facebook.com/settings?ref=blog.peppercloud.com" class="PlaygroundEditorTheme__link">Facebook Business manager</a>2. Click “App Dashboard” and navigate to “Business settings”.<img src="https://blog.peppercloud.com/content/images/2022/11/1--1-.jpg" alt="" width="1920" height="929">3. Navigate to “System users” (Business Settings &gt; Users &gt; System Users) and click “Add”.4. Enter System Username and choose the System User Role for the user. Click “Create System User”.Note: System User Role should be selected as Admin.<img src="https://blog.peppercloud.com/content/images/2022/11/2--1-.jpg" alt="" width="1920" height="929">5. Go to “Add Assets” and navigate to Apps.<img src="https://blog.peppercloud.com/content/images/2022/11/between-2---3.jpg" alt="" width="1639" height="890">6. Find and choose your app and then, enable the toggle of “Manage app”. Click on “Save Changes”<img src="https://blog.peppercloud.com/content/images/2022/11/4--1-.jpg" alt="" width="1514" height="890"><img src="https://blog.peppercloud.com/content/images/2022/11/3--2-.jpg" alt="" width="1380" height="716">7. Click “Generate New Token” and choose your app to generate a token.<img src="https://blog.peppercloud.com/content/images/2022/11/5--2-.jpg" alt="" width="1568" height="929">8. Select the “Never” option.<img src="https://lh5.googleusercontent.com/VQcQrIHnDNq2GEcVAD7nSdbUVcHoc_jN0jaUjRZyZEP_SJvkrAjIj_gOtgLicH5L5UaxJGwD8Br4psiPAmB0pmodNWOvUZCI3MR9HUNrBlqB_qB3Ew0AuIP2Js-Ip7QEg0-X1VJwQczQPOKsJoPGHmo" alt="" width="360" height="202">9. Check "<code>catalog_management</code>", “<code>whatsapp_business_messaging</code>”, and “<code>whatsapp_business_management</code>”.<img src="https://lh5.googleusercontent.com/WNBTvRahZa1hNx50548sh8BqnwPWEZcRwN-bQ5EB2HQQEm4vistrz4kF-BwnBKicBb5mAmZiPrImp205rXHwihxmQV2c2Pp9fatktfb2NYHlYY3_WAvZ-sYxCw3ycL1ufsDF9hmfICjOskC5HNYvxt0" alt="" width="500" height="333">10. Click “Generate Token” and use it for integrating WhatsApp Cloud API with Pepper Cloud API.<img src="https://blog.peppercloud.com/content/images/2022/11/7--1-.jpg" alt="" width="1150" height="929"> <hr> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Publishing your App</h2> After the token has been captured, you need to make your app live. Here are the steps for the same.a) In your Facebook developer account, go to “Settings”.<img src="https://lh6.googleusercontent.com/Rz4bVIO16ZpvgPow_kr5Zna9R4Ppz2hi_Zl292WWSnJVgP2cLWlQaWlPbI9ndKG3TmuVVpOdbyNPdRj-xZxWpmC4caAzXhxPugA8a_DiFHVzTb20cO8dA_7RwvpabnC6S5JmbTpnczxbVkxokvy98PutdvEroFjdeL0IQzkcUwhNBHhm6NIhMu7sglcX3A" alt="" width="inherit" height="inherit">b) Click “Basic” from the left panel.<img src="https://lh6.googleusercontent.com/kPpB_bj8OfkdQfTty-w32JTx7ypKNPIIVxbgbuiG1zfb_F0ye8dmOsvYrCI7pLOX__4ltWIdO5sKrs5m936_9HqMRTVrphKJIA_pdJ8FBaIBsirE1AHVSUr_mZGtIdFgsOusRd6mPgrX1WtdJAulftZLntllp-CbRY1Wa9PbzjfJvwN6Te0pAq-abUzIYA" alt="" width="inherit" height="inherit">c) To make the app live, enter your Privacy policy URL and Terms of Service URL from your website here and click “Save Changes”.<img src="https://lh5.googleusercontent.com/9O5ZIIf_1ErUdYT0s7zZeCV5rcNChEgMyoDhAWvSQoneXKYEII7ylyapJafqs29gbqwWxRCaznl6jn8Pm5Wu3888exeszTVZzNYiIVpn4zb9oFJMs4oy0mSBkLFTR2-cluT0CEcKU7mbmFCusxULxPOb9R2in_nR29sM5MMPXF-4O2dAZH2rVgTR3XFjGg" alt="" width="inherit" height="inherit">d) The app is now live.<img src="https://lh5.googleusercontent.com/MW1eItJLgZIf2pNUY0X-NQprA5PRr0DowvTmDh8yeh2Z8qqmE8RrzMi2uCjwBvw7LX9Npp-1ZmSjapLpLsgJDIQm5JhRxibtoz6GJoaxT1t4zcmcjUVPMMSPA7IXQzoTV08WfGKpkqVvyynoWGNHYl7pzIZUN8_kVobnZDgA5rrkbc66OMnuYGseYZushw" alt="" width="inherit" height="inherit"> <hr> <h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Enable the webhook<a href="https://www.chatwoot.com/docs/product/channels/whatsapp/whatsapp-cloud#enable-the-webhook" title="Direct link to heading" class="PlaygroundEditorTheme__link">​</a></h2>Configure the webhook in Facebook Developer App.Head back to the <code>WhatsApp</code> section in the Facebook Developer App. Navigate to the <code>Configuration</code> subsection and set up the <code>Callback URL</code>.<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The value for the URL should be the same URL you obtained at the end of your ClickConnector connection creation and will look like <a href="https://engine.clickconnector.app/api/v1/whatsapp-cloud/webhook?connectionid=xxxxxxxxxxxx" class="PlaygroundEditorTheme__link"><code>https://engine.clickconnector.app/api/v1/whatsapp-cloud/webhook?connectionid=xxxxxxxxxxxx</code></a></li><li value="2" class="PlaygroundEditorTheme__listItem">The value for the <code>verify token</code> should be the same value you configured for the <code>Webhook Verify Token</code> during inbox creation.</li></ul>You should also subscribe to message fields events under Webhooks Fields on your Facebook Developer app.Once you finish all the steps, the section should look like the following screenshot. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/fc89e0_screenshot-2023-10-18-at-23.39.20.1697652807917.png?alt=media" alt="Screenshot 2023-10-18 at 23.39.20.png" width="inherit" height="inherit">

A step by step guide on connecting WhatsApp Cloud API with ClickConnector

Let's walk through the friendly steps to set up a system user in your Business Manager and get them access to the WhatsApp App.

****Summary of the Steps****

1. Creating an Appand obtaining`WhatsApp Phone Id`and`WhatsApp Business ID`
2. Generating`Permanent Access Token`to use it for WhatsApp Cloud API
3. Publishing your App Live
4. Setting up Webhook

---

Prerequisites

* Meta Developer Account
* Mobile Number that is not used by a WhatsApp Account

Start by making sure you have a developer account on Meta for Developers. You’ll also need WhatsApp installed on a mobile device to send test messages to.

---

## Creating an App

Before you can authenticate, you’ll need an application to authenticate you.

Once you’re signed in, you see the Meta for Developers App Dashboard. Click Create App to get started.

![](https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317365187_867081817808621_8280357695545415671_n.png?_nc_cat=104&ccb=1-7&_nc_sid=e280be&_nc_eui2=AeHgIkfHVnaIgDPn5LkNkhciAsBbvNkhAngCwFu82SECeByFlAWzNTLIpvDtIc-XGVcyCIo-vUxsmdFcfQqe6Kw8&_nc_ohc=aZ6e2iQhMQUAX8AeLQr&_nc_ht=z-p3-scontent.fcmb3-2.fna&oh=00_AfDEdPV_UW_gvfHKvtTcB06vpbQK7K9-43Ootr8M92QGGg&oe=654A07F8)

Next, you’ll need to choose an app type. Choose Business.

![](https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/316959081_1093369124683717_3125545523253481238_n.png?_nc_cat=107&ccb=1-7&_nc_sid=e280be&_nc_eui2=AeEjmOJF7pNcoln4-DNOzUlUXiiJIUoELZFeKIkhSgQtkR9slIGOgS6mYpXlbaOf2q1xayQhos4VAnQArrPwvx12&_nc_ohc=6fkZCNuDbAIAX801qyA&_nc_ht=z-p3-scontent.fcmb3-2.fna&oh=00_AfByEFYUUwMqmcVFuIPAt9EeqU1QUWdK-YiNIAJ0jfzB8g&oe=654A2BEE)

After that, enter a display name for your application. If you have a business account to link to your app, select it. If not, don't worry. The Meta for Developers platform creates a test business account you can use to experiment with the API. When done, click Create App.

![](https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317798210_384794073810379_4178697232030265996_n.png?_nc_cat=100&ccb=1-7&_nc_sid=e280be&_nc_eui2=AeH2gDITtOLXxKVK1lv4hmqbmonGO3PWBuGaicY7c9YG4bnnWRQLuOWJfcEUNF1OMUmpX1DXUhUaidkkrE9xI7FY&_nc_ohc=5Jda9txLmQYAX9NZJsG&_nc_ht=z-p3-scontent.fcmb3-2.fna&oh=00_AfDWxC18gFbyEt2syoEOyme3z3ToAHQ056mnBUxyJ2-XMw&oe=654A1E7C)

Then, you’ll need to add products to your app. Scroll down until you see WhatsApp and click the Set up button:

![](https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317490587_1141161736792953_8788887492740578064_n.png?_nc_cat=101&ccb=1-7&_nc_sid=e280be&_nc_eui2=AeGu17ZvlgHiv--k6seDA-fSy79UHgRdpD7Lv1QeBF2kPnKvclNho5ErU3H8mX1K_U_YIvM9PWWW3y7FyuOwJf-S&_nc_ohc=IzoyzqQsPMAAX_fZBoq&_nc_ht=z-p3-scontent.fcmb3-2.fna&oh=00_AfBJb_nBNj-VyzeJ-FB46FX4EwE9as8iODRMKk82GKPbdQ&oe=654A316A)

Finally, choose an existing Meta Business Account or ask the platform to create a new one and click Continue:

![](https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317501357_3257984474455069_6770451164446798543_n.png?_nc_cat=100&ccb=1-7&_nc_sid=e280be&_nc_eui2=AeHzrTUcHqcbhzCylbQtmrHHFMMnFgLW7rYUwycWAtbutkDZljL0tvPlLqc7uWfkAItUlJ0xM6XFDidT-md-OCj4&_nc_ohc=LuaVvuG-LnwAX-Ef8kM&_nc_ht=z-p3-scontent.fcmb3-2.fna&oh=00_AfAMgI8BDWcNzd4BasV7zT5moCo_RTu0Z7PcNul3yPTgKw&oe=654A07CD)

And with that, your app is created and ready to use. You’re automatically directed to the app’s dashboard.

![Screenshot 2023-10-18 at 17.50.31.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/fc89e0_screenshot-2023-10-18-at-17.50.31.1697652062914.png?alt=media)

## Obtaining Access Token

1\. Login to the[Facebook Business manager](https://business.facebook.com/settings?ref=blog.peppercloud.com)

2\. Click “App Dashboard”and navigate to “Business settings”.

![](https://blog.peppercloud.com/content/images/2022/11/1--1-.jpg)

3\. Navigate to “System users” (Business Settings > Users > System Users) and click “Add”.

4\. Enter System Username and choose the System User Role for the user. Click “Create System User”.

*****Note:*****System User Role should be selected as Admin.

![](https://blog.peppercloud.com/content/images/2022/11/2--1-.jpg)

5\. Go to “Add Assets” and navigate to Apps.

![](https://blog.peppercloud.com/content/images/2022/11/between-2---3.jpg)

6\. Find and choose your app and then, enable the toggle of “Manage app”. Click on “Save Changes”

![](https://blog.peppercloud.com/content/images/2022/11/4--1-.jpg)![](https://blog.peppercloud.com/content/images/2022/11/3--2-.jpg)

7\. Click “Generate New Token” and choose your app to generate a token.

![](https://blog.peppercloud.com/content/images/2022/11/5--2-.jpg)

8\. Select the “Never” option.

![](https://lh5.googleusercontent.com/VQcQrIHnDNq2GEcVAD7nSdbUVcHoc_jN0jaUjRZyZEP_SJvkrAjIj_gOtgLicH5L5UaxJGwD8Br4psiPAmB0pmodNWOvUZCI3MR9HUNrBlqB_qB3Ew0AuIP2Js-Ip7QEg0-X1VJwQczQPOKsJoPGHmo)

9\. Check "`catalog\_management`", “`whatsapp\_business\_messaging`”, and “`whatsapp\_business\_management`”.

![](https://lh5.googleusercontent.com/WNBTvRahZa1hNx50548sh8BqnwPWEZcRwN-bQ5EB2HQQEm4vistrz4kF-BwnBKicBb5mAmZiPrImp205rXHwihxmQV2c2Pp9fatktfb2NYHlYY3_WAvZ-sYxCw3ycL1ufsDF9hmfICjOskC5HNYvxt0)

10\. Click “Generate Token” and use it for integrating WhatsApp Cloud API with Pepper Cloud API.

![](https://blog.peppercloud.com/content/images/2022/11/7--1-.jpg)

---

## Publishing your App

After the token has been captured, you need to make your app live. Here are the steps for the same.

a) In your Facebook developer account, go to “Settings”.

![](https://lh6.googleusercontent.com/Rz4bVIO16ZpvgPow_kr5Zna9R4Ppz2hi_Zl292WWSnJVgP2cLWlQaWlPbI9ndKG3TmuVVpOdbyNPdRj-xZxWpmC4caAzXhxPugA8a_DiFHVzTb20cO8dA_7RwvpabnC6S5JmbTpnczxbVkxokvy98PutdvEroFjdeL0IQzkcUwhNBHhm6NIhMu7sglcX3A)

b) Click “Basic” from the left panel.

![](https://lh6.googleusercontent.com/kPpB_bj8OfkdQfTty-w32JTx7ypKNPIIVxbgbuiG1zfb_F0ye8dmOsvYrCI7pLOX__4ltWIdO5sKrs5m936_9HqMRTVrphKJIA_pdJ8FBaIBsirE1AHVSUr_mZGtIdFgsOusRd6mPgrX1WtdJAulftZLntllp-CbRY1Wa9PbzjfJvwN6Te0pAq-abUzIYA)

c) To make the app live, enter your Privacy policy URL and Terms of Service URL from your website here and click “Save Changes”.

![](https://lh5.googleusercontent.com/9O5ZIIf_1ErUdYT0s7zZeCV5rcNChEgMyoDhAWvSQoneXKYEII7ylyapJafqs29gbqwWxRCaznl6jn8Pm5Wu3888exeszTVZzNYiIVpn4zb9oFJMs4oy0mSBkLFTR2-cluT0CEcKU7mbmFCusxULxPOb9R2in_nR29sM5MMPXF-4O2dAZH2rVgTR3XFjGg)

d) The app is now live.

![](https://lh5.googleusercontent.com/MW1eItJLgZIf2pNUY0X-NQprA5PRr0DowvTmDh8yeh2Z8qqmE8RrzMi2uCjwBvw7LX9Npp-1ZmSjapLpLsgJDIQm5JhRxibtoz6GJoaxT1t4zcmcjUVPMMSPA7IXQzoTV08WfGKpkqVvyynoWGNHYl7pzIZUN8_kVobnZDgA5rrkbc66OMnuYGseYZushw)

---

## Enable the webhook[​](https://www.chatwoot.com/docs/product/channels/whatsapp/whatsapp-cloud#enable-the-webhook "Direct link to heading")

Configure the webhook in Facebook Developer App.

Head back to the`WhatsApp`section in the Facebook Developer App. Navigate to the`Configuration`subsection and set up the`Callback URL`.

* The value for the URL should be the same URL you obtained at the end of your ClickConnector connection creation and will look like[`https://engine.clickconnector.app/api/v1/whatsapp-cloud/webhook?connectionid=xxxxxxxxxxxx`](https://engine.clickconnector.app/api/v1/whatsapp-cloud/webhook?connectionid=xxxxxxxxxxxx)
* The value for the`verify token`should be the same value you configured for the`Webhook Verify Token`during inbox creation.

You should****also subscribe to message fields events****under Webhooks Fields on your Facebook Developer app.

Once you finish all the steps, the section should look like the following screenshot.

![Screenshot 2023-10-18 at 23.39.20.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/fc89e0_screenshot-2023-10-18-at-23.39.20.1697652807917.png?alt=media)

Let's walk through the friendly steps to set up a system user in your Business Manager and get them access to the WhatsApp App. We'll also generate an access token that will serve as the API key for configuring an inbox in ClickConnector. When generating the <code>access token</code>, make sure the <code>whatsapp_business_management</code>, and <code>whatsapp_business_messaging</code> permissions are selected.<h2 class="PlaygroundEditorTheme__h2" dir="ltr"> Prerequisites</h2> Start by making sure you have a developer account on Meta for Developers. You’ll also need WhatsApp installed on a mobile device to send test messages to.<h2 class="PlaygroundEditorTheme__h2" dir="ltr"> Creating an App</h2>Before you can authenticate, you’ll need an application to authenticate you.Once you’re signed in, you see the Meta for Developers App Dashboard. Click Create App to get started.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317365187_867081817808621_8280357695545415671_n.png?_nc_cat=104&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeHgIkfHVnaIgDPn5LkNkhciAsBbvNkhAngCwFu82SECeByFlAWzNTLIpvDtIc-XGVcyCIo-vUxsmdFcfQqe6Kw8&amp;_nc_ohc=aZ6e2iQhMQUAX8AeLQr&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfDEdPV_UW_gvfHKvtTcB06vpbQK7K9-43Ootr8M92QGGg&amp;oe=654A07F8" alt="" width="inherit" height="inherit">Next, you’ll need to choose an app type. Choose Business.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/316959081_1093369124683717_3125545523253481238_n.png?_nc_cat=107&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeEjmOJF7pNcoln4-DNOzUlUXiiJIUoELZFeKIkhSgQtkR9slIGOgS6mYpXlbaOf2q1xayQhos4VAnQArrPwvx12&amp;_nc_ohc=6fkZCNuDbAIAX801qyA&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfByEFYUUwMqmcVFuIPAt9EeqU1QUWdK-YiNIAJ0jfzB8g&amp;oe=654A2BEE" alt="" width="inherit" height="inherit">After that, enter a display name for your application. If you have a business account to link to your app, select it. If not, don't worry. The Meta for Developers platform creates a test business account you can use to experiment with the API. When done, click Create App.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317798210_384794073810379_4178697232030265996_n.png?_nc_cat=100&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeH2gDITtOLXxKVK1lv4hmqbmonGO3PWBuGaicY7c9YG4bnnWRQLuOWJfcEUNF1OMUmpX1DXUhUaidkkrE9xI7FY&amp;_nc_ohc=5Jda9txLmQYAX9NZJsG&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfDWxC18gFbyEt2syoEOyme3z3ToAHQ056mnBUxyJ2-XMw&amp;oe=654A1E7C" alt="" width="inherit" height="inherit">Then, you’ll need to add products to your app. Scroll down until you see WhatsApp and click the Set up button:<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317490587_1141161736792953_8788887492740578064_n.png?_nc_cat=101&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeGu17ZvlgHiv--k6seDA-fSy79UHgRdpD7Lv1QeBF2kPnKvclNho5ErU3H8mX1K_U_YIvM9PWWW3y7FyuOwJf-S&amp;_nc_ohc=IzoyzqQsPMAAX_fZBoq&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfBJb_nBNj-VyzeJ-FB46FX4EwE9as8iODRMKk82GKPbdQ&amp;oe=654A316A" alt="" width="inherit" height="inherit">Finally, choose an existing Meta Business Account or ask the platform to create a new one and click Continue:<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317501357_3257984474455069_6770451164446798543_n.png?_nc_cat=100&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeHzrTUcHqcbhzCylbQtmrHHFMMnFgLW7rYUwycWAtbutkDZljL0tvPlLqc7uWfkAItUlJ0xM6XFDidT-md-OCj4&amp;_nc_ohc=LuaVvuG-LnwAX-Ef8kM&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfAMgI8BDWcNzd4BasV7zT5moCo_RTu0Z7PcNul3yPTgKw&amp;oe=654A07CD" alt="" width="inherit" height="inherit">And with that, your app is created and ready to use. You’re automatically directed to the app’s dashboard.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317085959_477875007779560_3719577952963214272_n.png?_nc_cat=101&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeGz4FaVtc1LS4AzcOZj9lixyyz_aGZqCgPLLP9oZmoKA1vY2Q5QWPoAznvDii6bV88B24L_A7Kz5_vQFvWVKjoz&amp;_nc_ohc=0T8tLvLfrcwAX_-DEva&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfAid7y5722iPSduF6E3xRpE_ebv4WyLROaBTquo9ZK6AQ&amp;oe=6549FD31" alt="" width="inherit" height="inherit"> 1. Login to the <a href="https://business.facebook.com/settings?ref=blog.peppercloud.com" class="PlaygroundEditorTheme__link">Facebook Business manager</a>2. Click “App Dashboard” and navigate to “Business settings”.<img src="https://blog.peppercloud.com/content/images/2022/11/1--1-.jpg" alt="" width="1920" height="929">3. Navigate to “System users” (Business Settings &gt; Users &gt; System Users) and click “Add”.4. Enter System Username and choose the System User Role for the user. Click “Create System User”.Note: System User Role should be selected as Admin.<img src="https://blog.peppercloud.com/content/images/2022/11/2--1-.jpg" alt="" width="1920" height="929">5. Go to “Add Assets” and navigate to Apps.<img src="https://blog.peppercloud.com/content/images/2022/11/between-2---3.jpg" alt="" width="1639" height="890">6. Find and choose your app and then, enable the toggle of “Manage app”. Click on “Save Changes”<img src="https://blog.peppercloud.com/content/images/2022/11/4--1-.jpg" alt="" width="1514" height="890"><img src="https://blog.peppercloud.com/content/images/2022/11/3--2-.jpg" alt="" width="1380" height="716">7. Click “Generate New Token” and choose your app to generate a token.<img src="https://blog.peppercloud.com/content/images/2022/11/5--2-.jpg" alt="" width="1568" height="929">8. Select the “Never” option.<img src="https://lh5.googleusercontent.com/VQcQrIHnDNq2GEcVAD7nSdbUVcHoc_jN0jaUjRZyZEP_SJvkrAjIj_gOtgLicH5L5UaxJGwD8Br4psiPAmB0pmodNWOvUZCI3MR9HUNrBlqB_qB3Ew0AuIP2Js-Ip7QEg0-X1VJwQczQPOKsJoPGHmo" alt="" width="360" height="202">9. Check "catalog_management", “whatsapp_business_messaging”, and “whatsapp_business_management”.<img src="https://lh5.googleusercontent.com/WNBTvRahZa1hNx50548sh8BqnwPWEZcRwN-bQ5EB2HQQEm4vistrz4kF-BwnBKicBb5mAmZiPrImp205rXHwihxmQV2c2Pp9fatktfb2NYHlYY3_WAvZ-sYxCw3ycL1ufsDF9hmfICjOskC5HNYvxt0" alt="" width="624" height="333">10. Click “Generate Token” and use it for integrating WhatsApp Cloud API with Pepper Cloud API.<img src="https://blog.peppercloud.com/content/images/2022/11/7--1-.jpg" alt="" width="1150" height="929">11. After the token has been captured, you need to make your app live. Here are the steps for the same.a) In your Facebook developer account, go to “Settings”.<img src="https://lh6.googleusercontent.com/Rz4bVIO16ZpvgPow_kr5Zna9R4Ppz2hi_Zl292WWSnJVgP2cLWlQaWlPbI9ndKG3TmuVVpOdbyNPdRj-xZxWpmC4caAzXhxPugA8a_DiFHVzTb20cO8dA_7RwvpabnC6S5JmbTpnczxbVkxokvy98PutdvEroFjdeL0IQzkcUwhNBHhm6NIhMu7sglcX3A" alt="" width="inherit" height="inherit">b) Click “Basic” from the left panel.<img src="https://lh6.googleusercontent.com/kPpB_bj8OfkdQfTty-w32JTx7ypKNPIIVxbgbuiG1zfb_F0ye8dmOsvYrCI7pLOX__4ltWIdO5sKrs5m936_9HqMRTVrphKJIA_pdJ8FBaIBsirE1AHVSUr_mZGtIdFgsOusRd6mPgrX1WtdJAulftZLntllp-CbRY1Wa9PbzjfJvwN6Te0pAq-abUzIYA" alt="" width="inherit" height="inherit">c) To make the app live, enter your Privacy policy URL and Terms of Service URL from your website here and click “Save Changes”.<img src="https://lh5.googleusercontent.com/9O5ZIIf_1ErUdYT0s7zZeCV5rcNChEgMyoDhAWvSQoneXKYEII7ylyapJafqs29gbqwWxRCaznl6jn8Pm5Wu3888exeszTVZzNYiIVpn4zb9oFJMs4oy0mSBkLFTR2-cluT0CEcKU7mbmFCusxULxPOb9R2in_nR29sM5MMPXF-4O2dAZH2rVgTR3XFjGg" alt="" width="inherit" height="inherit">d) The app is now live.<img src="https://lh5.googleusercontent.com/MW1eItJLgZIf2pNUY0X-NQprA5PRr0DowvTmDh8yeh2Z8qqmE8RrzMi2uCjwBvw7LX9Npp-1ZmSjapLpLsgJDIQm5JhRxibtoz6GJoaxT1t4zcmcjUVPMMSPA7IXQzoTV08WfGKpkqVvyynoWGNHYl7pzIZUN8_kVobnZDgA5rrkbc66OMnuYGseYZushw" alt="" width="inherit" height="inherit">After generating the permanent token and making your app live, go ahead and use it to <a href="https://blog.peppercloud.com/how-to-connect-whatsapp-cloud-api-with-crm/" class="PlaygroundEditorTheme__link">integrate WhatsApp Cloud API with Pepper Cloud CRM</a>. <h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Enable the webhook<a href="https://www.chatwoot.com/docs/product/channels/whatsapp/whatsapp-cloud#enable-the-webhook" title="Direct link to heading" class="PlaygroundEditorTheme__link">​</a></h2>Configure the webhook in Facebook Developer App.Head back to the <code>WhatsApp</code> section in the Facebook Developer App. Navigate to the <code>Configuration</code> subsection and set up the <code>Callback URL</code>.<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The value for the URL should be the same URL you obtained at the end of your Chatwoot inbox creation and will look like <code>https://app.chatwoot.com/webhooks/whatsapp/+{phone_number}</code>.</li><li value="2" class="PlaygroundEditorTheme__listItem">The value for the <code>verify token</code> should be the same value you configured for the <code>Webhook Verify Token</code> during inbox creation.</li></ul>You should also subscribe to message fields events under Webhooks Fields on your Facebook Developer app.Once you finish all the steps, the section should look like the following screenshot.

Setup your WhatsApp channel with WhatsApp Cloud API

Let's walk through the friendly steps to set up a system user in your Business Manager and get them access to the WhatsApp App. Summary of the Steps<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Creating an App and obtaining <code>WhatsApp Phone Id</code> and <code>WhatsApp Business ID</code></li><li value="2" class="PlaygroundEditorTheme__listItem">Generating Permenant Access Token to use it for WhatsApp Cloud API</li><li value="3" class="PlaygroundEditorTheme__listItem">Publishing your App Live</li><li value="4" class="PlaygroundEditorTheme__listItem">Setting up Webhook</li></ol> <hr> Prerequisites <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Meta Developer Account</li><li value="2" class="PlaygroundEditorTheme__listItem">Mobile Number that is not used by a WhatsApp Account</li></ul> Start by making sure you have a developer account on Meta for Developers. You’ll also need WhatsApp installed on a mobile device to send test messages to. <hr><h2 class="PlaygroundEditorTheme__h2" dir="ltr"> Creating an App</h2>Before you can authenticate, you’ll need an application to authenticate you.Once you’re signed in, you see the Meta for Developers App Dashboard. Click Create App to get started.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317365187_867081817808621_8280357695545415671_n.png?_nc_cat=104&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeHgIkfHVnaIgDPn5LkNkhciAsBbvNkhAngCwFu82SECeByFlAWzNTLIpvDtIc-XGVcyCIo-vUxsmdFcfQqe6Kw8&amp;_nc_ohc=aZ6e2iQhMQUAX8AeLQr&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfDEdPV_UW_gvfHKvtTcB06vpbQK7K9-43Ootr8M92QGGg&amp;oe=654A07F8" alt="" width="inherit" height="inherit">Next, you’ll need to choose an app type. Choose Business.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/316959081_1093369124683717_3125545523253481238_n.png?_nc_cat=107&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeEjmOJF7pNcoln4-DNOzUlUXiiJIUoELZFeKIkhSgQtkR9slIGOgS6mYpXlbaOf2q1xayQhos4VAnQArrPwvx12&amp;_nc_ohc=6fkZCNuDbAIAX801qyA&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfByEFYUUwMqmcVFuIPAt9EeqU1QUWdK-YiNIAJ0jfzB8g&amp;oe=654A2BEE" alt="" width="inherit" height="inherit">After that, enter a display name for your application. If you have a business account to link to your app, select it. If not, don't worry. The Meta for Developers platform creates a test business account you can use to experiment with the API. When done, click Create App.<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317798210_384794073810379_4178697232030265996_n.png?_nc_cat=100&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeH2gDITtOLXxKVK1lv4hmqbmonGO3PWBuGaicY7c9YG4bnnWRQLuOWJfcEUNF1OMUmpX1DXUhUaidkkrE9xI7FY&amp;_nc_ohc=5Jda9txLmQYAX9NZJsG&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfDWxC18gFbyEt2syoEOyme3z3ToAHQ056mnBUxyJ2-XMw&amp;oe=654A1E7C" alt="" width="inherit" height="inherit">Then, you’ll need to add products to your app. Scroll down until you see WhatsApp and click the Set up button:<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317490587_1141161736792953_8788887492740578064_n.png?_nc_cat=101&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeGu17ZvlgHiv--k6seDA-fSy79UHgRdpD7Lv1QeBF2kPnKvclNho5ErU3H8mX1K_U_YIvM9PWWW3y7FyuOwJf-S&amp;_nc_ohc=IzoyzqQsPMAAX_fZBoq&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfBJb_nBNj-VyzeJ-FB46FX4EwE9as8iODRMKk82GKPbdQ&amp;oe=654A316A" alt="" width="inherit" height="inherit">Finally, choose an existing Meta Business Account or ask the platform to create a new one and click Continue:<img src="https://z-p3-scontent.fcmb3-2.fna.fbcdn.net/v/t39.2365-6/317501357_3257984474455069_6770451164446798543_n.png?_nc_cat=100&amp;ccb=1-7&amp;_nc_sid=e280be&amp;_nc_eui2=AeHzrTUcHqcbhzCylbQtmrHHFMMnFgLW7rYUwycWAtbutkDZljL0tvPlLqc7uWfkAItUlJ0xM6XFDidT-md-OCj4&amp;_nc_ohc=LuaVvuG-LnwAX-Ef8kM&amp;_nc_ht=z-p3-scontent.fcmb3-2.fna&amp;oh=00_AfAMgI8BDWcNzd4BasV7zT5moCo_RTu0Z7PcNul3yPTgKw&amp;oe=654A07CD" alt="" width="inherit" height="inherit">And with that, your app is created and ready to use. You’re automatically directed to the app’s dashboard. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/fc89e0_screenshot-2023-10-18-at-17.50.31.1697652062914.png?alt=media" alt="Screenshot 2023-10-18 at 17.50.31.png" width="inherit" height="inherit"> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Obtaining Access Token</h2> 1. Login to the <a href="https://business.facebook.com/settings?ref=blog.peppercloud.com" class="PlaygroundEditorTheme__link">Facebook Business manager</a>2. Click “App Dashboard” and navigate to “Business settings”.<img src="https://blog.peppercloud.com/content/images/2022/11/1--1-.jpg" alt="" width="1920" height="929">3. Navigate to “System users” (Business Settings &gt; Users &gt; System Users) and click “Add”.4. Enter System Username and choose the System User Role for the user. Click “Create System User”.Note: System User Role should be selected as Admin.<img src="https://blog.peppercloud.com/content/images/2022/11/2--1-.jpg" alt="" width="1920" height="929">5. Go to “Add Assets” and navigate to Apps.<img src="https://blog.peppercloud.com/content/images/2022/11/between-2---3.jpg" alt="" width="1639" height="890">6. Find and choose your app and then, enable the toggle of “Manage app”. Click on “Save Changes”<img src="https://blog.peppercloud.com/content/images/2022/11/4--1-.jpg" alt="" width="1514" height="890"><img src="https://blog.peppercloud.com/content/images/2022/11/3--2-.jpg" alt="" width="1380" height="716">7. Click “Generate New Token” and choose your app to generate a token.<img src="https://blog.peppercloud.com/content/images/2022/11/5--2-.jpg" alt="" width="1568" height="929">8. Select the “Never” option.<img src="https://lh5.googleusercontent.com/VQcQrIHnDNq2GEcVAD7nSdbUVcHoc_jN0jaUjRZyZEP_SJvkrAjIj_gOtgLicH5L5UaxJGwD8Br4psiPAmB0pmodNWOvUZCI3MR9HUNrBlqB_qB3Ew0AuIP2Js-Ip7QEg0-X1VJwQczQPOKsJoPGHmo" alt="" width="360" height="202">9. Check "<code>catalog_management</code>", “<code>whatsapp_business_messaging</code>”, and “<code>whatsapp_business_management</code>”.<img src="https://lh5.googleusercontent.com/WNBTvRahZa1hNx50548sh8BqnwPWEZcRwN-bQ5EB2HQQEm4vistrz4kF-BwnBKicBb5mAmZiPrImp205rXHwihxmQV2c2Pp9fatktfb2NYHlYY3_WAvZ-sYxCw3ycL1ufsDF9hmfICjOskC5HNYvxt0" alt="" width="500" height="333">10. Click “Generate Token” and use it for integrating WhatsApp Cloud API with Pepper Cloud API.<img src="https://blog.peppercloud.com/content/images/2022/11/7--1-.jpg" alt="" width="1150" height="929"> <hr> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Publishing your App</h2> After the token has been captured, you need to make your app live. Here are the steps for the same.a) In your Facebook developer account, go to “Settings”.<img src="https://lh6.googleusercontent.com/Rz4bVIO16ZpvgPow_kr5Zna9R4Ppz2hi_Zl292WWSnJVgP2cLWlQaWlPbI9ndKG3TmuVVpOdbyNPdRj-xZxWpmC4caAzXhxPugA8a_DiFHVzTb20cO8dA_7RwvpabnC6S5JmbTpnczxbVkxokvy98PutdvEroFjdeL0IQzkcUwhNBHhm6NIhMu7sglcX3A" alt="" width="inherit" height="inherit">b) Click “Basic” from the left panel.<img src="https://lh6.googleusercontent.com/kPpB_bj8OfkdQfTty-w32JTx7ypKNPIIVxbgbuiG1zfb_F0ye8dmOsvYrCI7pLOX__4ltWIdO5sKrs5m936_9HqMRTVrphKJIA_pdJ8FBaIBsirE1AHVSUr_mZGtIdFgsOusRd6mPgrX1WtdJAulftZLntllp-CbRY1Wa9PbzjfJvwN6Te0pAq-abUzIYA" alt="" width="inherit" height="inherit">c) To make the app live, enter your Privacy policy URL and Terms of Service URL from your website here and click “Save Changes”.<img src="https://lh5.googleusercontent.com/9O5ZIIf_1ErUdYT0s7zZeCV5rcNChEgMyoDhAWvSQoneXKYEII7ylyapJafqs29gbqwWxRCaznl6jn8Pm5Wu3888exeszTVZzNYiIVpn4zb9oFJMs4oy0mSBkLFTR2-cluT0CEcKU7mbmFCusxULxPOb9R2in_nR29sM5MMPXF-4O2dAZH2rVgTR3XFjGg" alt="" width="inherit" height="inherit">d) The app is now live.<img src="https://lh5.googleusercontent.com/MW1eItJLgZIf2pNUY0X-NQprA5PRr0DowvTmDh8yeh2Z8qqmE8RrzMi2uCjwBvw7LX9Npp-1ZmSjapLpLsgJDIQm5JhRxibtoz6GJoaxT1t4zcmcjUVPMMSPA7IXQzoTV08WfGKpkqVvyynoWGNHYl7pzIZUN8_kVobnZDgA5rrkbc66OMnuYGseYZushw" alt="" width="inherit" height="inherit"> <hr> <h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Enable the webhook<a href="https://www.chatwoot.com/docs/product/channels/whatsapp/whatsapp-cloud#enable-the-webhook" title="Direct link to heading" class="PlaygroundEditorTheme__link">​</a></h2>Configure the webhook in Facebook Developer App.Head back to the <code>WhatsApp</code> section in the Facebook Developer App. Navigate to the <code>Configuration</code> subsection and set up the <code>Callback URL</code>.<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The value for the URL should be the same URL you obtained at the end of your Chatwoot inbox creation and will look like <code>https://app.chatwoot.com/webhooks/whatsapp/+{phone_number}</code>.</li><li value="2" class="PlaygroundEditorTheme__listItem">The value for the <code>verify token</code> should be the same value you configured for the <code>Webhook Verify Token</code> during inbox creation.</li></ul>You should also subscribe to message fields events under Webhooks Fields on your Facebook Developer app.Once you finish all the steps, the section should look like the following screenshot.

Setting up WhatsApp Connetion with WhatsApp Cloud API

Common questions related to WhatsApp Connections in ClickConnector.

Was this article helpful?