Com o Merlin você consegue direcionar o seu usuário para uma página específica ao fim da execução do chatbot. Direcione para uma página de "Obrigado", "Inscrição confirmada" ou até para o WhatsApp de seu atendente.
Porém, antes de irmos ao passo a passo, veja como projetamos nosso bot de exemplo para esse tutorial:
Atente-se apenas para o componente Código javascript ao fim do fluxo, ele é o responsável por executar a ação de redirecionar o seu usuário.
Aqui está o código utilizado:
window.top.postMessage(
{
event_id: "redirect_merlin",
url: "<https://wa.me/5511987654321>"
},
"*"
)
Troque *https://wa.me/5511987654321* pelo link desejado de redirecionamento. Caso queira manter o direcionamento para o WhatsApp, apenas altere o número 11987654321.
Agora vamos precisar adicionar um código javascript dentro do seu próprio site. Procure a tag <head> e adicione o seguinte código dentro dela:
<script>
window.addEventListener("message", (event) => {
if (!event.data.event_id || event.data.event_id !== "redirect_merlin")
return;
window.location.href = event.data.url;
}, false);
</script>
Para testar, acesse o seu bot e siga o fluxo:
8a84f590-c983-4f0c-a47e-1ad40fe47865.webm
Obs.: no vídeo o click do mouse acontece um pouco acima do botão "Sim!”, mas isso é um bug na ferramenta que grava a tela