Este guia tem como objetivo explicar como integrar a assistente virtual Morada ao formulario da sua Landing Page.
Tutorial em video
Passo a passo
- Adicione o plugin Elementor.
- Configure uma pagina para utilizar formularios por meio da edicao do Elementor.
- 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.
- Defina os ids corretos de cada campo conforme a documentacao Morada.
- 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.
- Apos finalizar a configuracao do formulario, entre na edicao de plugins ou temas do seu WordPress.
- Encontre o arquivo functions.php.
- 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!