Nota
Essas informações são específicas do Editor 2.0, anteriormente conhecido como Editor All-Flex. Para identificar sua versão atual do editor, vejaComo identificar a versão do editor que seu site usa .
O widget Formulários Avançados permite que você crie formulários personalizados que impulsionam o engajamento e a conversão e se integrem perfeitamente ao design do seu site. Por exemplo, você pode criar um formulário para coletar informações sobre clientes em potencial, coletar feedback de clientes ou oferecer o registro de contas e eventos. Você pode até mesmo dividir formulários longos ou complexos em várias etapas para uma experiência de formulário mais suave e focada que ajuda a aumentar as taxas de conclusão
Veja a seguir alguns benefícios de usar o widget Formulários Avançados:
-
Flexibilidade de design. Adicione widgets e colunas internas para realmente personalizar o design do formulário
-
Lógica condicional. Permite que o formulário se adapte e exiba/oculte determinados campos com base nas respostas anteriores do usuário
-
Mensagens personalizadas. Escreva mensagens personalizadas de sucesso e erro adaptadas à sua empresa
-
Configurações de envio. Defina quem recebe uma cópia dos envios do formulário e configure para onde os visitantes serão redirecionados após o envio do formulário
-
Acompanhamento de envios. Visualize facilmente as respostas do formulário no editor e no painel do site.
Limitações
A seguir estão as limitações atuais:
-
Os campos de entrada e o botão de envio devem permanecer dentro do contêiner do formulário.
-
O botão de envio não pode ser excluído nem duplicado.
Para uma visão geral rápida e uma demonstração do widget Formulários Avançados, confira o vídeo a seguir:
Ao criar um formulário avançado, você pode personalizar o design com colunas e widgets internos e, em seguida, personalizar a funcionalidade com campos de entrada, etapas e lógica condicional.
Para criar um formulário avançado:
-
Pesquisar por Formulários avançados, depois arraste-o e solte-o na tela.
-
Arraste e solte colunas e widgets internos do Elemento painel conforme necessário para alcançar o design desejado.
-
Arraste e solte os campos de entrada em seu formulário a partir do Formulário seção do painel Element.
Campos de entrada disponíveis: texto curto, texto longo, caixa de seleção, botão de opção, campo opcional, menu suspenso, número de telefone, data, hora, upload do arquivo, número e e-mail.
-
Clique em um campo de entrada para abrir a barra flutuante e clique em Conteúdo. Conforme aplicável, configure o título do campo, o texto do espaço reservado, as opções e se o campo é obrigatório para enviar o formulário. Repita o procedimento para cada campo que você adicionou ao formulário.
-
(Opcional) Adicione etapas ao seu formulário seguindo as instruções na Adicionar etapas a um formulário avançado seção. Observe que cada etapa é colocada em uma nova página dentro do formulário.
-
(Opcional) Adicione lógica condicional ao seu formulário seguindo as instruções na Adicione lógica condicional a um formulário avançado seção.
-
Defina as configurações de envio de formulários seguindo as instruções na Defina as configurações de envio para um formulário avançado seção.
Você pode criar um formulário de várias etapas em que cada etapa aparece em uma página separada.
Para adicionar etapas:
-
Clique no widget Formulários avançados para abrir o menu flutuante e clique em Etapas.
-
Clique +Adicionar etapa para cada etapa que você precisa. Arraste e solte as etapas na ordem desejada.
-
Clique no ícone de três pontos ao lado da etapa para renomear, duplicado, ou deletar a etapa. A duplicação de uma etapa preserva o layout da etapa original, economizando tempo ao criar várias
lógica condicional permite que você defina regras que controlam o comportamento de um formulário com base no que o usuário insere. O formulário usa a lógica if/then para se adaptar às respostas anteriores do usuário, fazendo com que os campos apareçam, desapareçam ou se tornem
Para saber mais sobre quando a lógica condicional pode ser útil, consulte Casos de uso para lógica condicional.
Notas importantes:
-
Se você excluir um campo que faz parte de uma regra lógica condicional, a lógica será interrompida e o formulário não funcionará corretamente. Uma mensagem de erro “Problema lógico” também aparece ao lado da regra.
-
Campos ou etapas do formulário que usam lógica condicional não podem ser duplicados.
Para adicionar lógica condicional:
-
Clique no widget Formulários avançados para abrir o menu flutuante e clique em Configurações.
-
Clique no Lógica aba na Gerenciar formulário diálogo.
-
Clique + Adicionar regra.
-
Insira um nome de regra. Isso só é visível internamente e não é exibido para os usuários do site
-
Para o SE parte da regra, use os menus suspensos para selecionar um campo do formulário, como a condição* é definida e, se aplicável, qual deve ser o valor para que a condição seja atendida e acionar a parte THEN da regra.
*Dependendo do tipo de campo selecionado, as condições disponíveis incluem: é igual a, não é igual a, está vazio, não está vazio, contém, não contém, começa com, não começa com, termina com e não termina com.
-
Para o ENTÃO parte da regra, use os menus suspensos para selecionar a ação* que ocorre quando a condição IF é atendida e a qual campo do formulário a ação é aplicada.
*As ações disponíveis incluem: mostrar, ocultar, tornar opcional ou tornar obrigatório.
-
Clique Salvar.
lógica condicional é uma ferramenta poderosa que permite adaptar os campos do formulário em tempo real com base nas respostas anteriores do usuário. A seguir estão os casos de uso para vários setores.
Captura de leads imobiliários
Uma empresa imobiliária usa um formulário avançado para capturar leads. Para garantir que os agentes recebam leads qualificados, a seguinte lógica condicional pode ser adicionada ao formulário
-
Se “comprar” for selecionado, mostre os campos que perguntam sobre orçamento e área preferida.
-
Se “vender” for selecionado, mostre os campos que perguntam sobre o tipo de propriedade e o valor estimado.
-
Se a opção “alugar” for selecionada, mostre os campos que perguntam sobre datas de mudança.
Serviços para animais de estimação
Uma empresa que oferece serviços para animais de estimação (como higiene, veterinária ou treinamento) permite que os clientes marquem consultas por meio de um formulário avançado. Para oferecer uma experiência mais personalizada ao cliente, a seguinte lógica condicional pode ser aplicada ao formulário
-
Se “cachorro” for selecionado como o tipo de animal de estimação, mostre os campos que perguntam sobre idade e sexo.
-
Se “gato” for selecionado como o tipo de animal de estimação, mostre os campos que perguntam sobre o status interno ou externo do gato.
-
Se solicitar uma consulta de higiene, mostre os campos que perguntam sobre o tipo de pelagem do animal.
-
Se solicitar uma consulta de treinamento, mostre os campos que perguntam sobre questões comportamentais.
Use campos ocultos para coletar informações adicionais sobre o remetente do formulário, como dados de rastreamento, identificadores de campanha e valores de roteamento de CRM. Os campos ocultos não são visíveis para o visitante do site e não precisam ser preenchidos manualmente, mas são incluídos no envio do formulário.
Campos ocultos disponíveis:
-
Metadados coletados automaticamente. Registra metadados que seu site já rastreia
-
Parâmetro de URL. Registra valores do URL com o qual o visitante chegou, como um ID de campanha publicitária.
-
Valor estático. Registra um valor fixo por formulário.
-
Vinculação dinâmica de dados. Registra valores da página atual em que o formulário está. Isso pode ser útil quando o formulário está em uma página dinâmica, como a página de um produto da loja.
-
Personalizado (JS). Registra um valor personalizado.
Para adicionar um campo oculto:
-
Clique no Formulário Avançado para abrir a barra flutuante e clique em Configurações.
-
Na Gerenciar formulário pop-up, clique em Campos ocultos.
-
Clique + Nova fonte de valore selecione uma das seguintes opções:
-
Metadados coletados automaticamente
-
Parâmetro de URL
-
Valor estático
-
Vinculação dinâmica de dados
-
Personalizado (JS)
-
-
Dependendo da fonte selecionada, use o Valor menu suspenso ou Valor campo de texto para inserir um valor.
Para Personalizado (JS), clique em Abra o modo de desenvolvimento. Revise e edite o código adicionado e clique em Salvar.
-
Digite um Nome de exibição. O nome de exibição aparece na tabela de envio do formulário como o nome da coluna para os dados.
-
Clique Salvar.
Nas configurações de envio do formulário, você adiciona um nome ao formulário, configura os e-mails enviados ao proprietário do site e ao visitante do site que enviou o formulário e, opcionalmente, redireciona os visitantes do site para uma página específica ou site externo após o envio do formulário.
Para definir as configurações de envio:
-
Clique no widget Formulários avançados para abrir a barra flutuante e clique em Configurações.
-
Na Configurações aba do Gerenciar formulário caixa de diálogo, expanda as várias seções e configure o seguinte:
-
Nome do formulário. Digite um nome para o formulário. Esse nome só é visível internamente. Recomendamos dar a cada formulário um nome diferente para que seja fácil distinguir os formulários ao visualizar as respostas do formulário.
-
Enviado de. Digite um nome. Por padrão, esse campo exibe o nome da sua empresa ou o domínio do site.
-
Linha de assunto do e-mail. Insira uma linha de assunto.
-
Notifique por e-mail para. Insira um endereço de e-mail nesse campo. Se estiver inserindo vários e-mails, separe com um espaço ou clique na tecla Enter.
-
(Opcional) Verifique o Use o e-mail da biblioteca de conteúdo caixa de seleção para que os envios do formulário sejam enviados para o e-mail listado na biblioteca de conteúdo.
-
-
(Opcional) Habilite o Resposta automática ao remetente do formulário ative se quiser que os visitantes do site recebam uma cópia de suas respostas por e-mail. O e-mail é enviado assim que o visitante do site envia o formulário. Se ativado, você precisará configurar os campos Enviado de, Linha de assunto do e-mail e Mensagem de e-mail.
-
(Opcional) No Configurações após o envio seção, clique Redirecionar para uma página após o envio para selecionar a página do site existente ou o URL externo para o qual os visitantes do site são direcionados após o envio. Se ativado, ele ignora a mensagem de sucesso
-
Você pode visualizar os envios de formulários no editor ou no painel do projeto, no entanto, as respostas do formulário só podem ser baixadas do painel do projeto.
Editor
Para visualizar os envios de formulários no editor, clique em Mais no painel lateral e, em seguida, selecione Configurações. Clique no Gerenciar respostas de formulários aba.
Painel do projeto
Para ver as respostas no painel do projeto, navegue até a lista de sites e clique no ícone do painel do projeto ao lado do site desejado. Visão geral do projeto seção, clique Respostas do formulário. Se você precisar baixar as respostas do formulário, clique em Exportar para CSV.
Atualmente, o widget Advanced Forms oferece integrações com Zapier, Google, MailChimp, HubSpot, Albato e ActiveCampaign.
Para visualizar as integrações disponíveis, clique no widget Formulários avançados para abrir o menu flutuante e clique em Configurações. Clique no Integração guia para ver as integrações disponíveis. Clique na integração desejada e siga as instruções na tela
Nota
Os usuários devem ter Gerenciamento gratuito de aplicativos permissão para adicionar integrações. Se um usuário não tiver a permissão, a seção Integração ficará vazia.
O widget Formulários Avançados oferece maior flexibilidade de design e opções de personalização, enquanto o widget Formulário de Contato oferece um design mais básico e menos opções de personalização.
A seguir está uma comparação de recursos maiores:
|
Característica |
Widget de formulário de contato |
Widget de formulários avançados |
|---|---|---|
|
Adicione e organize widgets |
Não |
Sim Você pode adicionar quaisquer widgets e elementos flexíveis ao contêiner do Formulário Avançado. |
|
Campos de widget exclusivos |
Não |
Sim Cada campo no Formulário Avançado é um widget separado, que permite criar cada campo individualmente. |
|
Mensagens personalizadas de sucesso e erro |
Não |
Sim Escreva e crie mensagens personalizadas de sucesso e erro para envios de formulários. |
|
Formulário de várias etapas |
Não |
Sim |
|
Lógica condicional |
Não |
Sim |
|
Integrações |
Sim |
|
|
Campos de formulário disponíveis |
Texto, menu suspenso, botão de rádio, caixas de seleção, anexo de arquivo, data, hora, texto longo, clique para enviar e-mail, número de telefone, opt-in, número e texto livre. |
Botão de rádio, e-mail, texto curto, texto longo, opt-in, número, número de telefone, caixa de seleção, data, upload do arquivo, hora e menu suspenso. |
Para editar mensagens do formulário:
-
Clique no widget Formulários avançados para abrir a barra flutuante e clique em Etapas.
-
Clique em qualquer Sucesso ou Erro. Na tela, o widget agora exibe o texto padrão para a mensagem de sucesso ou erro, em vez das etapas ou campos do formulário
-
Clique no widget de texto que contém a mensagem de erro ou sucesso e edite o texto e o design conforme desejado. Você também pode adicionar widgets adicionais ou colunas internas nessa visualização
Para enviar aos visitantes do site uma cópia das respostas do formulário:
-
Clique no widget Formulários avançados para abrir a barra flutuante e clique em Configurações.
-
Expanda o Notificação por e-mail para o visitante do site seção.
-
Ative o botão ao lado de Resposta automática ao remetente do formulário. Em seguida, configure os campos Enviado de, Linha de assunto do e-mail e Mensagem de e-mail.
Sim Para receber um e-mail quando o formulário for enviado, você precisa adicionar o endereço de e-mail do destinatário desejado no painel de conteúdo do formulário.
Para enviar um e-mail quando um visitante envia um formulário:
-
Clique no widget Formulários avançados para abrir a barra flutuante e clique em Configurações.
-
Na Configurações de envio aba, role para baixo e expanda o Notificações por e-mail para o proprietário do site seção.
-
Insira um e-mail no Notifique por e-mail para: campo. Se estiver inserindo vários e-mails, separe com um espaço ou clique na tecla Enter. Ou, verifique o Use o e-mail da biblioteca de conteúdo caixa para que os envios do formulário sejam enviados para o e-mail listado na biblioteca de conteúdo.
Para ocultar o título de um campo:
-
Clique no campo de entrada desejado para abrir a barra flutuante e clique em Conteúdo.
-
Clique no ícone do olho ao lado do título do campo de entrada. O olho fica riscado quando o título do campo está oculto