# Integrated Webhooks - Creating leads through Elementor Forms

## Understanding the Form Fields

When editing a form element, a mapping of the fields will be displayed. These fields will be sent to the Sprinthub webhook, with the label names used as keys in the JSON. The webhook generated by the configuration below will have the following format:

`{`\
&#x20; `"Name": "Enki Sprinthub",`\
&#x20; `"Email": "enki@sprinthub",`\
&#x20; `"Message": "Olá, gostaria de saber mais sobre a plataforma"`\
`}`

<figure><img src="/files/6ce842147f4679552bdb154d32473199d8d1ae73" alt=""><figcaption><p><em>Form fields.</em></p></figcaption></figure>

## Mapping the Webhook inside Sprinthub

A passive webhook was created in Sprinthub to receive the data sent by this external form. The request body mapping must match exactly the format mentioned earlier, with identical names. The request method was configured as POST, using the 'Email' field as the lead identifier. This prevents duplicate leads and allows identifying leads that already exist in the system.

<figure><img src="/files/55dfa2500abb11fe6d07d0bd33a77d300f3b2d81" alt=""><figcaption><p><em>Webhook mapping.</em></p></figcaption></figure>

## Elementor Forms - Adding Webhook action

You need to add the 'Webhook' action to the form in the 'Actions After Submit' option. This will allow inserting the webhook link configured in Sprinthub.

<figure><img src="/files/b16e9dc5922ceb138b3dabce19e428d713f31a0a" alt=""><figcaption><p><em>Adding Webhook action.</em></p></figcaption></figure>

## Adding the 'Webhook URL' with the *access\_token*.

In the 'Webhook URL' field, enter the webhook link generated in Sprinthub, available on the left side of the page. Then add the `access_token` as a query parameter using the character `&`. The link will have the following format:

```
https://sprinthub-api-master.sprinthub.app/api/hook/criando-leads?i=instancia_demo&access_token=_JYmznRqZj9UKbV5gtMRgPfNKW0_m7va_6MJ8ABzl4ecwguvvD
```

<figure><img src="/files/c8db8766d07b36c39af8d4d07ee3813419c91f04" alt=""><figcaption><p><em>URL inside Sprinthub.</em></p></figcaption></figure>

<figure><img src="/files/36e3a5a46247bf9712200adcf05e4af2a2863160" alt=""><figcaption><p><em>Field to insert the URL in Elementor.</em></p></figcaption></figure>

## Configuring Automatic Lead Creation

Finally, in the 'Automatic Lead Creation' section, enable the 'Enable automatic creation?' option. Make sure the lead fields are properly mapped to match the data received by the webhook. After saving and closing, the webhook will be configured to register leads directly from your WordPress platform with Elementor.

<figure><img src="/files/99ddccf0dd21ee98813f34835681428a36441712" alt=""><figcaption><p><em>Automatic Lead Creation tab.</em></p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/en/topics/analyze/integrated-webhooks/integrated-webhooks-common-questions/integrated-webhooks-creating-leads-through-elementor-forms.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
