The Payment Form webhook will be triggered when your customers make a complete payment using the payment form you shared.

Configure Webhooks

To start receiving webhook event notifications,

1. Go to Payment Gateway Dashboard > click Developers in the left navigation.
2. Select Webhooks in the Payment Gateway section.
3. Click Add Webhook URL and select the event you want to be notified about.
4. Enter the URL where you want to receive the webhook notifications, and click Add.

You will start to receive webhook event notifications on the URLs you have specified. You can use one URL to handle several different event types at once or specify individual URLs for specific events.

Payment Forms Sample Payload

{
    "data": {
        "form": {
            "form_id": "my-form-1",
            "cf_form_id": 2011640,
            "form_url": "https://payments-test.cashfree.com/forms/webhook-trial-1",
            "form_currency": "INR"
        },
        "order": {
            "order_amount": 22.00,
            "order_id": "CFPay_U1mgll3c0e9g_ehdcjjbtckf",
            "order_status": "PAID",
            "transaction_id": 1021206,
            "customer_details": {
                "customer_phone": "9999999999",
                "customer_email": "[email protected]",
                "customer_name": "John Doe",
                "customer_fields": [
                    {
                        "title": "Zoom ID",
                        "value": "john"
                    },
                    {
                        "title": "Company Designation",
                        "value": ""
                    }
                ]
            },
            "amount_details": [
                {
                    "title": "Webinar Tickets",
                    "value": 398,
                    "quantity": 2
                },
                {
                    "title": "Zoom Platform Fee",
                    "value": 10
                },
                {
                    "title": "Buy me a coffee :)",
                    "value": 0
                },
                {
                    "title": "Amount Dropdown Trial",
                    "value": 50,
                    "selectedoption": "Option 1"
                }
            ]
            
        }
    },
    "event_time": "2021-04-16T14:10:36+05:30",
    "type": "PAYMENT_FORM_ORDER_WEBHOOK",
    "version": 1
}

Payload Field Description

---

Use Webhooks with No-Code Integration Platforms

Cashfree Payments supports configuring webhook with the below no-code integration platforms to receive automatic notifications about the payments.

• Zapier
• make
• Pabbly

Zapier

You can create a webhook URL on Zapier, configure the URL on Cashfree Payments Dashboard, and receive notifications automatically. Zapier provides a no-code integration solution for Webhooks.

To create a Webhook URL using Zapier,

1. Create a Zapier account or sign in using your existing credentials.
2. Select Webhooks by Zapier and complete the setup.
3. Click Create Zap.

3. Select Webhooks by Zapier as the Trigger App, and Catch Raw Hook as the Trigger Event.

4. Click Continue.
5. Copy the Webhook URL provided and add it as the Payment Form webhook URL on the Cashfree Payments Dashboard webhook screen as the URL to receive notifications.

6. Click Test Trigger to verify the configuration.
7. In the Action screen, select Code by Zapier as the next Trigger App, Run Javascript as the Trigger Event, and click Continue.

8. Add data as the key in Input Data field, Raw Body as the value. Copy the code below to the Code section, and click Continue.

// this is wrapped in an `async` function
// you can use await throughout the function
var obj = {}, data = JSON.parse(inputData.data)

obj.form = data.data.form
obj.order= {
  "order_amount": data.data.order.order_amount,
  "order_id": data.data.order.order_id,
  "order_status": data.data.order.order_status,
  "transaction_id": data.data.order.transaction_id
}

obj.order.customer_details = {
  "customer_phone": data.data.order.customer_details.customer_phone,
  "customer_email": data.data.order.customer_details.customer_email,
  "customer_name": data.data.order.customer_details.customer_name
}

if (data.data.order.customer_details.customer_fields && data.data.order.customer_details.customer_fields.length) {
  data.data.order.customer_details.customer_fields.map((mapObj) => {
    obj.order.customer_details["customer_"+mapObj.title] = mapObj.value
  })
}
 
if (data.data.order.amount_details && data.data.order.amount_details.length) {
  obj.order.amount_details = {};
  data.data.order.amount_details.map((mapObj) => {
    obj.order.amount_details["amount_"+mapObj.title] = mapObj.value
    if (mapObj.quantity) { //reads quantity for Item field type
      obj.order.amount_details["amount_"+mapObj.title+"_quantity"] = mapObj.quantity
    }
  })
}

output = obj

9. Test the configuration and click Publish Zap. For confirmation, click Publish & Turn On. Connect to any app on Zapier to transfer the data and use it for further analysis.

---

make

To create a Webhook URL using make,

1. Create an account with make or sign in using your existing make account credentials.
2. Click Create a new scenario.

3. Search for webhooks and select Webhooks from the options shown.

4. Select Custom Webhook. Enter a name for the webhook, and click Save.

5. A webhook URL will be generated as shown in the image below. Copy the webhook URL shown and add it as the Payment Form webhook URL on the Cashfree Payments Dashboard webhook screen as the URL to receive notifications. You can trigger and check. You will start receiving payment-related notifications via this webhook URL.

You can click Add Another Module and connect to any app on make to transfer the data and use it for further analysis. When you want to add the payment details to a google sheet whenever you receive payment from payments forms, you can click Add Another Module and select Google Sheets. Then add your Google account and select Google Sheets, details will be saved in this sheet.

---

Pabbly

To create a Webhook URL using Pabbly,

1. Create an account with Pabbly or sign in using your existing make account credentials.

2. Click Create Workflow and specify a name.
3. In the Choose App field select Webhook. Copy the webhook URL shown on the screen and add it as the Payment Form webhook URL on the Cashfree Payments Dashboard webhook screen as the URL to receive notifications. You will start receiving payment-related notifications via this webhook URL.

You can also save payment notifications in a Google Sheet. To do this, select Google Sheets as the application and add rows/columns as per your requirement and capture data in the Google Sheet.