Como configurar um formulário pop-up personalizado
Você pode criar um pop-up, selecionar o tipo de elemento que deseja incluir, coletar as informações necessárias e salvá-las em suas variáveis para posterior segmentação e interações personalizadas.
Vamos ver como criar e configurar um formulário personalizado.
Crie um novo pop-up ou comece a editar um existente. No campo "Ação alvo", selecione "Formulário personalizado".
Configurar campos
Por padrão, qualquer formulário personalizado já possui um campo de entrada. Se você deseja adicionar outro elemento, pode pular esta etapa e excluir o campo de entrada.
Selecione um tipo de dado
Para selecionar o tipo de dado que deseja transferir, clique em {}, e selecione um campo existente ou crie um novo.
Se você deseja criar um novo campo, insira seu nome — ele será exibido no espaço reservado — e selecione um tipo de dado.
| Texto | Utilizado para inserir até 255 caracteres. |
| Número | Utilizado para inserir números. |
Usado para inserir endereços de e-mail, como example@example.com. |
|
| Telefone | Usado para inserir números de telefone. Recomendamos usar o formato internacional com um código de país. |
Você também pode incluir um título adicional que será exibido acima do campo. Ative a alternância e insira seu título.
Definir requisitos de campo
Selecione o tipo do seu campo.
| Obrigatório | Os dados do usuário só podem ser enviados depois que o usuário preencher todos os campos obrigatórios. Um campo desse tipo será marcado com um asterisco (*) para informar aos usuários que ele é obrigatório. |
| Opcional | Os dados do usuário podem ser enviados sem preencher os campos opcionais. |
Vincular com uma variável
Você pode pré-preencher automaticamente os campos do pop-up para conveniência do usuário. Os dados do pop-up serão adicionados por meio do Armazenamento Local e Cookies (para recuperar dados do armazenamento local do navegador do usuário) ou por meio de API (para recuperar dados do seu sistema) e transferidos depois que um usuário enviar um formulário.
Ao lado do campo, clique em {}, e selecione uma variável que você criou nas configurações do pop-up.
Saiba mais: Como transferir variáveis personalizadas.
Você também pode esconder campos se eles estiverem previamente preenchidos com valores de variáveis. Por exemplo, se os usuários já fizeram o login no seu site, você não precisa pedir por essa informação uma segunda vez.
Por padrão, se seu sistema ou usuários tem valores disponíveis para variáveis, seu widget automaticamente insere esses valores nos campos. Seus usuários podem visualizá-los e editá-los e enviar o formulário depois.
Se você ativar a opção "Ocultar esse campo se pré-preenchido", seus campos pré-preenchidos serão ocultados dos usuários, e seus valores serão transferidos quando um usuário enviar seu formulário.
Inserir elementos adicionais
Para adicionar outros elementos ao seu pop-up, clique em Adicionar elemento e selecione um tipo de elemento.
Você pode adicionar até 5 elementos a um único pop-up. Para exibir mais informações ou coletar mais dados, recomendamos que você crie fluxos de pop-up.
Você pode adicionar e configurar os elementos descritos na tabela abaixo.
| Campo de entrada |
Um campo onde os usuários podem fornecer seus dados. Ao criar um novo campo, você pode adicionar um nome de campo e selecionar os seguintes tipos de dados: texto, número, e-mail ou telefone. Os pontos de dados serão transferidos para as variáveis vinculadas da mesma maneira como foram coletados dos usuários. |
| Caixa de entrada |
Um elemento onde os usuários podem marcar uma caixa. Por exemplo: "Eu concordo com o processamento de dados pessoais". Quando um usuário seleciona uma caixa, o texto do campo será transferido para uma variável do tipo "Texto". |
| *Seleção múltipla |
Um elemento onde os usuários podem marcar várias caixas. Por exemplo: "Eu concordo com o processamento de dados pessoais" e "Eu concordo em receber campanhas por e-mail". Os pontos de dados são armazenados em uma variável compartilhada como um array. Para cada campo, adicione um texto que os usuários verão e selecione um valor que será transferido para uma variável do CRM. |
| *Menu suspenso |
Um elemento onde os usuários podem selecionar um item de uma lista. Por exemplo, uma categoria de campanha que eles gostem. Para cada campo, adicione um texto que os usuários verão e selecione um valor que será transferido para uma variável do CRM. |
| *Botões de opção |
Um elemento onde os usuários podem selecionar um valor de uma lista usando um botão de rádio. Para cada campo, adicione um texto que os usuários verão e selecione um valor que será transferido para uma variável do CRM. |
| Pesquisa NPS |
Um elemento onde os usuários podem avaliar um serviço ou produto usando botões. Você pode exibir suas opções de classificação como estrelas, emojis, corações ou números. Você também pode adicionar um campo onde os usuários podem inserir seus comentários. Os dados serão salvos em uma variável dependendo do formato selecionado. |
| Abrir pop-up |
Um elemento que abre outro pop-up para criar um fluxo de pop-up. Você pode selecionar outro pop-up e adicionar um nome para um botão que abre este pop-up. Saiba mais: Como criar cenários de fluxo de pop-up.. |
Ao adicionar várias opções (nos elementos "Seleção múltipla", "Menu suspenso" e "Botões de opção"), você pode deixar uma opção em branco ou marcá-la para solicitar aos usuários que a selecionem.
Configurar a ordem dos elementos
Para alterar a ordem em que seus campos ou elementos são exibidos, passe o mouse sobre o ícone à esquerda e arraste-o para o local necessário.
Configurar um botão
Quando os usuários clicarem no botão de envio, seus dados serão transferidos do formulário preenchido para a seção "Lead", serviço de e-mail e sistema CRM, desde que você tenha configurado as opções correspondentes.
Recomendamos que você considere o tamanho do seu pop-up e crie um nome claro e conciso para o botão de chamada para ação.
Configurar opções adicionais
Você também pode configurar opções adicionais do pop-up ou selecionar onde salvar os dados dos seus assinantes. Ative a alternância correspondente e configure seus elementos.
| Abrir este pop-up ao clicar no launcher | Abre o pop-up selecionado assim que um usuário clicar no lançador.
Saiba mais: Como abrir um pop-up launcher. |
| Solicitar confirmação de assinatura |
Envia um e-mail de confirmação assim que um usuário preenche seu campo de endereço de e-mail. Os dados serão transferidos somente depois que um usuário confirmar sua assinatura (double-opt-in). Você pode selecionar um e-mail dentre os criados nas configurações da ferramenta de assinatura e adicionar uma mensagem que será exibida assim que um usuário enviar seu formulário. |
| Salvar em uma lista de endereçamento | Salva dados em sua lista de endereçamento selecionada. O nome de uma variável será recuperado de um espaço reservado ou elemento, e um valor será recuperado de um campo preenchido ou de um elemento de pop-up selecionado por um usuário. |
| Criar um negócio no CRM |
Salva dados como um negócio e contato em seu sistema CRM. Você pode selecionar um pipeline, inserir um nome de negócio e escolher um estágio de negócio. Quando os pontos de dados do contato forem salvos em seu sistema CRM, novos campos de contato serão criados. |
Configurar condições de exibição e publicar seu pop-up
Vá para a guia "Condição de Exibição" para personalizar o cenário de exibição do seu pop-up com base nas ações do usuário no seu site. Você pode adicionar várias condições usando os operadores de ligação "Ou" ou "E" e selecionar a ordem de execução delas.
Saiba mais: Tipos de condição.
Depois de configurar todas as suas condições, clique em Salvar e publicar.
Os pop-ups criados serão exibidos dentro do seu projeto na guia “Pop-ups”.
Última Atualização: 30.11.2023
ou