# Webhook

#### Step 1: Add a New Integration

To connect your Form with external services like **Webhook**, follow the steps below:

1. Navigate to the **Integrations** tab.
2. Click the **Webhook** button to proceed with the setup.

<figure><img src="https://1011614009-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4Fo01hrcLy4nrkTo0wi%2Fuploads%2FUZcvbGH04B6P0jMJhdKX%2Fstep1.gif?alt=media&#x26;token=bf778b7c-399c-486b-9263-2f1b6d5d9203" alt=""><figcaption></figcaption></figure>

#### Step 2: Configure Webhook Integration

To connect a webhook, fill in the required fields as follows:

1. **Webhook Name**\
   Enter a name to identify your webhook integration.
2. **Webhook URL**\
   Provide the URL where the data should be sent.
3. **API Key**\
   Enter your API key for authentication.

   > 🔐 *If you don't have an API key, you can create and use any custom key of your choice.*
4. **Validate Connection**\
   Click the **Validate** button to test the connection with the provided credentials.\
   If the connection is successful, proceed to the next step.
5. **Save Integration**\
   Click the **Save** button to finalize and store your webhook integration settings.

<figure><img src="https://1011614009-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4Fo01hrcLy4nrkTo0wi%2Fuploads%2FjDh4XzgutCAw2Sv1bNzm%2Fstep2.gif?alt=media&#x26;token=0a26c5cc-4423-4779-84f9-bb4e3e78da52" alt=""><figcaption></figcaption></figure>

#### Step 3: Connect Webhook to a Form

To set up a webhook integration for a specific Form, follow these steps:

1. **Navigate to the Forms Tab**\
   From the Integrations, go to the **Forms** tab.
2. **Connect the Target Form**\
   Select the target form page from the dropdown, then click the form’s **Connect Form** button.
3. **Click “Add Integration”**\
   This will open a modal displaying all available integrations.
4. **Connect Webhook**\
   Click the **Connect** button next to **Webhook**.\
   A webhook connection setup form will appear.
5. **Configure the Webhook Connection**
   * Select the previously added **Webhook API** from the dropdown list.
6. **Save the Connection**\
   Click the **Save** button to complete the integration setup.

> ✅ *Once saved, your popup will be connected to the selected webhook and ready to transmit data.*

<figure><img src="https://1011614009-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4Fo01hrcLy4nrkTo0wi%2Fuploads%2FXtG0ICAUWC3tMOXHWDS8%2Fstep3.gif?alt=media&#x26;token=042cd592-6bfa-4121-92df-e0d47ccdf55c" alt=""><figcaption></figcaption></figure>