> ## Documentation Index
> Fetch the complete documentation index at: https://docs.morada.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Integração Morada ao seu Wordpress

> Como integrar a assistente virtual Morada ao formulário da sua Landing Page no WordPress usando Elementor.

Este guia tem como objetivo explicar como integrar a assistente virtual Morada ao formulário da sua Landing Page.

## Tutorial em video

## Passo a passo

<Steps>
  <Step title="Instale o plugin Elementor">
    Adicione o plugin [Elementor](https://br.wordpress.org/plugins/elementor/) ao seu WordPress.
  </Step>

  <Step title="Configure a página com formulário Elementor" />

  <Step title="Defina os campos do formulário">
    Use no máximo 3 campos: nome, e-mail e telefone.

    <Warning>
      Qualquer campo que não esteja na documentação Morada vai ocasionar em erro na integração.
    </Warning>
  </Step>

  <Step title="Defina os IDs corretos de cada campo">
    Siga a [documentação Morada](https://docs.morada.ai/).
  </Step>

  <Step title="Crie os campos ocultos">
    * **Message Template**: nome do modelo de mensagem cadastrado no Meta Business WhatsApp.
    * **Source**: URL do seu site ou valor que identifique a origem do usuário.
  </Step>

  <Step title="Cole o código no functions.php e clique em Atualizar">
    Acesse a edição de plugins ou temas do WordPress, encontre o arquivo **functions.php** e cole o código abaixo no final:

    ```php theme={null}
    add_action( 'elementor_pro/forms/new_record', 'my_custom_form_submission', 10, 2 );
    function my_custom_form_submission( $record, $handler ) {
        // Pega todos os campos do formulario
        $raw_fields = $record->get( 'fields' );
        $data = [];
        foreach ( $raw_fields as $id => $field ) {
            $data[$id] = $field['value'];
        }

        // URL do seu Webhook
        $url = 'https://mia-integration.morada.ai/api/v1/[SEU_CODIGO]/deal';

        // Envio dos dados em JSON
        $response = wp_remote_post( $url, [
            'headers' => [
                'Content-Type' => 'application/json'
            ],
            'body' => json_encode($data),
        ]);

        // Aqui voce pode verificar $response se quiser logar ou tratar erros.
    }
    ```

    <Tip>
      Sempre realize testes antes de publicar. Se for sua primeira vez configurando, use uma página de teste para evitar alterações na página principal.
    </Tip>
  </Step>
</Steps>

<Note>
  Qualquer dúvida, entre em contato com nosso suporte!
</Note>