> For the complete documentation index, see [llms.txt](https://docs.sprinthub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sprinthub.com/topicos/analisar/webhooks-integrados/webhooks-integrados-duvidas-comuns/webhooks-integrados-criando-leads-atraves-do-elementor-forms.md).

# Webhooks Integrados - Criando leads através do Elementor Forms

## Entendendo o Form Fields

Ao editar um elemento de formulário, será exibido um mapeamento dos campos. Esses campos serão enviados para o webhook da Sprinthub, com os nomes das etiquetas (labels) utilizados como chaves (keys) no JSON. O webhook gerado pela configuração abaixo terá o seguinte formato:

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

<figure><img src="/files/93OC6AeZYZiFMGnedwdt" alt=""><figcaption><p><em>Campos do formulário.</em></p></figcaption></figure>

## Mapeando o Webhook dentro da Sprinthub

Um webhook passivo foi criado na Sprinthub para receber os dados enviados por esse formulário externo. O mapeamento do corpo da requisição deve corresponder exatamente ao formato mencionado anteriormente, com nomes idênticos. O método da requisição foi configurado como POST, utilizando o campo 'Email' como identificador do lead. Isso evita a duplicação de leads e permite identificar leads já existentes no sistema.

<figure><img src="/files/AObJ0FwiPjrxo33CyIFo" alt=""><figcaption><p><em>Mapeamento do Webhook.</em></p></figcaption></figure>

## Elementor Forms - Adicionando ação de Webhook

É necessário adicionar a ação 'Webhook' ao formulário na opção 'Actions After Submit'. Isso permitirá inserir o link do webhook configurado na Sprinthub.

<figure><img src="/files/ygRZXg2hFoFGbIGFuiy2" alt=""><figcaption><p><em>Adicionando ação de Webhook.</em></p></figcaption></figure>

## Adicionando o 'Webhook URL' com o *access\_token*.

No campo 'Webhook URL', insira o link do webhook gerado na Sprinthub, disponível no lado esquerdo da página. Em seguida, adicione o `access_token` como um parâmetro de consulta (query param) utilizando o caractere `&`. O link terá o seguinte formato:

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

<figure><img src="/files/jLXiTBP8cwKyssCPlxhH" alt=""><figcaption><p><em>URL dentro da Sprinthub.</em></p></figcaption></figure>

<figure><img src="/files/cblYNDEpYi36v5z6O3vX" alt=""><figcaption><p><em>Campo para inserir o URL no Elementor.</em></p></figcaption></figure>

## Configurando Criação Automática de Leads

Por fim, na seção 'Criação Automática de Leads', ative a opção 'Habilitar criação automática?'. Certifique-se de que os campos do lead estejam devidamente mapeados para corresponder aos dados recebidos pelo webhook. Após salvar e fechar, o webhook estará configurado para cadastrar leads diretamente da sua plataforma WordPress com Elementor.

<figure><img src="/files/JAiQxAV10Sn4cQhc1JlM" alt=""><figcaption><p><em>Aba Criação Automática de Leads.</em></p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.sprinthub.com/topicos/analisar/webhooks-integrados/webhooks-integrados-duvidas-comuns/webhooks-integrados-criando-leads-atraves-do-elementor-forms.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.