# 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: 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/topicos/analisar/webhooks-integrados/webhooks-integrados-duvidas-comuns/webhooks-integrados-criando-leads-atraves-do-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.