Incentive os visitantes a assinarem sua lista de e-mails.
O bloco de newsletter adiciona uma opção para os visitantes assinarem uma newsletter. O rodapé é um lugar bastante usado para incluir esse bloco.
Você precisará escolher uma opção de armazenamento para enviar os formulários. É possível vincular uma lista de e-mails de uma Campanha por e-mail, um novo público do Mailchimp, o Google Drive ou a nossa integração com o Zapier.
Assista ao vídeo
Antes de começar
- Ao usar o Squarespace como opção de armazenamento, crie uma lista de e-mails nas Campanhas por E-mail para seus assinantes. Se você não tem uma lista de e-mails específica, pode adicionar os assinantes a uma lista padrão. Se você não selecionar nenhuma lista, os assinantes serão adicionados ao painel "Perfis" em "Assinantes".
- Ao usar o Mailchimp como opção de armazenamento, crie uma lista de assinantes nova e vazia no Mailchimp antes de vincular sua conta do Mailchimp ao bloco.
- Para mandar os envios de formulário para seu endereço de e-mail, use um bloco de formulário.
Adicione um bloco de newsletter
Para adicionar um bloco de newsletter:
- Edite uma página ou publicação, clique em Adicionar bloco ou num ponto de inserção e, em seguida, clique em Newsletter no menu. 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, crie um bloco de newsletter e adicione uma mensagem de pós-envio ou de redirecionamento.
- Clique na aba Design para personalizar o layout.
- Clique na aba Armazenamento para escolher uma opção de armazenamento e ativar as opções de validação do assinante.
Confira um exemplo de bloco de newsletter:
Configure o bloco de newsletter
Personalize o texto e os campos do bloco na aba Conteúdo. Como padrão, o bloco de newsletter mostra um campo de endereço de e-mail. Você pode adicionar ou editar estas opções:
- Nome do formulário - dê um nome ao bloco de newsletter para monitorar as análises dos dados correspondentes.
- Título e Descrição - mostre o título e a descrição acima dos campos do formulário e do botão "Enviar".
- Isenção de responsabilidade - adicione informações sobre o que você faz com as informações do assinante. É comum usar esse campo para mostrar sua política de privacidade.
- Texto do botão - personalize o texto do botão enviar. O texto original é Assinar.
- Campo "Exigir nome" - adicione os campos "Nome" e "Sobrenome" ao formulário. Essa opção não faz os campos de nome serem obrigatórios para o envio.
Dica: para obter mais opções de campo de formulário, use um bloco de formulário.
Adicione uma mensagem pós-envio ou de redirecionamento
Para personalizar o que os visitantes veem após enviar as informações, clique em Pós-envio na aba de conteúdo.
Mensagem
Para adicionar uma mensagem pós-envio, clique em Mensagem e inclua o texto no campo da mensagem. Esse texto aparece quando um visitante envia as informações dele.
No campo HTML, você pode adicionar um código HTML para renderizar junto com a mensagem pós-envio. Se o bloco de newsletter tiver um redirecionamento pós-envio, a mensagem pós-envio não aparecerá.
Atenção: a adição de HTML pós-envio é uma modificação avançada, e não solucionamos problemas relativos a código personalizado.
Redirecionamento
Para configurar um redirecionamento pós-envio, clique em Redirecionar. Para redirecionar para outro site, cole o URL inteiro no campo URL de redirecionamento; ou clique em 
para criar um link para uma página no seu site ou para um arquivo carregado.
Para testar um redirecionamento pós-envio, faça logout ou use um browser anônimo e envie o bloco de newsletter. Os redirecionamentos pós-envio não funcionarão se você estiver logado no site.
Para excluir um redirecionamento pós-envio, apague o link do campo de URL.
Personalize o layout
Para personalizar o layout e o alinhamento do bloco, clique na aba Design:
- Layout - clique em Empilhar para organizar os campos em uma coluna; ou clique em Flutuar para organizar os campos em uma linha.
- Alinhamento - clique no ícone de alinhamento correspondente para alinhar o bloco à esquerda, ao centro ou à direita.
- Fundo - na versão 7.1, ative essa opção para adicionar uma cor ao fundo do bloco, fixar o raio dos cantos e alterar o espaçamento do fundo. A versão 7.0 não tem cores de fundo no bloco.
Escolha uma opção de armazenamento
Para escolher para onde enviar a newsletter, edite o bloco de newsletter e clique na aba Armazenamento. Como padrão, o bloco de newsletter usa o Squarespace como armazenamento, mas você também pode vincular um bloco de newsletter ao Mailchimp, Zapier e Google Drive.
Saiba mais sobre cada opção de armazenamento em "Gerenciamento do armazenamento de formulários e newsletters".
As integrações Mailchimp e Zapier no bloco de newsletter são recursos premium disponíveis nos planos Business, Commerce, Professional e Premium.
Ative as opções de validação do assinante
Para validar os assinantes e evitar envios feitos por robôs, o bloco de newsletter já vem com o Google reCAPTCHA ativado.
O Google reCAPTCHA é um recurso invisível de segurança que impede o envio feito por robôs. Para saber mais sobre o Google reCAPTCHA, confira "Adição do Google reCAPTCHA ao um formulário".
Você também pode habilitar um e-mail de confirmação para verificação. Lembre-se de que você precisa ter pelo menos uma dessas opções ativadas ao usar o Squarespace para armazenamento, e o Google reCAPTCHA está disponível apenas para blocos de newsletter usando o Squarespace para armazenamento. Para saber mais, visite Opções de verificação do assinante.
Ajuste o estilo do bloco de newsletter
Para alterar a aparência do bloco:
Fontes
Para editar o estilo das fontes do bloco:
- Ao editar uma página, abra os estilos do site e clique em Fontes.
- Em Estilos gerais do texto, clique em Atribuir estilos.
- Na seção do bloco de newsletter, clique em cada opção para ajustar o estilo das fontes. Use o painel Botões para o texto do botão.
- Clique em Salvar para salvar as alterações e continuar editando; ou clique em Sair e depois em Salvar para fechar o editor.
Ao adicionar uma mensagem pós-envio, o texto segue estas opções de estilo:
- Fonte - configurações do 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
Cores
Para editar o estilo das cores do bloco:
- Ao editar uma página, abra os estilos do site e clique em Cores.
- Passe o cursor sobre o tema e clique no ícone de lápis.
- Para mostrar todos os ajustes relevantes, role até a seção do bloco de newsletter ou clique no bloco de newsletter 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.
Como o bloco de newsletter vem transparente como padrão, a cor dele corresponderá ao fundo do site ou da seção. Para que um bloco de newsletter se destaque do resto do seu site, ative uma cor de fundo na aba Design do bloco.
Botão
Ajuste o estilo do botão (e o texto do botão) do bloco de newsletter no painel "Botões" dos estilos do site. Os botões do bloco de newsletter seguem as configurações do estilo principal. Para manter o layout dos blocos de newsletter, os ajustes no espaçamento não afetam a largura e a altura dos botões do bloco de newsletter. A fim de padronizar o visual, as opções de estilo de botão afetam a maioria dos botões do site.
Fontes
Para editar o estilo das fontes do bloco:
- Abra o painel "Design" e clique em Estilos do site.
- Role até a seção do bloco de newsletter.
As opções variam entre os templates, mas você verá alguns ou todos os seguintes ajustes no estilo:
- Style (Estilo) - Escolha entre Dark (Escuro), Light (Claro) ou Custom (Personalizado)
- Background Color (Cor de Fundo)
- Padding (Espaçamento)
- Cor do título - Disponível no estilo Personalizado
- Cor do texto- Disponível no estilo Personalizado
- Button Color (Cor do Botão)
- Cor de texto do botão - Não disponível quando o estilo do botão estiver definido como Contorno
- Opções alternadas(como Cor de fundo alternada) - disponível em alguns templates. Esses ajustes afetam os blocos de newsletter fora da área do conteúdo principal, como o rodapé e o cabeçalho das páginas, para se destacarem em relação às diferentes cores de fundo.
Nas outras seções do painel de estilos do site:
- Use os ajustes de Título (geralmente chamados de Título 2) para alterar a fonte do título.
- Use os ajustes de Corpo para alterar o resto da fonte do texto. Em alguns templates, para colocar o bloco de newsletter no rodapé, é necessário usar os ajustes específicos do rodapé.
- Os tamanhos de texto não podem ser alterados.
- Use os ajustes na seção de Botões para personalizar o estilo e a forma do botão Enviar. Saiba mais em Edição de estilo dos botões.
Monitore os cadastros da newsletter
Use conversões de formulário e botão para saber como os visitantes interagem com seus formulários para cadastro na newsletter. Você pode monitorar a taxa de conversão dos envios de formulário, que compara o número de visualizações de um formulário com o número de envios.
Resolução de problemas
O número de envios não corresponde ao número de assinantes
Ao escolher o Squarespace ou o Mailchimp como opção de armazenamento, os visitantes que preenchem o formulário poderão receber um e-mail solicitando que confirmem a assinatura. Isso pode causar discrepância entre o número de envios e o número de assinantes em determinadas situações:
- O remetente ainda não confirmou a inscrição com o e-mail de confirmação
- O remetente enviou o e-mail várias vezes em um curto período sem validar o cadastro pelo e-mail de confirmação inicial
- O remetente enviou o e-mail, mas o endereço dele já está na lista de discussão
Você pode tomar algumas etapas para mitigar essas discrepâncias:
- Para desativar o e-mail de confirmação e usar o Google reCAPTCHA, confira "Validação dos assinantes das Campanhas por E-mail".
- Saiba como desativar o e-mail de confirmação (aceitação dupla) do Mailchimp em Uso do Mailchimp com o Squarespace.
A mensagem pós-envio não aparece (versão 7.0)
Ao deixar o ajuste do estilo do bloco de newsletter como Claro e a cor do fundo como branca, o texto branco ficará sobre o fundo branco e deixará o texto difícil de ler. Altere um dos ajustes para resolver o problema.