Bloco de newsletter

Incentive os visitantes a assinarem sua lista de e-mails.

Ultima atualização 3 de Fevereiro de 2025

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 no 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 "Listas e segmentos" 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 enviar formulários mais detalhados para o seu endereço de e-mail, use um bloco de formulário.

Adicione um bloco de newsletter

Para adicionar um bloco de newsletter:

  1. 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".
  2. Para abrir o editor do bloco, clique no ícone de lápis no bloco.
  3. Na aba Conteúdo, crie um bloco de newsletter e adicione uma mensagem de pós-envio ou de redirecionamento.
  4. Clique na aba Design para personalizar o layout.
  5. 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:

KB Guide Image

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á.

Anotaçã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 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 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 e como ele aparece

Para personalizar o layout e o alinhamento do bloco e como ele aparece, 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.
  • Combinado - deixe uma linha cheia ou pontilhada no contorno do bloco. Nos dois casos, defina a cor e a espessura do riscado. 
  • Combinado - use o menu suspenso para configurar a transparência. Esse efeito é indicado ao deixar um bloco de newsletter na frente de uma imagem ou de outro conteúdo visual.
  • Desfoque - ative essa opção para desfocar o elemento ou o plano de fundo; depois, use o controle para ajustar o nível do desfoque.

Acessando o recurso

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.

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".

Acessando o recurso

As integrações do Mailchimp e do Zapier no bloco de newsletter estão disponíveis nos planos Essencial, Plus, Avançado, Business, Commerce Básico e Commerce Avançado. Saiba mais em "Escolhendo o plano certo no Squarespace".

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:

  1. Ao editar uma página, abra "Estilos do site" e clique em > ao lado de "Fontes".
  2. Clique em Alocar estilos
  3. 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.
  4. 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:

  1. Ao editar uma página, abra "Estilos do site" e clique em > ao lado de "Cores".
  2. Passe o cursor sobre o tema e clique no ícone de lápis.
  3. Para mostrar todos os ajustes relevantes, role até a seção do bloco de newsletter ou clique no bloco de newsletter no seu site.
  4. 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:

  1. Abra o painel "Design" e clique em Estilos do site.
  2. 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:

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.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.