Skip to main content
Este guia tem como objetivo explicar como integrar a assistente virtual Morada ao formulario da sua Landing Page.

Tutorial em video

Passo a passo

  1. Adicione o plugin Elementor.
  2. Configure uma pagina para utilizar formularios por meio da edicao do Elementor.
  3. Defina seu formulario para ter no maximo 3 campos (nome, e-mail, telefone).
Qualquer campo que nao esteja na documentacao Morada vai ocasionar em erro na integracao.
  1. Defina os ids corretos de cada campo conforme a documentacao Morada.
  2. Crie os campos ocultos:
    • Message Template: O valor padrao deve ser definido com o nome do modelo de mensagem que foi cadastrado no Meta Business WhatsApp.
    • Source: O valor padrao pode ser a URL do seu site, ou algum outro valor que exiba claramente de onde o usuario veio.
  3. Apos finalizar a configuracao do formulario, entre na edicao de plugins ou temas do seu WordPress.
  4. Encontre o arquivo functions.php.
  5. Por fim, cole o codigo a seguir no final do seu codigo e clique em “Atualizar”:
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 pagina de teste para evitar alteracoes na pagina principal. Quando estiver seguro com a integracao, faca a migracao para a versao definitiva.
Qualquer duvida, entre em contato com nosso suporte!