Os pop-ups são janelas que aparecem automaticamente na tela de quem visita sua página, após uma ação específica. Eles podem ser usados para exibir avisos, apresentar ofertas, destacar mensagens importantes ou incluir formulários de inscrição.
No Hotmart Pages, esse recurso ajuda a direcionar a atenção dos visitantes e aumentar o engajamento com o conteúdo exibido.
Neste artigo, mostramos como criar, editar e gerenciar pop-ups no Hotmart Pages, além de explicar as principais formas de utilizá-los nas suas páginas.
Tipos de Pop-ups
No Hotmart Pages, há dois tipos principais de pop-up que podem ser configurados conforme o objetivo da sua página:
Pop-up de botão: exibido quando o visitante clica em um botão específico. Esse tipo é ideal para:
- Destacar ofertas ou conteúdos extras.
- Incentivar uma ação direta, como inscrição, download ou compra.
- Personalizar a experiência de acordo com o público.
- Aumentar engajamento com promoções, eventos ou outras interações.
Pop-up de saída: exibido quando o sistema detecta que o visitante está prestes a sair da página — por exemplo, ao mover o cursor em direção à barra de endereços ou ao botão de fechar o navegador. Esse tipo é útil para:
- Reter visitantes que estão prestes a sair.
- Oferecer um último incentivo, como descontos ou conteúdos exclusivos.
- Aumentar conversões, incentivando a inscrição do contato antes da saída.
- Importante: será exibido somente na versão desktop.
Como criar um pop-up
- Acesse sua conta Hotmart pelo link app.hotmart.com.
- No menu lateral, vá em Marketing e depois em Criação de páginas.
- Dentro do Hotmart Pages, acesse o menu lateral e selecione Minhas páginas.
- Escolha a página em que deseja personalizar e clique em Editar; ou em Criar página para começar do zero.
- No editor, clique no ícone + no menu lateral para Adicionar estruturas e elementos.
- Selecione o elemento Pop-up, arraste e solte na página. Durante a edição, ele será exibido sob a primeira seção.
- Após adicionar, escolha entre:
Substituir por modelo pronto: para usar um modelo existente e apenas substituir as informações.
Adicionar elementos: para criar um pop-up do zero, personalizado conforme sua necessidade. - Depois de personalizar o conteúdo, clique sobre o elemento para exibir o menu lateral de configuração.
- Defina um Nome interno para o pop-up.
- Em Quando exibir, escolha entre:
Ao clicar em um botão — lembre-se de vincular corretamente o botão ao pop-up.
Ao tentar sair da página. - Personalize o estilo, espaçamento e demais ajustes visuais conforme o layout desejado.
- Opcional: Se desejar reutilizar o pop-up em outras páginas, clique no ícone de bandeira sob o elemento ou em Salvar pop-up no menu lateral.
As alterações são salvas automaticamente como rascunho. Clique em Publicar para colocar a página no ar ou atualizar a versão publicada.
❯ Como editar ou excluir um pop-up
- No editor, clique no ícone de camadas no menu lateral para acessar Estrutura da página.
- Clique no ícone de lápis para editar ou na lixeira para excluir o pop-up.
- Também é possível adicionar um novo Pop-up por esse caminho. Clique em + Adicionar pop-up e escolha entre Modelos prontos ou Meus pop-ups para reaproveitar versões anteriores, ou selecione Adicionar Pop-up em branco para criar do zero.
Importante
Se escolher a opção “Ao clicar em um botão”, é necessário vincular corretamente o botão ao pop-up. Se precisar, consulte o artigo sobre como vincular um botão a uma ação no Hotmart Pages.
É possível incluir outros elementos dentro do pop-up, como textos, botões, imagens ou formulários do Hotmart Send, conforme o objetivo da página.
As páginas do Hotmart Pages são responsivas e adaptam automaticamente o conteúdo para diferentes tamanhos de tela. No entanto, ajustes de tamanho e espaçamento podem ser personalizados para cada dispositivo. Por isso, antes de publicar, revise a visualização mobile para oferecer uma melhor experiência aos seus visitantes.
Se você ainda tiver dúvidas sobre configuração de pop-up, nossa equipe de suporte está à disposição para ajudar. Saiba como entrar em contato.