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.
-
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
Embora o widget Formulários Avançados esteja em testes, há várias limitações:
-
Os campos 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 ou duplicado.
Para uma visão geral rápida e demonstração do widget Formulários Avançados, confira o vídeo a seguir:
Por padrão, o widget Formulário Avançado possui um modelo predefinido que inclui mensagens de erro e sucesso. Você pode personalizar o formulário para atender às necessidades da sua empresa, adicionando campos de entrada, colunas internas, widget e até mesmo páginas adicionais para formulários com várias etapas.
Para criar um formulário avançado:
-
Procure por Formulário Avançado e arraste e solte-o na tela.
-
Adicione colunas internas e widget conforme necessário, arrastando-os do painel widget para o seu formulário.
-
Adicione campos de entrada ao formulário arrastando e soltando-os da seção Formulário do painel widget . As opções de campo de entrada são: 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.
Observe que a aparência dos campos de entrada no seu site ativo pode ser ligeiramente diferente da que você vê no editor, dependendo do navegador usado para visualizar o formulário.
-
Para configurar um campo de entrada, clique no widget do campo para abrir a barra flutuante e 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.
Você pode criar um formulário com várias etapas, cada etapa em uma página separada.
Para adicionar etapas:
-
Clique no widget Formulário Avançado para abrir o menu flutuante e 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 adicionar lógica condicional:
-
Clique no widget Formulário Avançado para abrir o menu flutuante e clique em Configurações.
-
Clique na aba Lógica na janela pop-up Gerenciar Formulário .
-
Clique em + Adicionar regra.
-
Insira o nome da regra. Isso só é visível internamente e não será exibido para os usuários do site.
-
Utilize o menu suspenso SE para selecionar o campo e a condição. Se necessário, adicione o valor da condição.
-
Use o menu suspenso ENTÃO para selecionar a ação que ocorrerá quando a condição SE for atendida.
-
Clique em 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 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 definições de envio do formulário:
-
Clique no widget Formulários Avançados para abrir a barra flutuante e, em seguida, clique em Configurações.
-
Na guia Configurações da janela pop-up 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 mostra o nome da sua empresa ou o domínio do site.
-
Assunto do e-mail. Digite uma linha de 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.
-
O Formulário Avançado é único porque você pode adicionar colunas internas e widget e, então, estilizar cada elemento independentemente. Para campos de entrada, você pode modificar o alinhamento, o espaçamento, o tamanho e a animação no painel de design.
Por padrão, os estilos de tema são aplicados aos elementos do Formulário avançado, mas podem ser substituídos por quaisquer seleções feitas no painel de design para um elemento específico.
Para saber mais sobre as várias opções de design no painel de design, consulte Design com Flex.
Você pode visualizar as respostas do Formulário Avançado no editor ou no painel do site. No entanto, as respostas do formulário só podem ser baixadas do painel do site.
Editor
Para visualizar as respostas do formulário no editor, clique em Mais no painel lateral e selecione Configurações. Clique na guia Gerenciar respostas do formulário .
Painel de controle do site
Para visualizar as respostas no painel do site, navegue até a lista de sites e clique no ícone do painel do site ao lado do site desejado. Na seção Visão geral do site, 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. Estamos trabalhando para adicionar mais integrações no futuro.
Para visualizar as integrações, clique no widget Formulário Avançado para abrir o menu flutuante e 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.
O widget Formulário Avançado 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ário avançado |
|---|---|---|
|
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. |
Atualmente, estão disponíveis os seguintes formatos: 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. |
Formulários com várias etapas são uma ótima solução para formulários complexos com muitas perguntas. Em vez de apresentar aos visitantes uma longa lista de perguntas, cada etapa do formulário pode conter uma ou mais perguntas relacionadas, tornando os formulários mais simples e ajudando a melhorar as taxas de envio de formulários de leads, questionários e solicitações complexas.
Para criar um formulário com várias etapas, clique no widget Formulários Avançados para abrir o menu flutuante e clique em Etapas. Clique em +Adicionar etapa para cada etapa que você precisa adicionar. Observe que um botão "voltar" é adicionado por padrão se você tiver mais de 2 etapas.
Clique no ícone de três pontos ao lado da etapa para renomeá-la, duplicá-la ou excluí-la. Repetir a etapa preserva o layout da página original, economizando tempo na criação de várias páginas.
Para editar as mensagens do formulário:
-
Clique no widget Formulário Avançado 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 de formulário avançado 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. Você precisará configurar os campos Enviado 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 enviar um formulário:
-
Clique no widget de formulário avançado 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 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. O olho ficará riscado quando o título do campo estiver oculto.