Criar um formulário de inscrição na newsletter

Neste artigo vamos te mostrar como criar e configurar um formulário para que seus usuários se inscrevam na sua newsletter.

Uma Newsletter é um boletim digital enviado com uma certa periodicidade (por exemplo, semanal, mensal ou trimestral) para uma lista de contatos. Esses contatos devem ter aceitado previamente o envio de forma expressa.

Essa ação é essencial para incentivar os usuários a assinar planos, comprar novas publicações, mantê-los informados com novidades, oferecer descontos ou promoções, etc.

💡 Algumas ideias que você pode incluir na sua newsletter:

• "Ebooks mais vendidos do mês" ou "Ebooks que você não consegue parar de ler": você pode promover o ranking desses ebooks e adicionar uma breve sinopse, imagens, links diretos para a loja e compartilhar um cupom de desconto para comprá-los.
• "Próximos lançamentos" ou "Promoções da semana": compartilhe as novidades com seus usuários para mantê-los informados sobre o conteúdo e as promoções da loja. Você pode usar imagens e textos atrativos, links diretos e muito mais!

Você tem duas formas de enviar esses e-mails:

1. Pela loja, você pode configurar lifecycle emails: isso servirá para incentivar a assinatura de planos e será enviado para todos os seus usuários que ainda não adquiriram nenhum plano.

2. Criando um formulário de inscrição vinculado ao Mailchimp: isso permitirá que você configure os dados que deseja solicitar dos seus usuários e crie uma lista de contatos que poderá gerenciar pelo Mailchimp.

Neste artigo, vamos te mostrar como criar um formulário no Mailchimp e conectá-lo à loja.

Mailchimp é uma plataforma de automação de marketing que ajuda você a compartilhar campanhas de e-mail e publicidade com seus usuários leitores. Ao conectá-lo à loja, você permitirá que seus usuários se inscrevam e recebam e-mails periódicos com novidades, promoções, campanhas, etc.

No Mailchimp

1. Acesse o **Mailchimp** e crie uma conta. Você pode escolher um plano gratuito ou pago.

2. Após entrar, vá ao painel de administração.

3. Clique em Criar > Signup Form. A seção para construir o formulário será aberta, onde você poderá editar os campos: alterar os nomes, excluir ou adicionar novos.

💡 Recomendamos marcar o E-mail como obrigatório.

4. Quando terminar de editar os campos, clique em Criar novamente e escolha a opção Embedded form. Fique na seção Classics e role a página para acessar o código do formulário.

5. Copie o código fornecido pelo Mailchimp.

Assista ao vídeo com o passo a passo:

Na loja no Publica

6. Vá em Painel de Controle > Configurações > Avançado e cole o código do passo anterior no campo Custom before </body> code

7. Compartilhamos abaixo os estilos CSS usados no exemplo da imagem do início. Se você tiver conhecimento de CSS, pode modificá-los como preferir:

<style>
body {
overflow-x: hidden !important;
}
/* Formulario de suscripción a NL */
/* Desktop */
#mc_embed_signup h2{
text-align: center !important;
}
#mc_embed_signup {
background: url('https://i.ibb.co/kBFbKZ3/mails.png') !important;
color:#fff;
box-shadow: inset 0 0 20px rgb(0,0,0,0.5);
padding: 60px 0px;
font-family: Raleway,sans-serif;
}
#mc_embed_signup form{
opacity: 60%;
background: black;
}
#mc_embed_signup_scroll {
width:1370px;
margin-left:calc(50% - 685px);
}
#mc_embed_signup .mc-field-group {
padding-bottom:30px;
clear: none !important;
width: 32% !important;
float: left;
padding-left: 2%;
}
#mc_embed_signup .mc-field-group:first-of-type {
padding-left: 0%;
}
#mc_embed_signup .button {
background-color: #FCB0F7 !important;
padding: 0px 30px !important;
height: 45px !important;
font-size: 1.1rem !important;
font-weight:bold !important;
line-height: 20px;
width: 300px !important;
margin-left: calc(50% - 150px) !important;
color: #000 !important;
font-family: Raleway,sans-serif;
box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#mc_embed_signup .button:hover {
background-color: pink !important;
color: #000 !important;
}

#suscription-title {
color: white;
text-align: center;
width: 100%;
font-weight: bold;
margin-bottom: 20px;
}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{
width: 45px !important;
height: 34px;
}
/* Laptop */
@media (max-width: 1400px) {
#mc_embed_signup_scroll {
width:955px;
margin-left:calc(50% - 478px);
}
#mc_embed_signup .mc-field-group {
padding-left: 0%;
}
#mc_embed_signup .mc-field-group, #mc_embed_signup .indicates-required {
width:100% !important;
}
}

/* tablet */
@media (max-width: 984px) {
#mc_embed_signup_scroll {
width:738px;
margin-left:calc(50% - 381px);
}
#suscription-title {
font-size:1.6rem;
}
}
/* mobile */
@media (max-width: 767px) {
#mc_embed_signup_scroll {
width:97%;
margin-left:0px;
}
#mc_embed_signup .button {
margin-top: 10px !important;
}
#suscription-title {
font-size:1.3rem;
}
#mc_embed_signup .mc-field-group input {
left: 5%;
width: 100%;
}
}

/* Fin estilos*/
</style>

Cole este código no campo Custom before </body> code ou em CSS Personalizado.

👉Se você tiver o campo CSS Personalizado, pode colocar o código lá, removendo as tags <style></style> do início e do final do código.

8. Por fim, clique em Salvar.

Pronto! Você já tem seu formulário de inscrição vinculado à loja.

DICA PRO: Se quiser automatizar o envio de e-mails toda vez que publicar um novo post, você pode usar o Zapier!

Aqui compartilhamos nosso artigo onde ensinamos sobre essa integração.

Se quiser saber mais sobre as funcionalidades do Mailchimp ou precisar de ajuda, aqui compartilhamos o link para a Central de Ajuda deles.

Esperamos que este tutorial tenha sido simples para você. Se tiver dúvidas, escreva para support@publica.la.

Atualizado em: 11/05/2026