Como criar um formulário Fly-out usando o Contlo

Criando um formulário fly-out envolvente com o Contlo

Introdução

Em nosso tutorial anterior, discutimos como criar um formulário pop-up interativo usando o Contlo. Desta vez, vamos explorar outra maneira envolvente de coletar dados de clientes: o formulário fly-out. Esse tipo de formulário é uma excelente ferramenta para engajar visitantes do site e coletar dados importantes sem interromper sua experiência de navegação. Vamos nos aprofundar no processo de criação de um formulário fly-out no Contlo.

Criando um formulário fly-out do zero

Começando com o formulário Fly-out

Para começar, você precisa selecionar «Fly-out» em vez de «Pop-up» ao criar um formulário do zero. Dentro do construtor de formulários, o primeiro passo é definir o estilo do formulário. O Contlo oferece uma opção para posicionar o formulário fly-out em qualquer lugar da tela. Para o nosso tutorial, posicionaremos o formulário no canto inferior direito e ajustaremos seu tamanho para grande.

Escolhendo o layout e adicionando elementos

Semelhante ao formulário pop-up, você pode selecionar um layout e adicionar uma imagem. Desta vez, vamos escolher um layout de imagem no lado direito. Em seguida, adicione mais campos usando o construtor de formulários de arrastar e soltar.

Incorporando um bloco de desconto

Ao contrário do formulário pop-up, onde usávamos um bloco de cronômetro, agora integraremos um bloco de desconto. Este recurso permite exibir um código de desconto exclusivo para os usuários. Basta selecionar o bloco de desconto, alterar o tipo de cupom para dinâmico e atribuir um valor percentual de 50. Esta configuração oferecerá um cupom de desconto exclusivo de 50% ao usuário após o envio bem-sucedido do formulário.

Configurações avançadas de segmentação e comportamento

Exibindo formulário com base no comportamento do usuário

No Contlo, você pode definir quando exibir seu formulário flutuante com base no comportamento do usuário. Por exemplo, você pode configurar o formulário para ser exibido após o visitante rolar a página além de uma determinada porcentagem. Neste exemplo, definiremos a configuração de exibição para 40%. Esse recurso intuitivo permite que os visitantes continuem rolando a página sem precisar fechar o formulário.

Configurando as configurações do teaser

Outra prática popular é configurar seu formulário flutuante como um teaser. Para isso, navegue até a aba «Comportamento» e ative o botão «Teaser». Essa configuração abrirá o formulário assim que o visitante clicar em um blob flutuante que pode ser posicionado em qualquer lugar da tela. O Contlo também oferece vários estilos base para o blob, personalizáveis para se adequar ao estilo da sua marca.

Conclusão

Criar um formulário fly-out bonito e eficaz é simples e rápido com o Contlo. As inúmeras opções de personalização e as configurações avançadas de segmentação da plataforma a tornam uma excelente ferramenta para capturar dados de clientes, mantendo uma experiência de navegação intuitiva. No nosso próximo tutorial, vamos nos aprofundar na criação de formulários incorporados. Fique ligado!