Crie seu formulário pop-up

Depois de selecionar um modelo e criar seu formulário pop-up do Mailchimp, crie e personalize o formulário para corresponder à sua marca. Faça upload de um logotipo, altere fontes e cores, adicione etapas de acompanhamento e outros elementos atraentes para envolver seu público.

Neste artigo, você aprenderá como criar seu formulário pop-up.

Antes de começar

Algumas coisas que você deve saber antes de iniciar esse processo:

• Os formulários pop-up do Mailchimp exigem um modelo. Para saber mais, confira Criar um formulário pop-up.
• O design do seu formulário pop-up deve estar em conformidade com as exigências do RGPD. Para saber mais, confira Coletar consentimento com formulários pop-up.

Crie seu formulário

Depois de criar um formulário pop-up e escolher um modelo, crie-o no editor de formulários pop-up para corresponder à sua marca e maximizar o envolvimento com o site. Seu formulário tem diferentes elementos ou componentes, como texto, imagens, botões e campos de entrada, que podem ser alterados separadamente.

Os formulários pop-up que você já criou estão listados na sua página de visão geral. Para atualizar, clique no formulário com o qual você quer trabalhar e clique em Editar conteúdo na seção Como ele é?.

Adicionar um logotipo

Para adicionar seu logotipo ao formulário pop-up, siga estas etapas.

1. No painel Etapas, clique em Oferta.
2. Clique em Logotipo.
3. Na seção Imagem, clique em Substituir imagem.
   
4. Escolha o arquivo que deseja carregar. Arquivos SVG, PNG, WebP ou AVIF são compatíveis.
5. Altere o estilo do logotipo, ajuste a posição, largura, altura e margem. Você pode adicionar cantos arredondados e outros elementos para atender às suas necessidades de design.

Atualizar fontes

Atualize as fontes do formulário pop-up usando a ferramenta de edição em massa ou individualmente.

Edição em massa

Para atualizar suas fontes com uma edição em massa, siga estas etapas.

1. Na seção Tipografia, escolha a fonte que deseja atualizar.
2. Na janela pop-up Edição em massa de todas as instâncias dessa fonte, escolha uma fonte na lista suspensa Fonte.
3. Para visualizar suas alterações, clique em Visualizar e, em seguida, clique em Visualizar localmente.
4. Quando estiver pronto para salvar suas alterações, clique em Salvar e revisar.
   
5. Escolha um peso de fonte na lista suspensa Peso e clique em Atualizar todos os usos desta fonte.

Edição individual

Para atualizar suas fontes individualmente, siga estas etapas.

1. No layout do formulário pop-up, clique no bloco de texto que deseja atualizar.
2. Na seção Tipografia, clique no menu suspenso e escolha sua fonte.
3. Altere a cor, borda, espaçamento, opacidade, rotação, animação e muito mais.
4. Para visualizar suas alterações, clique em Visualizar e, em seguida, clique em Visualizar localmente.
5. Quando estiver pronto para salvar suas alterações, clique em Salvar e revisar.
   

Alterar cores

Modifique as cores do formulário pop-up para texto, fundos, botões e bordas.

Para alterar suas cores, siga estas etapas.

1. Na seção Cores, clique na cor que deseja atualizar. Se você estiver no layout do formulário pop-up, clique em Voltar para todas as etapas.
2. Use o seletor de cores para escolher uma predefinição ou inserir um código HEX personalizado.
3. Para visualizar suas alterações, clique em Visualizar e, em seguida, clique em Visualizar localmente.
4. Quando estiver pronto para salvar suas alterações, clique em Salvar e revisar.
   

Repita esse processo para todas as cores que deseja alterar.

Adicionar imagens

As imagens são uma maneira poderosa de tornar seus formulários pop-up do Mailchimp mais visualmente atraentes. Substitua ou adicione novas imagens de acordo com seu estilo e marca. Para melhores resultados, recomendamos um tamanho de imagem de 300KB.

Para adicionar ou atualizar imagens, siga estas etapas.

Imagem

1. No painel Etapas, clique em Oferta.
2. Clique em Adicionar um elemento.
3. Arraste e solte o elemento Imagem no seu layout.
4. Na seção Imagem, clique em Carregar.
   
5. Personalize a imagem de acordo com a marca do seu site.
6. Se você não quiser mais a imagem, clique em excluir no teclado.

Plano de fundo da imagem

1. No layout, clique no plano de fundo da imagem com a qual deseja trabalhar.
2. Na seção Plano de fundo da imagem, clique em Substituir imagem. Você também pode remover plano de fundo + cortar automaticamente ou remover plano de fundo apenas.
   
3. Ajuste o tamanho, defina um padrão de repetição ou escolha o alinhamento conforme necessário.
4. Se você não quiser mais a imagem, clique em excluir no teclado.

Atualizar texto

Recomenda-se atualizar o texto usando a visualização móvel. O texto será atualizado automaticamente na área de trabalho.

Para atualizar o texto do formulário pop-up, siga estas etapas.

1. No layout do formulário pop-up, clique duas vezes no texto que deseja atualizar.
2. Insira seu novo texto no bloco de texto.
3. Atualize seu texto em todas as etapas do layout do formulário pop-up.

Botões de atualização

Você pode atualizar as ações de aparência e botão no seu layout.

Para atualizar os botões, siga estas etapas.

1. No seu layout, clique no botão com o qual deseja trabalhar.
2. No painel Propriedades, clique em Aparência para atualizar a aparência do botão.
   
3. Clique em Ações do botão para ver ou adicionar ações. Por exemplo, você pode ter ações de botão para coletar dados de e-mail e SMS dos visitantes do site.
   
4. Na seção Ir para a etapa, clique no menu suspenso Etapa para ver outras ações de botão ou clique em Adicionar ação para adicionar ações para atender às suas necessidades.
   

Atualizar estilos

Os estilos são aplicados aos modelos de formulário pop-up do Mailchimp para ajudar você a criar seu formulário. Adicione ou remova estilos no seu layout para corresponder à sua marca pessoal.

Editar estilos

Para editar estilos, siga estas etapas.

1. No painel Camadas, clique no elemento com o estilo que deseja alterar. O ícone de gota indica que um estilo foi aplicado.
2. No painel Propriedades, clique no menu suspenso ESTILO para ver todos os elementos com esse estilo.
3. Escolha a propriedade (fonte, cor, tamanho, opacidade etc.) que deseja atualizar. Todos os elementos do seu layout com esse estilo serão atualizados.

Criar estilos

Para criar um novo estilo, siga estas etapas.

1. Selecione o elemento sem um estilo anexado.
2. No painel Propriedades, clique no ícone Novo estilo.
   
3. Dê um nome ao seu estilo e clique em Criar estilo de elemento.
4. No menu suspenso ESTILO, clique em Desanexar estilo para remover um estilo.

Atualizar código de desconto

Se o seu modelo de formulário pop-up tiver um código de desconto, atualize o texto do código de desconto do espaço reservado com o seu próprio código.

Para atualizar o código de desconto, siga estas etapas.

1. No layout do formulário pop-up, clique duas vezes no código de desconto do espaço reservado.
2. Insira seu código de desconto.
3. Você também precisará substituir este texto na barra de lembretes antes de publicar.

Atualizar links legais de SMS

Se você optar por um modelo de formulário pop-up que inclua SMS, adicione links aos seus Termos e condições de marketing por SMS e à sua política de privacidade.

Para atualizar seus links legais de SMS, siga estas etapas.

1. No seu layout na etapa Concluir inscrição, clique nos links Termos e privacidade.
2. Clique em Ações do botão(1).
3. Insira a URL(s) para seus links legais de SMS.

Mini-teste

Mini-questionamentos são uma maneira interativa de envolver os visitantes do site e coletar dados valiosos. Crie um miniteste com caixas de seleção, menus suspensos ou botões de opção. Para perguntas com uma resposta, use botões de opção ou menus suspensos. Para perguntas com mais de uma resposta, use caixas de seleção.

Aqui estão os tipos de minitestes que você pode criar.

Botões de opção

Os botões de opção, ou um conjunto de rádios, oferecem um design visível de múltipla escolha para o seu miniteste. Os visitantes do seu site escolhem uma única resposta entre as opções que você cria.

Para configurar os botões de opção, siga estas etapas.

1. No painel Etapas, clique em Oferta.
2. Clique em Adicionar um elemento.
3. Arraste e solte o elemento Conjunto de Rádios no seu layout.
4. Insira seu texto nos campos de texto. Certifique-se de que cada botão de opção tenha um valor exclusivo atribuído.
5. Adicione um botão de envio.

Menu suspenso

Os menus suspensos oferecem um design oculto de múltipla escolha para o seu miniteste. Os visitantes do seu site escolhem uma única resposta entre as opções que você cria.

Para configurar uma lista suspensa, siga estas etapas.

1. No painel Etapas, clique em Oferta.
2. Clique em Adicionar um elemento.
3. Arraste e solte o elemento suspenso no seu layout.
4. Insira suas opções suspensas nos campos. Certifique-se de que cada opção na lista suspensa tenha um valor exclusivo atribuído.

Checkboxes (Caixas de seleção)

As caixas de seleção oferecem uma opção de resposta múltipla e uma resposta individual para o seu miniteste. Os visitantes do seu site escolhem quantas respostas quiserem entre as opções que você cria ou podem marcar uma caixa de seleção obrigatória. Use caixas de seleção para obter permissão ou preferências de marketing, bem como consentimento legal.

Para configurar uma caixa de seleção, siga estas etapas.

Conjunto de caixas de seleção

1. No painel Etapas, clique em Oferta.
2. Clique em Adicionar um elemento.
3. Arraste e solte o elemento Conjunto de caixas de seleção no seu layout.
4. Insira o texto a ser exibido ao lado de cada caixa de seleção. Certifique-se de que cada opção de conjunto de caixas de seleção tenha um valor exclusivo atribuído.
5. Adicione um botão enviar.

Caixa de seleção Individual

1. No painel Etapas, clique em Oferta.
2. Clique em Adicionar um elemento.
3. Arraste e solte o elemento Caixa de seleção individual no seu layout.
4. Digite o texto da caixa de seleção no campo.
5. Escolha um campo de público para armazenar dados de caixa de seleção no seu público.
6. Escolha as configurações obrigatórias e padrão.

Adicionar etapas de acompanhamento

Adicione etapas de acompanhamento ao formulário pop-up para ajudar os visitantes a se envolverem novamente com o formulário. Lembre-os de uma oferta de desconto ou use botões para fazer a transição através do formulário pop-up.

Aqui estão algumas etapas de acompanhamento que você pode adicionar ao seu formulário pop-up.

Elementos de segunda chance

Elementos de segunda chance, também conhecidos como teasers, ajudam a envolver novamente os visitantes que anteriormente desconsideraram seu formulário pop-up. Essas bolhas de teaser normalmente aparecem no canto da tela e seguem os visitantes durante todo o tempo em seu site.

Para adicionar um segundo elemento de chance, siga estas etapas.

1. No painel Etapas, clique em Acompanhamento.
2. Clique em2o contêiner de chance.
3. Escolha suas configurações de estilo para a etapa de acompanhamento, texto e botões.
4. Para remover um segundo elemento de chance, reduza o zoom e clique em Encerrar campanha.

Barra de lembrete

A barra de lembrete funciona como um aviso para incentivar os contatos inscritos a usarem o código de desconto depois que o formulário pop-up for fechado e eles optarem pelo seu marketing. Essa barra não é interativa e aparece como uma notificação permanente enquanto os visitantes navegam no seu site.

Analisar as configurações

Depois de criar seu formulário pop-up, analise suas configurações e visualize. Clique em Salvar e revisar para revisar a lista de verificação do formulário pop-up. Clique em Visualizar para testar seu formulário pop-up.

Quando estiver pronto, clique em Publicar ou agende para publicar seu formulário pop-up no seu site. Para saber mais, confira Criar um formulário pop-up.

Próximas etapas

Depois de publicar seu formulário pop-up, mantenha seu conteúdo e gerencie suas métricas para atender às suas metas de marketing. Para saber como gerenciar seus formulários, confira Gerenciar seu formulário pop-up.