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:

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.

Se a roleta de prêmios estiver liberada na sua loja, ao clicar em Novo pop-up aparece a janela Que tipo de pop-up você deseja criar?: escolha Formulário para seguir este artigo ou Roleta para criar a roleta (veja Como criar e configurar a roleta de prêmios no pop-up).

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:

A seguir, explicamos cada uma delas.

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

Chave que controla se o pop-up está ativo. Quando ligada, o pop-up é exibido no site conforme as regras de exibição e disparo. Todo pop-up novo é salvo já habilitado; para deixá-lo desligado, abra o pop-up depois de salvar, desligue a chave e salve novamente.

Após preencher, clique em prosseguir para avançar.

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:

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.

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:

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 e PNG.

Disposição* — Define como a imagem preenche o espaço: Preencher o espaço, Repetir ou Centralizar.

Proporção* — Aparece para imagem na Direita ou na Esquerda. Define quanto da largura do pop-up a imagem ocupa (de 15% a 50%).

Exibir imagem em dispositivos móveis? — Chave para exibir a imagem também no celular. Ligada, você escolhe a Posição no mobile, pode enviar uma imagem específica para o celular e, com a imagem no Topo ou no Fundo, define a Altura no mobile.

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:

Imagem

Imagem opcional exibida na tela de sucesso da assinatura.

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 e mínimo é 660 pixels.

Posição*

Define o posicionamento do pop-up na tela. Opções: Centralizado, Direita, Fundo e Esquerda.

Modo*

Define em quais páginas o pop-up será exibido:

Páginas bloqueadas

URLs onde o pop-up não deve aparecer. Útil para bloquear páginas como checkout. O pop-up não aparece em nenhum endereço que contenha o trecho informado (ex.: /checkout bloqueia /checkout/pagamento).

Exemplo: /checkout

Páginas permitidas

Preencha para limitar o pop-up a essas páginas; o caminho precisa ser exatamente o da página (ex.: /colecao/verao). Se ficar vazio, vale para todas as páginas, exceto as bloqueadas.

Configure quando e como o pop-up será disparado para o visitante.

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. Informe o tempo em Inatividade em segundos.

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.

Com o gatilho Botão, configure também Posição do botão (Topo + Esquerda, Topo + Direita, Fundo + Direito ou Fundo + Esquerdo), Texto do botão, Imagem do botão (opcional) e Cor do botão.

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:

Uma exibição a cada* — Aparece quando a frequência não é "Sem limites". Informe o intervalo, em hora(s), dia(s) ou mês(es), conforme a frequência escolhida. Ex.: Por dia + 2 = no máximo uma exibição a cada 2 dias.

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.

Após criar e salvar o pop-up, é necessário instalar o código de incorporação no seu site para que ele funcione.

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>

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.

Shopify

Nuvemshop

Yampi

Tray

WooCommerce / WordPress

Shoppub

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 Tray, Loja Integrada, Shopify, Wbuy e Nuvemshop, a Martz também oferece o botão instalar na loja, ao lado de visualizar código. Ele aparece depois que o pop-up é salvo e instala o pop-up na plataforma automaticamente, mostrando o status da instalação (Instalado, Instalação manual, Falha ou Não instalado). Se o botão não aparecer, veja A opção instalar na loja não aparece.

Ao clicar em um pop-up na lista, a tela Detalhes do pop-up mostra Título, Versão, Criado em, as Instalações feitas e a aba Assinantes, com os contatos captados.

Após instalar o código, siga os passos abaixo para testar:

Pop-up não aparece

Pop-up aparece em todas as páginas, inclusive no checkout

Pop-up aparece repetidamente

Imagem não aparece no celular