# WhatsApp

The Infraon-WhatsApp application eliminates complexity by offering a unified IT support platform. Users can report their issues via WhatsApp chat, eliminating the need to navigate different systems or make time-consuming phone calls.

You can now:&#x20;

* Create tickets&#x20;
* Create requests&#x20;
* View ticket detail&#x20;
* Real-time updates on status changes&#x20;

## How To Install  <a href="#toc174553374" id="toc174553374"></a>

### **Installing the app**&#x20;

**STEP 1:** Log in to your Infraon account. On the left panel, click on the **Marketplace** tab. Select the **“Infraon-WhatsApp"** integration.&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2F10g4ywOFDoO1yGonlYfA%2Fimage.png?alt=media&#x26;token=8d1a7ec6-8104-4370-8df6-489a75e1ba3c" alt=""><figcaption></figcaption></figure>

**STEP 2:** After clicking the tab, click Install.  &#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2Fl5W3bbxqxi2F5xJ1yek4%2Fimage.png?alt=media&#x26;token=950d5166-4ca9-41a6-b7a4-36470e00399e" alt=""><figcaption></figcaption></figure>

**Step 3:** Once the installation is done, click on the WhatsApp-Infraon configuration tab. &#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FtfhPGFW2x3P9A5Jj4YQQ%2Fimage.png?alt=media&#x26;token=d09c5621-ea9e-4197-a282-fa0981e2a235" alt=""><figcaption></figcaption></figure>

Enter the credentials as prompted: Name, Phone Number, Phone Number ID, WhatsApp Business Account ID, and Permanent Access Token. Then, follow the below steps to get the required information.&#x20;

### **Create an App**&#x20;

**STEP 3.1:** Log onto [Meta Business Suite](https://business.facebook.com/create/) using a Facebook or Instagram account.&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FiogN8hH2cjkoMyJEpm3n%2F3.jpeg?alt=media)

**STEP 3.2:** Once logged in, on the top panel, click **“Apps,”** and then click on the **“Create App”** tab.&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2F29Of1p2sSXowtfQP5GdO%2F4.png?alt=media)

**STEP 3.3:** Select **“Other”** and continue by clicking **“Next.”**&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2F4l98wmTF2EjNDIgllhYv%2F5.jpeg?alt=media)

**STEP 3.4:** Select the **“Business”** option and click **“Next.”**&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2Fx6Ycc8Z21InxuqfQKE3o%2F6.jpeg?alt=media)

**EnterSTEP 3.5:** Enter the required credentials (Name and email address) in the dialog box, and click **“Create App.”**&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FD1VjyK65cwjvAlptpuHX%2F7.png?alt=media)

Once done, the below notification pops up. Click **“Continue”** to proceed.&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FQp0lpfVHIVO9UoYxcZe2%2F8.png?alt=media)

### **Enable API permissions**&#x20;

**STEP 3.6:** Once the app is created, click **“WhatsApp > Set up.”**&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FNIXYCUhqkcD1qvELVtyM%2F9.png?alt=media)

Follow the steps carefully:&#x20;

**STEP 3.7:** Select “WhatsApp > Quick Start” on the left panel to set up the API. Click on the **“Start Using the API “** tab to continue.&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FXQ5iuSLcZDfsSXF94SYi%2F10.png?alt=media)

Follow the necessary steps to complete the setup.&#x20;

**STEP 3.8:** Copy the **Phone Number ID** and **WhatsApp Business Account ID** and paste them on *STEP 3*.&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FXQ20wj0Zfv8kxw3VyvrR%2F11.png?alt=media)

{% hint style="info" %}
**NOTE:** We will not copy the temporary access token because this is only valid for the first 24 hours. We will generate a permanent token number using the following steps.
{% endhint %}

### **Generating Permanent Token Number**&#x20;

**STEP 3.9:** Go to *“STEP 3.2”* and click on the **business name** in blue colored, created earlier.&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FPQ2XsKCDgKSDg0i4zyej%2F12.png?alt=media)

**Select “System Users” on the left panel STEP 3.10:** On the left panel, select **“System Users”** and click **“Add”** to continue.&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2Fi63TpcADLahmc3SQVKhP%2F13.png?alt=media)

**STEP 3.11:**  Enter the name of your **“System user”** and Click **“Select User Role > Admin.”**&#x20;

Click **“Create System User”** to continue.&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FVV18Qgua58CcfuRRsvjh%2F14.png?alt=media)

**STEP 3.12:** Click on the **“Generate New Token”**

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FE6pURhuSraOEUc5H6z9q%2F15.png?alt=media)

**STEP 3.13:** Tick the **“whatsapp\_business\_messaging”** and **“whatsapp\_business\_management”** and click **“Generate Token.”**&#x20;

![C:\Users\shika\AppData\Local\Microsoft\Windows\INetCache\Content.MSO\36345BA3.tmp](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FrgTQmpb1VrvCrqLxN43O%2F16.png?alt=media)

Once done, copy the token number and paste it into *STEP 3* (refer to above).&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FPeUI32b8FQbAMko6SdNC%2F17.png?alt=media)

**STEP 4:** Once you have entered the credentials, continue by clicking on the **“Submit”.**&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FjPTQkf201M8hlzhdy5Id%2F18.png?alt=media)

### **Configuring the webhooks**&#x20;

**STEP 5:** Copy the **“Webhook URL”** and **“Verify Token”** and go to *“STEP 3.8.”*&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FnDr7wLEcbE1efODckVto%2F19.png?alt=media)

**STEP 5.1:** Click on the **“Configure webhooks”**&#x20;

![](https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FQQ1YBtVbwz4nEWkawoB5%2F20.png?alt=media)

**STEP 5.2:** Click **“Edit”** and paste the **“Callback URL”** and **“Verify token”** from *STEP 5.*&#x20;

 **“Click Verify and Save”** to proceed.&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FQshwrr4wkZj8UYuyumrB%2Fimage.png?alt=media&#x26;token=e5ef0d0e-a130-4d94-a0e9-4acabf77077e" alt=""><figcaption></figcaption></figure>

**STEP 5.3:** Click on **“Webhook fields > Manage.”**&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FLjWBYMaFMzb8KuCJefDD%2Fimage.png?alt=media&#x26;token=72404ee8-7d8b-4d7a-b5f0-f843525c3935" alt=""><figcaption></figcaption></figure>

**STEP 5.4:** Select **“Messages”** toggle and click **“Done”** to continue.&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FIhLLTXQG8fHzpdNTtnHJ%2Fimage.png?alt=media&#x26;token=c5ee6ea3-8653-4621-88a2-639b0d3f1888" alt=""><figcaption></figcaption></figure>

### **Verify your personnel details**&#x20;

**STEP 5.5:** Proceed with **“Step 5”** by clicking the **“Add phone number”** tab.&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2F3QmWp91U1BoSSdw90sfw%2Fimage.png?alt=media&#x26;token=6e430e64-f531-4a87-84ba-1fa615802334" alt=""><figcaption></figcaption></figure>

**STEP 5.6:** Enter your **“Business name”, “Business Website”** and **“Country”** and click **“Next”.**&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FPnY432crK4pxVVbKDLIK%2Fimage.png?alt=media&#x26;token=e1896606-0083-4df5-ae8a-079770237590" alt=""><figcaption></figcaption></figure>

**STEP 5.7:** Once done, verify your Phone number by Text message or phone call. \
Click **“Next”** to continue.&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2Fr27EwahmrBJTq33FIJki%2Fimage.png?alt=media&#x26;token=44392501-d566-4fc4-8311-3bc187874025" alt=""><figcaption></figcaption></figure>

### **Add Payment Method**&#x20;

**STEP 5.8:** Now click on the **“Add Payment Method”.**&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2F0wTIT9YjTNYrfNYyAS0K%2Fimage.png?alt=media&#x26;token=124f3fb5-0f75-426b-8b95-0454c5ab8ae6" alt=""><figcaption></figcaption></figure>

**STEP 5.9:** Enter the required details for your payment mode by clicking **“Add.”**&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FEwV9Ib52fr5vPwZGwwJB%2Fimage.png?alt=media&#x26;token=a710503f-721b-443e-81e8-3692b73a9bdf" alt=""><figcaption></figcaption></figure>

**STEP 6:** Once all the steps for the API Setup are completed, go to *STEP 5* and click **“Complete.”**&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2FtswoTM5vtpNtGuBQrm1v%2Fimage.png?alt=media&#x26;token=1cb6f4b1-2563-4e63-b91d-703594ff9dd7" alt=""><figcaption></figcaption></figure>

The Infraon-WhatsApp integration is now complete!!&#x20;

<figure><img src="https://8249392-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE4mkwSP8a1BSD9BFNFav%2Fuploads%2F4eKruC6QNdU8LQwlN01e%2Fimage.png?alt=media&#x26;token=85bb2d9f-d5fb-4db3-896a-2912089757fa" alt=""><figcaption></figcaption></figure>
