O que são Pop-ups?
Pop-ups são janelas flutuantes que aparecem no site da sua loja para captar informações dos visitantes, como nome, e-mail, WhatsApp e outros dados. Eles são uma ferramenta essencial para construir e enriquecer sua base de leads, permitindo que você se comunique com potenciais clientes mesmo que eles ainda não tenham realizado uma compra.
Com os pop-ups da Martz, você pode:
Captar leads para campanhas de WhatsApp, e-mail e SMS
Oferecer cupons de boas-vindas em troca do cadastro
Segmentar visitantes com tags automáticas
Criar campanhas de Comunicação com Assinantes para se comunicar com quem se inscreveu
💡 Os leads captados pelo pop-up ficam disponíveis na sua base de clientes da Martz e podem ser utilizados em campanhas do tipo Comunicação com Assinantes.
Passo 1: Acesse a tela de Pop-ups
No menu lateral do painel da Martz, na seção Planejar, clique em Pop-ups.
Nesta tela, você verá todos os pop-ups já criados para sua loja. Para criar um novo, clique no botão "novo pop-up" no canto superior direito ou no botão "criar novo pop-up" no centro da tela.
Passo 2: Conheça o editor de Pop-ups
Ao clicar em "novo pop-up", você será direcionado ao editor. O editor é dividido em duas áreas:
Lado esquerdo — Painel de configuração com 7 seções expansíveis.
Lado direito — Pré-visualização em tempo real do pop-up, com opção de alternar entre a visualização Desktop e Mobile.
As 7 seções de configuração são:
Informações básicas
Campos do formulário
Layout do formulário
Layout da imagem
Layout de sucesso
Exibição
Disparo
A seguir, explicamos cada uma delas.
Passo 3: Informações básicas
Expanda a seção Informações básicas e preencha os campos:
Nome*
Nome interno do pop-up para identificação no painel. Não é exibido para o visitante.
Exemplo: Captação de Leads
Título*
Frase principal exibida no topo do pop-up. Use um texto atrativo que incentive o cadastro.
Exemplo: Receba ofertas exclusivas!
Subtítulo
Texto complementar exibido abaixo do título (opcional).
Exemplo: Iremos te entregar uma oferta especial
Associar tag
Permite vincular uma ou mais tags aos leads que se cadastrarem por este pop-up. As tags facilitam a segmentação posterior em campanhas e grupos de clientes.
Habilitado para exibição no site
Toggle que controla se o pop-up está ativo ou não. Quando ativado, o pop-up será exibido no site conforme as regras de exibição e disparo configuradas.
Após preencher, clique em prosseguir para avançar.
Passo 4: Campos do formulário
Nesta seção, você define quais campos serão exibidos no formulário do pop-up. Cada campo pode ser ativado ou desativado individualmente pelo toggle ao lado do nome.
Os campos disponíveis incluem:
Nome
E-mail
WhatsApp
Documento (CPF/CNPJ)
Nascimento
Checkbox de aceite (ex: "Deseja receber promoções e novidades através dos nossos canais de comunicação?")
💡 O sistema valida automaticamente os dados inseridos pelos visitantes (formato de e-mail, CPF, telefone, etc.). Campos com o ícone de cadeado são obrigatórios e não podem ser desativados.
⚠️ Importante: Ative apenas os campos que realmente precisa. Formulários mais curtos tendem a ter taxas de conversão maiores.
Passo 5: Layout do formulário
Nesta seção, você personaliza a aparência visual do formulário. Os campos disponíveis são:
Background*
Selecione entre Cor ou Imagem para o fundo do formulário. Caso escolha Cor, defina o código hexadecimal desejado.
Cor do texto*
Cor do texto do título e subtítulo do pop-up. Certifique-se de que tenha bom contraste com o fundo.
Texto do botão*
Texto exibido no botão de envio do formulário.
Exemplo: ENVIAR, CADASTRAR, QUERO MEU CUPOM
Cor do botão*
Cor de fundo do botão de envio. Utilize uma cor que se destaque para chamar a atenção do visitante.
Após configurar, clique em prosseguir.
Passo 6: Layout da imagem
Adicione uma imagem ao pop-up para torná-lo mais atrativo. Esta seção é opcional.
Posição
Defina onde a imagem será exibida em relação ao formulário:
Nenhuma — Sem imagem
Topo — Acima do formulário
Direita — Ao lado direito do formulário
Esquerda — Ao lado esquerdo do formulário
Fundo — Abaixo do formulário
Ao selecionar uma posição diferente de "Nenhuma", novos campos são exibidos a depender da opção escolhida, como por exemplo:
Upload de imagem — Selecione o arquivo de imagem. Formatos aceitos: JPG, PNG, GIF, WebP.
Disposição* — Define como a imagem preenche o espaço (ex: "Preencher o espaço").
Exibir imagem em dispositivos móveis? — Toggle para escolher se a imagem será exibida também no celular.
💡 Consulte o artigo Configurando imagens em um Pop-Up para ver as dimensões recomendadas de acordo com a posição escolhida e a quantidade de campos no formulário.
Passo 7: Layout de sucesso
Configure o que o visitante verá após enviar o formulário com sucesso.
Mensagem
Texto exibido após o envio bem-sucedido.
Exemplo: Parabéns, você agora receberá nossas atualizações.
Botão
Texto do botão exibido na tela de sucesso.
Exemplo: Ir para o site
Tipo de ação do botão*
Define o que acontece quando o visitante clica no botão de sucesso:
Fechar pop-up — Fecha o pop-up e o visitante retorna à navegação
Redirecionar — Redireciona o visitante para uma URL específica
Imagem
Imagem opcional exibida na tela de sucesso da assinatura.
Passo 8: Exibição
Nesta seção, configure onde e como o pop-up será exibido no site.
Largura de exibição (Desktop)*
Define a largura do pop-up em pixels na versão desktop. O valor padrão é 660 pixels.
Posição*
Define o posicionamento do pop-up na tela. Exemplo: Centralizado.
Modo*
Define em quais páginas o pop-up será exibido:
Em todas as páginas — O pop-up aparece em qualquer página do site
Em páginas específicas — O pop-up aparece apenas nas páginas configuradas
Páginas bloqueadas
URLs onde o pop-up não deve aparecer, mesmo que o modo seja "Em todas as páginas". Útil para bloquear páginas como checkout.
Exemplo: /checkout
Páginas permitidas
URLs específicas onde o pop-up deve aparecer. Utilizado quando o modo é "Em páginas específicas".
⚠️ Atenção: Páginas bloqueadas têm prioridade sobre páginas permitidas. Se uma página estiver nas duas listas, o pop-up não aparecerá nela.
⚠️ Importante: Em ambos os campos, utiliza-se apenas o caminho da página (ex.: /carrinho) e não a url completa (ex.: https://www.meusite.com.br/carrinho
Passo 9: Disparo
Configure quando e como o pop-up será disparado para o visitante.
Gatilho*
Define o evento que faz o pop-up aparecer. As opções são:
Somente uma vez — O pop-up aparece apenas uma vez para cada visitante.
Até concluir o formulário — O pop-up continua aparecendo até que o visitante preencha e envie o formulário.
Imediato — O pop-up aparece assim que a página é carregada.
Atraso — O pop-up aparece após um tempo determinado (em segundos) depois do carregamento da página.
Inatividade — O pop-up aparece quando o visitante fica inativo (sem clicar ou mover o mouse) por um tempo determinado.
Scroll — O pop-up aparece quando o visitante desce a página até um ponto específico.
Botão — Um botão flutuante fica visível na tela e o pop-up aparece quando o visitante clica nele.
Configurações adicionais de disparo
Dependendo do gatilho selecionado, campos adicionais são exibidos:
Atraso em segundos* (para gatilho "Atraso")
Tempo em segundos que o sistema aguarda antes de exibir o pop-up.
Exemplo: 20 segundos
Frequência*
Define com que frequência o pop-up será exibido para o mesmo visitante:
Sem limites — Aparece sempre que o visitante acessar o site
Por hora — Aparece no máximo uma vez por hora
Por dia — Aparece no máximo uma vez por dia
Por mês — Aparece no máximo uma vez por mês
💡 A frequência é controlada por cookies no navegador do visitante. Se o visitante limpar os cookies ou acessar de outro navegador/dispositivo, o pop-up será exibido novamente.
Passo 10: Salvar o pop-up
Após configurar todas as seções, clique no botão "salvar" na parte inferior do painel esquerdo.
O pop-up será salvo e ficará disponível na tela principal de Pop-ups. Se o toggle "Habilitado para exibição no site" estiver ativo, o pop-up já estará pronto para ser instalado.
Como instalar o pop-up no seu site
Após criar e salvar o pop-up, é necessário instalar o código de incorporação no seu site para que ele funcione.
Obter o código
Acesse a tela de Pop-ups no painel da Martz
Clique no pop-up que deseja instalar
Na tela de edição, clique no botão "visualizar código" no canto superior direito
Um modal será exibido com o código de instalação
Clique em "copiar" para copiar o código
O código terá o seguinte formato:
<script type="text/javascript" async="true" src="https://public-assets.martz.com.br/newsletters/SEU-ID-loader.min.js?v=3"></script>
Instalar no site
Cole o código copiado antes da tag de fechamento </body> no HTML do seu site. Essa tag geralmente está no final do arquivo de layout principal.
⚠️ Importante: Se tiver dúvidas sobre como inserir o código, entre em contato com o suporte da sua plataforma de e-commerce.
Instalação por plataforma
Shopify
No admin da Shopify, vá em Configurações > Checkout
Procure por "Scripts adicionais" ou "Code injection"
Cole o código no campo antes da tag
</body>Salve as alterações
Nuvemshop
No admin da Nuvemshop, vá em Design > Editar código do tema
Localize o arquivo de layout principal
Cole o código antes da tag
</body>Salve as alterações
Yampi
Acesse o painel da Yampi
Vá em Configurações > Aparência > Código Personalizado
Cole o código no campo Footer (rodapé), antes da tag
</body>Salve as alterações
Tray
No painel da Tray, vá em Aparência > Editor de Tema
Localize o arquivo de layout principal (ex: theme.liquid)
Cole o código antes da tag
</body>Salve as alterações
WooCommerce / WordPress
Instale um plugin como "Header and Footer Scripts"
Vá em Configurações > Header and Footer Scripts
Cole o código no campo "Footer Scripts"
Salve as alterações
Shoppub
No painel da Shoppub, vá em Aparência > Temas > Editar Código
Localize o arquivo theme.liquid na pasta "Layout"
Cole o código antes da tag
</body>Salve as alterações
Observação: Para plataformas não listadas acima, o processo é semelhante: localize a área de "Scripts personalizados" ou "Código personalizado" e insira o código antes da tag </body>. Em caso de dúvidas, consulte a documentação da sua plataforma.
Para algumas plataformas, a Martz também disponibiliza um botão de instalação do pop-up, que integra na plataforma e instala automaticamente. Para os casos em que essa opção está disponível, este botão aparecerá logo ao lado do botão de "visualizar código".
Testando o pop-up
Após instalar o código, siga os passos abaixo para testar:
Abra o site da sua loja em um navegador
Limpe o cache do navegador (Ctrl+F5 no Windows ou Cmd+Shift+R no Mac)
Verifique se o pop-up aparece conforme as regras de disparo configuradas
Preencha o formulário e envie para confirmar que os dados estão sendo captados corretamente
⚠️ Se o pop-up não aparecer após a instalação, verifique se: o toggle "Habilitado para exibição no site" está ativo, o código foi inserido corretamente antes da tag </body>, a página não está na lista de "Páginas bloqueadas" e o cookie de frequência não está ativo (limpe os cookies do navegador).
Solução de problemas
Pop-up não aparece
Verifique se o código foi adicionado corretamente antes da tag
</body>Limpe os cookies do navegador (o cookie de frequência pode estar ativo)
Confira se a página está na lista de "Páginas bloqueadas"
Verifique se o toggle "Habilitado para exibição no site" está ativo
Pop-up aparece em todas as páginas, inclusive no checkout
Adicione /checkout no campo "Páginas bloqueadas" na seção Exibição
Pop-up aparece repetidamente
Ajuste a Frequência na seção Disparo para "Por dia" ou "Por mês"
Imagem não aparece no celular
Verifique se o toggle "Exibir imagem em dispositivos móveis?" está ativo na seção Layout da imagem