Skip to main content
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

1

Instale o plugin Elementor

Adicione o plugin Elementor ao seu WordPress.
2

Configure a página com formulário Elementor

3

Defina os campos do formulário

Use no máximo 3 campos: nome, e-mail e telefone.
Qualquer campo que não esteja na documentação Morada vai ocasionar em erro na integração.
4

Defina os IDs corretos de cada campo

Siga a documentação Morada.
5

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.
6

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:
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.
}
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.
Qualquer dúvida, entre em contato com nosso suporte!