Skip to main content
Webhooks Integration
Karan Bhakuni avatar
Written by Karan Bhakuni
Updated over a month ago

Efficiently capture and process user data by integrating Webhooks with Poper. Follow these simple steps to set up the integration:

How to Integrate Webhooks in Poper:

Edit Popup:

Navigate to the Poper dashboard and locate the popup where you want to apply the Webhooks integration. Enter the editing mode for the selected popup.

Access Integrations Tab:

Within the popup editor, navigate to the "Integrations" tab located on the left-hand side.

Select Webhooks:

In the integrations tab, select Webhooks from the list of available integrations.

Enter Webhook Name & URL:

Provide a name for your Webhook URL and enter the valid Webhook URL where you want to send the data collected from the popup. Ensure that the URL is correctly formatted to accept POST requests.

Verify Webhook URL:

Click on "Connect." Poper will verify your Webhook URL, and if valid, it will apply the integration to the popup.

Save Integration:

Once the Webhook URL is verified, save the popup to apply the Webhooks integration settings.

Webhook Request Fields:

The Webhook request is a POST request with 'application/json' as 'Content-Type', containing the following fields:

{

"response": A key-value pair of your Popup Input Field ID and its corresponding value entered by the user,

"popupID": ID of your popup to which the response is received,

"responseID": A unique response ID,

"timestamp": Timestamp indicating when the response is received,

}
Example response -

{
  "response": {
    "email": "[email protected]"
  },
  "popupID": "292",
  "responseID": 2195,
  "timestamp": "Mon, 06 May 2024 06:34:44 GMT"
}
Did this answer your question?