# Connector using Pabbly

<mark style="color:blue;">**Register Pabbly Account**</mark>

1. Open [**pabbly.com**](https://www.pabbly.com/) in a new tab.
2. Click **Sign Up Fre**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2Feu2WheMmq1S7Tu6FqHsu%2Fphoto_2024-07-29_12-50-201.jpg?alt=media&#x26;token=65fbd25b-8e9b-498b-9870-491fa84b3597" alt=""><figcaption></figcaption></figure>

3. Click **Sign up with Google**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2Fd8XS0enNvjABZrAhTaqd%2Fphoto_2024-07-29_12-50-481.jpg?alt=media&#x26;token=f11618f6-699a-4b55-8375-f6f261be2a0a" alt=""><figcaption></figcaption></figure>

4. Choose your preferred email.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2F8uZBOSlZkDXT7PHE92vx%2Fphoto_2024-07-29_12-50-521.jpg?alt=media&#x26;token=1b34dd5f-041b-4547-8f2a-a50db9146148" alt=""><figcaption></figcaption></figure>

5. Click the **Continue** button.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2F4Tdk6puECZ8BU7LqDbPe%2Fphoto_2024-07-29_12-50-561.jpg?alt=media&#x26;token=96b381bd-8cf6-42ac-be18-2da179087bb1" alt=""><figcaption></figcaption></figure>

6. Click **Access Now** under Pabbly Connect to open the page in a new tab.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FUDsB3UhjOBaCTNXVrivH%2Fphoto_2024-07-29_12-51-021.jpg?alt=media&#x26;token=bdac828a-39c6-4f85-a0f7-a9161e1f0c75" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Setup First Action: Webhook**</mark>

7. Click **+ Create Workflow**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FyWuFJXeTpD8aYGrySVLA%2Fphoto_2024-07-29_12-51-071.jpg?alt=media&#x26;token=16a4fed1-2d96-4944-b07c-ac2a6112c3af" alt=""><figcaption></figcaption></figure>

8. Enter a name for the workflow and then click the **Create** button.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FzP7hyCPW1XQozJyiYh1i%2Fphoto_2024-07-29_12-51-121.jpg?alt=media&#x26;token=588d460b-8e4a-44db-97fb-716fcacfc19b" alt=""><figcaption></figcaption></figure>

9. Under Choose App, select **Webhook**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FTn1saOHuIHIS0Kpk2W08%2Fphoto_2024-07-29_12-51-171.jpg?alt=media&#x26;token=8ac6e5df-7c18-4bdd-b859-5b16fd8b2d52" alt=""><figcaption></figcaption></figure>

10. Under Trigger Event, choose **Catch Webhook (Preferred)**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FmC7fKkxd74892HztLTE4%2Fphoto_2024-07-29_12-51-201.jpg?alt=media&#x26;token=99657ff9-64d3-481a-9e73-afbb147cb1d2" alt=""><figcaption></figcaption></figure>

11. Copy the webhook URL.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FnTA56VxQT2KeoLFZf2bG%2Fphoto_2024-07-29_12-51-301.jpg?alt=media&#x26;token=b3557206-f973-41e4-8811-1d9f023e9f36" alt=""><figcaption></figcaption></figure>

12. Paste the webhook URL into the form settings under Webhook.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FcS1y0koXKpXiKfTCMyko%2Fphoto_2024-07-23_10-59-431.jpg?alt=media&#x26;token=fdf13cbe-c18e-48cc-9817-08552f6ae86b" alt=""><figcaption></figcaption></figure>

13. Open the form, fill it out, and submit it to trigger the hook.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FdqbQzF2vgTfH8byPEVp4%2Fphoto_2024-07-23_10-44-461.jpg?alt=media&#x26;token=b5692575-a1af-4de6-8fc5-015a5de6e3ca" alt=""><figcaption></figcaption></figure>

14. When you open Pabbly, it will show this: Pabbly already captures the details submitted in the form.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FjQoFjDXK0TrfYr4qx8bk%2Fphoto_2024-07-29_12-51-341.jpg?alt=media&#x26;token=078eaab0-55a2-437c-af8a-b040efea947b" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Setup Second Action: POST**</mark>

15. Click the second action.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FGsfJJpfGTYfyd0TcOs1r%2Fphoto_2024-07-29_12-51-381.jpg?alt=media&#x26;token=065f3f69-e19a-4b19-bcc6-f2ccdf56d318" alt=""><figcaption></figcaption></figure>

16. Under Choose App, select **API (Pabbly)**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2Fv5sTn51NZr9xYKBWcUa4%2Fphoto_2024-07-29_12-51-441.jpg?alt=media&#x26;token=a29eb7ca-9d66-4819-81eb-0723b94ede9f" alt=""><figcaption></figcaption></figure>

17. Under Action Event, choose **Execute API Request**. Then, click the **Connect** button.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FsFcWITOLo0WejCH7plaa%2Fphoto_2024-07-29_12-51-491.jpg?alt=media&#x26;token=ce8662a7-d453-4f83-8786-71cf093036ce" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2Fj1NFtZU7sc2NzmjYFqZl%2Fphoto_2024-07-29_12-51-521.jpg?alt=media&#x26;token=1cea33cd-4810-48e4-9b83-cbd6fbbe0957" alt=""><figcaption></figcaption></figure>

18. Under Action Event Method, select **POST**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FFKmRjvWDsO7hojgidHJ6%2Fphoto_2024-07-29_12-51-561.jpg?alt=media&#x26;token=889f3b34-fde2-427f-956b-2d2ae87382fd" alt=""><figcaption></figcaption></figure>

19. Under API Endpoint URL, paste the URL from Kuasa. Then, make sure under Payload Type, select **JSON**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FfrVB48HY9tRWdqpGyEim%2Fphoto_2024-07-29_12-52-001.jpg?alt=media&#x26;token=49f2ea9c-fb17-4116-af07-77ed7f2304bc" alt=""><figcaption></figcaption></figure>

20. &#x20;Tick at the **Set Parameter**.
21. Under Label, type **firstName**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FGVWMqKEt5BUjphia9Llm%2Fphoto_2024-07-29_12-52-071.jpg?alt=media&#x26;token=83abc051-ae99-4d9b-bab9-f31702e529da" alt=""><figcaption></figcaption></figure>

22. &#x20;Click the **Value** field and type **firstname** in <mark style="color:blue;">Insert Data from Previous Step</mark>.
23. &#x20;Choose **Fields FirstName Value**.
24. &#x20;Click '**+**' (on the right side) to add other label.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FoYFdoghQvfXyYq26SEzR%2Fphoto_2024-07-29_12-52-131.jpg?alt=media&#x26;token=e2ecef3a-781a-4614-baca-ec7a693aebd9" alt=""><figcaption></figcaption></figure>

25. &#x20;Repeat steps 21 - 24 for the following details:

* Label **lastName** > Value search **lastname** > select <mark style="color:blue;">**Fields LastName Value**</mark>
* Label **email\_contact** > Value search **email** > select <mark style="color:blue;">**Fields Email Contact Value**</mark>
* Label **contact** > Value search **contact** > select <mark style="color:blue;">**Fields Contact Value**</mark>

26. &#x20;It should look like this.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2Fnzm8gXpfLygSEmKPLRiN%2Fphoto_2024-07-29_12-52-171.jpg?alt=media&#x26;token=8078be38-d1dc-4aa4-8a5c-2d7c10629471" alt=""><figcaption></figcaption></figure>

27. &#x20;Click **Save & Send Test Request**.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2FmSEp7XGTNVWzB5amStzl%2Fphoto_2024-07-29_12-52-172.jpg?alt=media&#x26;token=9f86ff2c-b081-40ea-8f06-2fe44da05da2" alt=""><figcaption></figcaption></figure>

28. &#x20;If you want to turn off the webhook, you can toggle OFF the webhook at the top right of the page.

<figure><img src="https://2425544693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3QW4viTMK6zDjbpEqP2H%2Fuploads%2Fbh4icbfUgxvUASgCSPAY%2Fphoto_2024-07-29_12-52-271.jpg?alt=media&#x26;token=0a7a6f00-d228-4372-ad24-e146e3b28d42" alt=""><figcaption></figcaption></figure>

**Well Done!** You already set up the webhook using Pabbly. You can try submitting the form again and check the details are entered into Kuasa system.
