Crie e personalize um formulário para coletar dados dos visitantes.

Use um Bloco de Formulário para coletar informações do visitante. Com esse bloco, você pode criar formulários de contato, pesquisas, questionários, fichas de inscrição e outros tipos de formulário.

O artigo Solução de problemas em formulários oferece ajuda com os problemas comuns no Bloco de Formulário.

Atenção: para receber os formulários, você precisa vincular uma opção de armazenamento. Eles não ficam armazenados diretamente no bloco. Novos blocos de formulário se vinculam automaticamente ao seu endereço de e-mail de login, mas recomendamos vincular uma segunda opção de armazenamento caso haja algum problema.

Antes de começar

• Alguns campos de formulário mudam a formatação com base no idioma do site (endereço e número de telefone) ou na localização do cliente (data e hora).
• Formulários enviados por domínios com SSL habilitado são criptografados. Para garantir que o SSL esteja habilitado no seu domínio, acesse Noções básicas sobre certificados SSL.
• O bloco de formulário não cumpre com a HIPAA. Para coletar informações do paciente de forma segura, recomendamos o Acuity Scheduling.
• Feitas as alterações no bloco de formulário, pressione Enter ou clique fora do editor do bloco para salvar as alterações.

Assistir a um vídeo

Adicione um Bloco de Formulário

Para adicionar o Bloco de Formulário:

1. Edite uma página ou publicação, clique em Adicionar bloco ou num ponto de inserção e, em seguida, clique em Forma. Para ajuda, confira Adição de conteúdo com blocos.
2. Para abrir o editor do bloco, clique no ícone de lápis no bloco.
3. Na aba Conteúdo, crie um formulário e adicione uma mensagem de pós-envio ou um redirecionamento. 
4. Clique em Design para personalizar o layout do formulário.
5. A opção de armazenamento padrão para respostas de formulários é seu endereço de e-mail de login. Clique em Armazenamento adicional na guia Armazenamento para adicionar outra opção de armazenamento.
6. Adicione o Google reCAPTCHA, necessário para que os visitantes carreguem arquivos.
7. Pressione Enter ou clique fora do editor do bloco quando terminar.

Configurar o formulário

Quando você adiciona um Bloco de Formulário, ele inclui um nome padrão ao formulário, um texto padrão ao botão e alguns campos padrão (Nome, E-mail, Texto, Área de texto) na aba "Conteúdo".

Para configurar o formulário:

1. Revise o texto do espaço reservado no campo Nome do Formulário e digite um novo nome para o formulário, se desejar. Esse nome só aparecerá aos visitantes se você configurar o formulário para ser aberto em lightbox.
2. O texto do botão padrão é Enviar. Se você quiser que seja algo diferente, exclua Enviar e insira um novo texto.
3. Clique em Editar campos de formulário para gerenciar os campos do formulário. Para adicionar um novo campo, clique em Adicionar campo. Para reorganizar ou excluir campos, clique em Editar no canto superior direito.
4. Para editar campos individuais, clique no campo no painel Editar campos de formulário. Dependendo do tipo de campo, você pode adicionar uma etiqueta e uma descrição, torná-lo obrigatório para envio, adicionar opções de seleção ou excluí-lo.
5. Se você adicionar um campo de upload de arquivo, talvez queira ajustar quantos arquivos aceita e quais tipos.
6. Como padrão, o bloco de formulário envia as respostas do formulário para o seu endereço de e-mail de login e guarda os remetentes e respectivos detalhes no seu site. Use a aba Armazenamento para vincular outras opções de armazenamento, como Google, Zapier e Mailchimp.
7. Pressione Enter ou clique fora do editor do bloco quando terminar.

Lembre-se:

• Se você tiver mais de um formulário para contato no Squarespace, recomendamos dar a ele um nome descritivo, de modo a identificar os formulários enviados que você recebe e filtrar melhor os remetentes dos formulários no seu painel "Contatos".
• O texto da descrição não aparecerá com os formulários enviados.
• Recomendamos limitar a 30 campos para manter o formulário fácil de ser preenchido pelos visitantes. Esse também é o limite de campos dos formulários vinculados ao Mailchimp.
• Saiba mais sobre as opções de campo em O que é campo de formulário.

Adicionar perguntas complementares

Ao usar campos de múltipla escolha no formulário, como uma lista suspensa, caixa de seleção, rádio ou pesquisa, você pode criar perguntas complementarem que só aparecem quando o visitante selecionar uma resposta específica.

Para adicionar uma pergunta complementar:

1. Clique no ícone de lápis em um bloco de formulário e depois clique em Editar campos do formulário.
2. Clique em Adicionar campo adicione uma lista suspensa, caixa de seleção, botão de rádio ou campo de pesquisa.
3. Clique no novo campo e personalize a pergunta e as opções de resposta. Saiba mais sobre as diferenças entre esses campos em "Entendendo os campos do formulário".
4. Após configurar as opções de resposta, clique em ... ao lado de uma opção e clique em Adicionar pergunta complementar.
5. Selecione e personalize um tipo de campo.
6. Clique em Adicionar pergunta complementar para adicionar outras perguntas à mesma opção.
7. Repita o processo em cada opção para adicionar as perguntas complementares.

Quando um visitante preenche o seu formulário, as perguntas complementares só aparecem se ele escolher a resposta correspondente.

Lembre-se:

• Cada opção pode ter mais de uma pergunta complementar, mas não é possível criar uma perguntar complementar para outra pergunta complementar.
• As perguntas complementares não estão disponíveis em outros tipos de formulário.
• Os e-mails de envio de formulário incluem perguntas complementares quando os visitantes os respondem. As opções de armazenamento externo incluem campos para todas as perguntas complementares, incluindo resposta vazia para as perguntas complementares não respondidas.

Adicionar uma mensagem pós-envio ou redirecionamento

Para adicionar uma mensagem pós-envio que apareça no browser de um visitante ou que direcione para outra página no seu site, clique em Pós-envio na aba de conteúdo. Os visitantes não recebem o e-mail de confirmação após enviarem o formulário.

Mensagem

Para adicionar uma mensagem pós-envio, clique em Mensagem e insira seu texto no campo de mensagem. Este texto é exibido depois que um visitante enviar o formulário.

No campo HTML, você pode adicionar código HTML para renderizar juntamente com a mensagem pós-envio. Tenha em mente que, se o formulário tiver um redirecionamento pós-envio, a mensagem pós-envio não será exibida.

Nota:A adição de Post-Submit HTML (HTML Pós-Envio) é uma modificação avançada e a resolução de problemas sobre código personalizado está fora do nosso alcance.

Redirecionamento

Para criar um redirecionamento pós-envio, clique em Redirecionar e depois em Anexar link:

• Para redirecionar para outro site, cole o URL completo no campo URL.
• Para redirecionar para uma página do seu site, procure a página no campo e selecione-a nos resultados.
• Para redirecionar para um arquivo, clique no menu suspenso e selecione Arquivo. Depois, faça upload de um arquivo.

Para testar um redirecionamento pós-envio, envie um formulário enquanto estiver desconectado ou em um navegador de navegação anônima. Os redirecionamentos pós-envio não funcionarão enquanto estiverem conectados ao seu site.

Para remover um redirecionamento pós-envio, exclua o link do campo URL.

Personalize o layout do formulário e como ele aparece

Para personalizar alinhamento, cor, aparência etc, clique no ícone de lápis no bloco para abrir o editor do bloco. Clique em Design para acessar as seguintes opções:

• Deixe o Alinhamento do botão como Esquerda, Centro ou Direita.
• Clique no menu suspenso Destacar primeira entrada para criar animações que chamem a atenção para o primeiro campo do formulário. 
• Para adicionar uma cor ao plano de fundo, ative a opção Plano de fundo e selecione uma cor.
• Ative a opção Lightbox para que o formulário seja aberto em um pop-up com lightbox quando os visitantes clicarem em um botão na página. Você também pode personalizar o texto do botão "Abrir".
• Ao lado de Riscado, deixe uma linha cheia ou pontilhada no contorno da forma. Nos dois casos, defina a cor e a espessura do riscado.
• Clique no menu suspenso Combinado para configurar a transparência. Esse efeito é indicado ao deixar um bloco de formulário na frente de uma imagem ou de outro conteúdo visual.
• Para desfocar o Elemento ou o Plano de fundo, ative a opção Desfoque e use o controle para ajustar o nível.

As personalizações Riscado, Combinado e Desfoque estão disponíveis nas seções do Editor Intuitivo. As seções que usam o editor clássico contam apenas com a opção Riscado.

Para saber mais sobre como personalizar as fontes, cores e outros estilos do seu bloco de formulário, visite Estilizar blocos de formulário.

Adicionar uma opção de armazenamento

Para escolher para onde enviar os envios de formulário, edite o bloco de formulário e clique na aba Armazenamento. Os novos blocos de formulários se conectam automaticamente ao seu endereço de e-mail de login, mas você também pode adicionar o Mailchimp, o Zapier ou o Google Drive. Para saber mais sobre cada tipo de armazenamento, visite Gerenciando o armazenamento de formulários e newsletters.

Se o formulário incluir um campo obrigatório para endereço de e-mail, os visitantes que enviarem o formulário serão adicionados ao painel "Contatos" do seu site com as informações que constam do formulário. Para saber como configurar o seu formulário para isso, confira a seção abaixo.

Guarde os dados dos remetentes do formulário no seu site

Atenção: esse recurso foi lançado em 21 de julho de 2023 para os blocos de formulário com campo obrigatório para o endereço de e-mail. Os envios via bloco de formulário recebidos antes dessa data não aparecerão no painel "Contatos". Para acessar os formulários recebidos antes do lançamento desse recurso, confira as outras opções de armazenamento vinculadas aos seus blocos de formulário.

Para guardar os remetentes dos formulários e os respectivos detalhes no painel "Contatos" do seu site:

1. Clique em Editar na página com o formulário e depois clique no ícone de lápis no bloco de formulário.
2. Clique em Editar campos de formulário.
3. Clique em E-mail. Se não existir o campo de e-mail, clique em Adicionar campo, em E-mail e em E-mail novamente para abrir as configurações do campo.
4. Ative o botão Obrigatório. Ele deve estar ativado para guardar os remetentes dos formulários no seu painel "Contatos", de modo que os contatos criados sejam associados a um endereço de e-mail.
5. Para que os visitantes possam aceitar futuros contatos de marketing, ative a opção Cadastro por e-mail.
6. Para que seus visitantes aceitem com um e-mail de confirmação após o envio do formulário, ative a opção Enviar e-mail de confirmação. Lembre-se de que o e-mail de confirmação não poderá ser desativado se o Google reCAPTCHA estiver desativado no formulário. Todos os Blocos de Formulário com Cadastro de e-mails ativado precisam de, pelo menos, um método de verificação.
7. Pressione Enter ou clique fora do editor do bloco quando terminar.

Os visitantes e os formulários enviados por eles aparecem no painel "Contatos" em Remetentes dos formulários quando você tem um campo de e-mail obrigatório. Com Cadastro de e-mails ativado, se o remetente marcar Cadastre-se para receber notícias e atualizações, ele também aparecerá no painel "Contatos" em Assinantes. O remetente precisa aceitar antes de aparecer em Assinantes se o e-mail de confirmação estiver ativado.

Para acessar os remetentes dos formulários e os detalhes guardados no seu painel "Contatos", confira "Gerenciando o armazenamento de formulários e newsletters".

Spam no Bloco de formulário

Você pode receber spams ocasionais através do seu Bloco de Formulários. Cuidado com pessoas fingindo ser o Squarespace ou pedindo informações pessoais.

Se detectarmos um envio de formulário contendo conteúdo suspeito, você verá um aviso na parte superior do e-mail; mas analise cada envio cuidadosamente e evite clicar em links suspeitos. Você pode clicar em Denunciar spam para denunciar a mensagem diretamente para nós.

Para mais segurança, você pode configurar o Google reCAPTCHA no bloco de formulário. Para iniciar o processo, clique em Google reCAPTCHA na aba de armazenamento. Para os passos seguintes, confira Adição do Google reCAPTCHA aos formulários.

Para saber mais sobre o formulário de spam em geral, visite Prevenção de Formulário e Newsletter Bloquear spam.

Rastreie envios de Blocos de Formulário

Para ver como os visitantes interagem com os seus formulários, use a Análise de conversões de formulário e de botão. É possível acompanhar a taxa de conversão de envio de formulários, que compara o número de vezes que um formulário foi visto com o número de envios.