Sobre o elemento Newsletter
Ao navegar on-line, você pode encontrar formulários que oferecem brindes ou boletins informativos em troca de suas informações.
Esses formulários, comumente conhecidos como formulários de inscrição, desempenham um papel crucial na expansão das lojas, coletando dados para futuras iniciativas de marketing e vendas. No GemPages, esses formulários são chamados de Elementos de Newsletter.

Observação: O elemento Newsletter representa Formulário de inscrição da Shopify, Que possui campos limitados. Se desejar um formulário com maiores opções de personalização, considere usar o Formulário de Contato elemento em vez disso.
Acesse a lista de e-mail dos seus clientes
Depois que um cliente enviar o formulário, seu endereço de e-mail será coletado e armazenado na seção Cliente do seu painel de administração do Shopify.
Acesse Administrador do Shopify > Clientes para ver uma lista de todos os e-mails inscritos por meio do formulário de inscrição.

Como adicionar um elemento de boletim informativo à sua página?
Para adicionar o elemento Newsletter à sua página, você pode seguir os passos abaixo:
Passo 1: Acessar o Painel GemPages > PÁGINAS, então clique na página de destino para localizar o editor.
Passo 2: Na barra lateral esquerda, procure por Elemento de boletim informativo e arraste e solte-o na posição preferida na sua página.

Passo 3: Clique no elemento para abrir suas configurações para maior personalização.
Configurar a guia Configurações
Para ajudar você a personalizar o Elemento de boletim informativo para seu design, aqui está uma análise de suas principais configurações:
Mensagem
- Sucesso: Personalize a mensagem exibida depois que seus clientes preencherem o formulário com sucesso.

- Erro: Edite a mensagem de erro quando seus clientes não conseguirem preencher o formulário.

Dimensões:
Ajuste a largura do elemento Newsletter para adaptá-la ao design da sua página.

Contexto
De acordo com o relatório Contexto Na seção "Cores de fundo", você pode definir um fundo de cor sólida ou gradiente para melhorar a visibilidade deste elemento. Experimente uma destas opções para selecionar a cor preferida:
- Digite o código de cor
- Use o seletor de cores para selecionar qualquer cor da sua página
- Escolha na amostra de cores
- Arraste a barra de cores para encontrar a que melhor se adapta à sua marca
- Escolha uma cor da Cores recentes or Sugerido para você listas para economizar esforço

Shape
As configurações de forma são para toda a seção que contém o elemento Newsletter.
- Fronteira: Você pode alterar a cor, a espessura e o traço da borda.

- Corner: O canto da seção pode ser quadrado, redondo ou em formato de pílula. Além disso, você pode inserir um raio exato para personalizar o canto do elemento à sua maneira.

- Shadow: Você pode adicionar uma sombra da seção Lista de artigos e ajustar a exibição da sombra (tamanho, cor, desfoque e distância).

Depois de enviar
Ação: Determine se você prefere guiar os usuários para uma página de destino designada ou mantê-los na página atual após concluir o envio do formulário.
Escolha no menu suspenso:
| Permanecer na página | Nenhuma ação após o envio. |
| Abrir página | Os usuários serão redirecionados para outra página após enviar o formulário. |
| Vá para | Vá até as seções de destino na sua página atual. |
| Enviar email | Um e-mail será enviado automaticamente após os usuários enviarem o formulário. |
| Fazer chamada telefônica | Um número de telefone exibe para qual usuário pode fazer uma chamada telefônica. |
Por exemplo, se você decidir enviar clientes para outra página, selecione “Abrir URL” no menu suspenso e clique no botão “Escolher link” para abrir o painel Seletor de links.

Então clique Mostre mais para expandir as configurações completas.
- Abra nova aba: Defina para Sim se preferir abrir a nova página em uma nova aba.
- Segue link: Defina para Não para não permitir que mecanismos de busca sigam esse link.

Configurar a guia Avançado
Para uma personalização mais avançada, navegue até a guia Avançado e siga as instruções em Este artigo.
Solução de problemas: e-mails de newsletter não aparecem nos clientes do Shopify
1. Verifique as configurações de Double Opt-In
- A Shopify pode exigir que os clientes confirmem a assinatura por e-mail. Até que cliquem no link de confirmação, o e-mail não aparecerá na seção Clientes.
- Acesse Administração do Shopify > Configurações > Finalizar compra > Contas de clientes para verificar se o double opt-in está habilitado.
2. Verifique os endereços de e-mail
E-mails inválidos ou digitados incorretamente podem ser rejeitados. Teste o formulário usando um endereço de e-mail válido para garantir o envio correto.
3. Verifique se há conflitos de aplicativos ou temas
Alguns aplicativos ou scripts personalizados podem bloquear o envio de formulários. Desative outros aplicativos ou códigos personalizados temporariamente para ver se o problema persiste.
4. Revise as configurações dos elementos do boletim informativo
Certifique-se de que o elemento esteja configurado corretamente:
- Depois de enviar ações (Permanecer na página, Abrir página, Rolar para, etc.)
- Configurações avançadas, como scripts personalizados ou redirecionamentos.
5. Limpar o cache do navegador / Testar no modo anônimo
Páginas em cache ou extensões do navegador podem interferir nos envios.
6. Teste o formulário
Após fazer as alterações, envie um e-mail de teste e verifique Administração do Shopify > Clientes para confirmar se o e-mail foi gravado.
Opcional: Adicionar tags do Shopify automaticamente quando alguém se inscrever
Se você quiser que o Shopify marque automaticamente os clientes que enviam o formulário do boletim informativo, você pode fazer isso com um elemento de código personalizado colocado dentro do elemento do boletim informativo.
Passo 1: Adicionar uma entrada oculta para tags
- Arraste um elemento de Código Personalizado para dentro do seu formulário de Newsletter.

- Na aba HTML, cole o seguinte código:
- Substituir "valor da tag” com a tag que você deseja.
Exemplo:


Quando um cliente se inscreve, a Shopify adiciona automaticamente a tag VIP ao seu perfil.

Passo 2: Oculte o campo na sua página ativa
Como você não quer que os clientes vejam esta caixa de entrada, vá para a aba CSS do mesmo elemento Código Personalizado e adicione:
.gyC1HhyiC_ {
exibir: nenhum! importante;
}



Obrigado por seus comentários