Observação
Esta informação é específica para o Editor 2.0, anteriormente conhecido como All-Flex Editor. Para identificar a versão atual do seu editor, consulte Como identificar a versão do editor que seu site utiliza .
O widget Formulários Avançados permite criar formulários personalizados que impulsionam o engajamento e a conversão, integrando-se perfeitamente ao design do seu site. Por exemplo, você pode criar um formulário para coletar informações sobre clientes em potencial, reunir feedback de clientes ou oferecer cadastro de conta e inscrição em eventos. Você pode até dividir formulários longos ou complexos em várias etapas para uma experiência de preenchimento mais fluida e focada, o que ajuda a aumentar as taxas de conclusão.
A seguir estão alguns benefícios de usar o widget Formulários Avançados:
-
Flexibilidade de design. Adicione widget e colunas internas para personalizar ainda mais o design do formulário.
-
Lógica condicional. Permite que o formulário se adapte e mostre/oculte determinados campos com base nas respostas anteriores do usuário.
-
Mensagens personalizadas. Escreva mensagens de sucesso e erro personalizadas e adequadas ao seu negócio.
-
Configurações de envio. Defina quem receberá uma cópia dos formulários enviados e configure para onde os visitantes serão redirecionados após o envio do formulário.
-
Rastreamento de envio. Visualize facilmente as respostas do formulário tanto no editor quanto no painel de controle do site.
Limitações
A seguir, as limitações atuais:
-
Tanto os campos de entrada quanto 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 ou duplicado.
Para uma visão geral rápida e 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 internas e widget e, em seguida, personalizar a funcionalidade com campos de entrada, etapas e lógica condicional.
Para criar um formulário avançado:
-
Procure por "Formulários Avançados" e, em seguida, arraste e solte-o na tela.
-
Arraste e solte as colunas internas e widget do painel Elementos conforme necessário para obter o design desejado.
-
Arraste e solte os campos de entrada no seu formulário a partir da seção Formulário do painel Elemento.
Campos de entrada disponíveis: texto curto, texto longo, caixa de seleção, botão de opção, campo de adesão, lista suspensa, número de telefone, data, hora, upload de arquivo, número e e-mail.
-
Clique em um campo de entrada para abrir a barra flutuante e, em seguida, clique em Conteúdo. Conforme aplicável, configure o título do campo, o texto de exemplo, as opções e se o campo é obrigatório para enviar o formulário. Repita o processo para cada campo que você adicionou ao formulário.
-
(Opcional) Adicione etapas ao seu formulário seguindo as instruções na seção Adicionar etapas a um formulário avançado . 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 seção Adicionar lógica condicional a um formulário avançado .
-
Configure as definições de envio de formulários seguindo as instruções na secção "Configurar as definições de envio para um formulário avançado" .
Você pode criar um formulário com várias etapas, onde cada etapa aparece em uma página separada.
Para adicionar etapas:
-
Clique no widget Formulários Avançados para abrir o menu flutuante e, em seguida, clique em Etapas.
-
Clique em +Adicionar etapa para cada etapa necessária. Arraste e solte os passos na ordem desejada.
-
Clique no ícone de três pontos ao lado da etapa para renomeá-la, duplicá-la ou excluí- la. Duplicar uma etapa preserva o layout da etapa original, economizando tempo ao criar várias etapas.
A lógica condicional permite definir regras que controlam o comportamento de um formulário com base no que o usuário insere. O formulário utiliza lógica condicional (if/then) para se adaptar às respostas anteriores do usuário, fazendo com que os campos apareçam, desapareçam ou se tornem obrigatórios.
Para saber mais sobre quando a lógica condicional pode ser útil, consulte Casos de uso da lógica condicional.
Observações importantes:
-
Se você excluir um campo que faz parte de uma regra de lógica condicional, a lógica será interrompida e o formulário não funcionará corretamente. Uma mensagem de erro "Problema de lógica" também aparece ao lado da regra.
-
Campos ou etapas de formulário que utilizam 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, em seguida, clique em Configurações.
-
Clique na guia Lógica na caixa de diálogo Gerenciar Formulário .
-
Clique em + Adicionar regra.
-
Insira o nome da regra. Isso só é visível internamente e não é exibido para os usuários do site.
-
Na parte "SE" da regra, use os menus suspensos para selecionar um campo do formulário, como a condição* é definida e, se aplicável, qual o valor necessário para que a condição seja atendida e acione a parte "ENTÃO" da regra.
*Dependendo do tipo de campo selecionado, as condições disponíveis incluem: é igual a, é diferente de, 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.
-
Na parte "ENTÃO" da regra, use os menus suspensos para selecionar a ação* que ocorre quando a condição "SE" é 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 em Salvar.
A lógica condicional é uma tool poderosa que permite adaptar os campos de um formulário em tempo real com base nas respostas anteriores do usuário. A seguir, apresentamos casos de uso para diversos setores.
Captura de leads imobiliários
Uma empresa imobiliária utiliza um formulário avançado para captar potenciais clientes. Para garantir que os agentes recebam leads qualificados, a seguinte lógica condicional pode ser adicionada ao formulário:
-
Se a opção "comprar" for selecionada, mostre os campos que perguntam sobre o orçamento e a área de preferência.
-
Se a opção "venda" for selecionada, mostre os campos que perguntam sobre o tipo de imóvel e o valor estimado.
-
Se a opção "alugar" for selecionada, mostre os campos que perguntam sobre as datas de mudança.
Serviços Pet
Uma empresa que oferece serviços para animais de estimação (como banho e tosa, veterinário ou adestramento) permite que os clientes agendem consultas por meio de um formulário online. Para proporcionar uma experiência mais personalizada ao cliente, a seguinte lógica condicional pode ser aplicada ao formulário:
-
Se "cachorro" for selecionado como tipo de animal de estimação, mostre os campos que perguntam sobre idade e sexo.
-
Se "gato" for selecionado como tipo de animal de estimação, mostre os campos que perguntam se o gato vive dentro ou fora de casa.
-
Ao solicitar um agendamento de banho e tosa, mostre campos que perguntem sobre o tipo de pelagem do animal.
-
Ao solicitar um agendamento de treinamento, mostre os campos que perguntam sobre preocupações comportamentais.
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 que enviou o formulário e, opcionalmente, redireciona os visitantes para uma página específica ou um site externo após o envio do formulário.
Para configurar as opções de envio:
-
Clique no widget Formulários Avançados para abrir a barra flutuante e, em seguida, clique em Configurações.
-
Na guia Configurações da caixa de diálogo Gerenciar Formulário , expanda as diversas seções e configure o seguinte:
-
Nome do formulário. Digite um nome para o formulário. Este nome só é visível internamente. Recomendamos atribuir um nome diferente a cada formulário para facilitar a distinção entre eles ao visualizar as respostas.
-
Enviado de. Digite um nome. Por padrão, este campo exibe o nome da sua empresa ou o domínio do seu site.
-
Assunto do e-mail. Digite um assunto.
-
Notificar por e-mail para. Insira um endereço de e-mail neste campo. Se for inserir vários e-mails, separe-os com um espaço ou clique na tecla Enter.
-
(Opcional) Marque a caixa de seleção " Usar e-mail da biblioteca de conteúdo" para que os envios do formulário sejam enviados para o e-mail listado na biblioteca de conteúdo.
-
-
(Opcional) Ative a opção "Responder automaticamente ao remetente do formulário " se desejar 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 submete o formulário. Se estiver habilitado, você precisará configurar os campos "Enviado de", "Assunto do e-mail" e "Mensagem do e-mail".
-
(Opcional) Na seção Configurações após o envio , clique em Redirecionar para uma página após o envio para selecionar a página existente do site ou o URL externo para o qual os visitantes do site serão direcionados após o envio. Se ativada, essa opção ignora a mensagem de sucesso.
-
Você pode visualizar os envios de formulários no editor ou no painel de controle do projeto; no entanto, as respostas dos formulários só podem ser baixadas do painel de controle do projeto.
Editor
Para visualizar os envios de formulários no editor, clique em Mais no painel lateral e selecione Configurações. Clique na guia Gerenciar respostas do formulário .
Painel de controle do projeto
Para visualizar as respostas no painel de controle do projeto, acesse a lista de seus sites e clique no ícone do painel de controle do projeto ao lado do site desejado. Na seção Visão geral do projeto , clique em Respostas do formulário. Se precisar baixar as respostas do formulário, clique em Exportar para CSV.
O widget Formulários Avançados oferece atualmente 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, em seguida, clique em Configurações. Clique na aba Integração para visualizar as integrações disponíveis. Clique na integração desejada e siga as instruções na tela.
Nota
Os usuários precisam ter permissão de Gerenciamento de Aplicativos Gratuitos 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.
Segue abaixo uma comparação das funcionalidades maiores:
|
Recurso |
widgetde formulário de contato |
widgetde Formulários Avançados |
|---|---|---|
|
Adicionar e organizar widget |
Não |
Sim Você pode adicionar qualquer widget e elemento flexível ao contêiner Formulário Avançado. |
|
Campos de widget exclusivos |
Não |
Sim Cada campo no Formulário Avançado é um widget separado, o que permite que você crie 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 multietapas |
Não |
Sim |
|
Lógica condicional |
Não |
Sim |
|
Integrações |
Sim. Veja as integrações disponíveis. |
Sim |
|
Campos de formulário disponíveis |
Texto, menu suspenso, botão de opção, 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 opção, e-mail, texto curto, texto longo, opt-in, número, número de telefone, caixa de seleção, data, upload de arquivo, hora e menu suspenso. |
Para editar as mensagens do formulário:
-
Clique no widget Formulários Avançados para abrir a barra flutuante e, em seguida, clique em Etapas.
-
Clique em Sucesso ou Erro. Na tela, o widget agora exibe o texto padrão para a mensagem de sucesso ou de 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 widget adicionais ou colunas internas nesta 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, em seguida, clique em Configurações.
-
Expanda a seção Notificação por e-mail para visitantes do site .
-
Ative a opção ao lado de "Responder automaticamente ao remetente do formulário". Em seguida, configure os campos "Enviado de", "Assunto do e-mail" e "Mensagem do 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 enviar um formulário:
-
Clique no widget Formulários Avançados para abrir a barra flutuante e, em seguida, clique em Configurações.
-
Na aba Configurações de Envio , role para baixo e expanda a seção Notificações por e-mail para o proprietário do site .
-
Insira um e-mail no campo Notificar por e-mail para:. Se for inserir vários e-mails, separe-os com um espaço ou clique na tecla Enter. Ou marque a caixa Usar e-mail da biblioteca de conteúdo para que os envios de formulário sejam enviados para o e-mail listado na biblioteca de conteúdo.
Para ocultar um título de campo:
-
Clique no campo de entrada desejado para abrir a barra flutuante e, em seguida, clique em Conteúdo.
-
Clique no ícone de olho ao lado do título do campo de entrada/saída. O olho fica riscado quando o título do campo está oculto.