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, consulte Como identificar a versão do editor que seu site usa.
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 submissões. 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.
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.
-
(Opcional) Se estiver criando um formulário com várias etapas, clique no widget para abrir o menu flutuante e clique em Gerenciar Formulário. Clique na guia Conteúdo e, em seguida, clique em +Adicionar página. Clique no ícone de três pontos ao lado da página para renomeá-la, duplicá-la ou excluí-la. Duplicar a página preserva o layout da página original, economizando tempo ao criar várias páginas.
-
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.
-
Clique no widget Enviar para abrir a barra flutuante. Clique no botão Gerenciar e digite o texto que deseja exibir no botão.
-
Clique no widget Formulário Avançado para abrir a barra flutuante e clique em Gerenciar Formulário. Na guia Gerenciar etapas do menu de contexto, você pode acessar as telas de mensagens de sucesso e erro clicando em Sucesso ou Erro. Configure essas telas atualizando o texto padrão e adicionando colunas internas e widget conforme desejado.
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 do site para uma página específica ou 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 Gerenciar formulário para abrir o menu de contexto.
-
Na aba Configurações do menu de contexto, 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á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 |
Em breve Formulários avançados oferecerão suporte à lógica condicional para etapas e campos. |
|
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 Gerenciar Formulário. Clique na guia Conteúdo e, em seguida, clique em +Adicionar página. Observe que um botão "voltar" é adicionado por padrão se você tiver mais de 2 páginas.
Clique no ícone de três pontos ao lado da página para renomeá-la, duplicá-la ou excluí-la. Duplicar a página preserva o layout da página original, economizando tempo ao criar 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 Gerenciar Formulário.
-
Clique na aba Conteúdo e depois clique em 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 widget adicionais ou colunas internas nesta visualização.
Sim, você pode habilitar essa configuração na guia Configurações de envio no menu de contexto do widget Formulário avançado.
Para enviar aos visitantes do site uma cópia das respostas do formulário:
-
Clique no widget Formulário avançado para abrir a barra flutuante e, em seguida, clique em Gerenciar formulário.
-
Na guia Configurações de envio, role para baixo e expanda a seção Configurações de e-mail .
-
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 Formulário avançado para abrir a barra flutuante e, em seguida, clique em Gerenciar formulário.
-
Na guia Configurações de envio, role para baixo e expanda a seção Configurações de e-mail .
-
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.