Crie, ajuste o estilo 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 ou no Squarespace. 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.
- Os Blocos de Formulários não podem ser usados como parte de uma solução compatível com HIPAA. Para coletar informações seguras do paciente, recomendamos o uso do Squarespace Scheduling.
- Não é possível adicionar o campo de upload ao bloco de formulário para que os visitantes enviem arquivos ou anexos com o formulário. Se você precisar de um campo de upload, use a solução externa Wufoo.
Assistir a um vídeo
Adicione um Bloco de Formulário
Para adicionar o Bloco de Formulário:
- 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.
- Para abrir o editor do bloco, clique no ícone de lápis no bloco.
- Na aba Conteúdo, configure seu formulário e adicione uma mensagem de pós-envio ou um redirecionamento.
- Clique em Design para personalizar o layout do formulário.
- Clique em Armazenamento para adicionar uma opção de armazenamento. Os Blocos de Formulários não funcionarão sem pelo menos uma opção de armazenamento configurada, portanto, certifique-se de adicionar uma ao formulário.
- Adicione o Google reCAPTCHA se quiser.
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:
- Exclua o novo formulário no campo Nome do formulário e insira um nome para o formulário. Esse nome somente aparecerá para os visitantes se você configurar o formulário para ser aberto em lightbox.
- O texto do botão padrão é Enviar. Se você quiser que seja algo diferente, exclua Enviar e insira um novo texto.
- 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.
- 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.
Lembre-se:
- Se você tiver vários formulários de contato no Squarespace, recomendamos um nome descritivo para identificar os formulários recebidos.
- 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 uma mensagem pós-envio ou redirecionamento
Para adicionar uma mensagem pós-envio ou redirecionar, clique em Pós-envio na guia de conteúdo.
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 configurar um redirecionamento pós-envio, clique em Redirecionar. Para redirecionar para outro site, cole a URL completo no campo URL de redirecionamento .
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 seu formulário
Na aba design, você pode deixar o Alinhamento do botão para Esquerda, Centro ou Direita. Para ativar uma cor de fundo, ative a opção Fundo e selecione uma Cor.
Se você quiser que o formulário abra em um pop-up lightbox quando os visitantes clicarem em um botão exibido na página, ative a opção Lightbox. Você também pode personalizar o texto do botão aberto.
O estilo do formulário em lightbox é fixo; não é possível alterar a maioria das configurações da fonte ou da cor. Na versão 7.1, se o botão estiver como Contorno, a cor dele segue as configurações principais do botão no seu esquema padrão de cores.
Adicionar uma opção de armazenamento
Para escolher para onde enviar os envios de formulários, edite o bloco de formulários e clique na guia Armazenamento. Você pode conectar blocos de formulário a um endereço de e-mail, Mailchimp, Zapier ou Google Drive.
Para saber mais sobre cada tipo de armazenamento, acesse Gerenciamento de armazenamento de formulários e newsletters.
Editar o estilo do Bloco de Formulário
É possível editar o estilo de alguns elementos do Bloco de Formulário. As opções dependem da versão do site.
Fontes
Para editar o estilo das fontes do bloco:
- Ao editar uma página, abra Estilos do Site e clique em Fontes.
- Em Estilos gerais do texto, clique em Atribuir estilos.
- Na seção do bloco de formulário, clique em cada opção de fonte para alterar o estilo. Se o bloco de formulário não incluir determinados elementos, como um campo Selecionar com menu suspenso, pode não haver alteração. Use o painel Botões para o texto do botão.
- Para retornar aos estilos do site, clique em Voltar e depois em Estilos do site. Você pode clicar em Salvar para salvar as alterações e continuar editando; ou clicar em Sair e depois em Salvar para fechar o editor.
Cores
Adicione uma cor de fundo na aba Design do bloco de formulário.
Para editar o estilo das outras cores do bloco:
- Ao editar uma página, abra Estilos do Site e clique em Cores.
- Passe o mouse sobre o tema de cores e clique no ícone do lápis.
- Para mostrar todos os ajustes relevantes, role até a seção "Bloco de Formulário" ou clique no Bloco de Formulário no seu site.
- Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
.
Mensagem pós-envio
Se você adicionar uma mensagem pós-envio, o texto segue estas opções de estilo:
- Fonte – Configurações de parágrafo no painel Fontes
- Tamanho – controle deslizante do Parágrafo 2 na seção Parágrafos do painel Fontes
- Cor -Cor do Parágrafo (Médio) no tema da seção escolhida
Botão
Ajuste o estilo do botão de bloco de formulário no painel de "Botões" nos estilos do site. Os botões de bloco de formulário seguem as configurações Principais do estilo. Para padronizar o visual, as suas opções de estilo afetam a maioria dos botões no site.
Normalmente, o estilo do bloco de formulário segue o corpo de texto e os ajustes dos botões do template. Porém, as opções variam de acordo com o template, e algumas etiquetas no campo do formulário têm tamanho fixo. Por exemplo: não é possível alterar o tamanho dos rótulos "Nome" e "Sobrenome" que aparecem nos campos "Nome". Saiba mais sobre como editar o estilo do site em Fazendo alterações no estilo.
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.