Criar e apresentar formulários pop-up

Published: 16 de julho de 2026 · Last updated: 21 de julho de 2026 · By Marcus Biel

Um pop-up é apresentado sobre o conteúdo do seu site. Ele coloca a oferta de inscrição diretamente no campo de visão do visitante, mantendo a página subjacente no lugar.

Os pop-ups são úteis para ofertas de newsletters, descontos, inscrições em eventos, ímanes de leads e outros apelos à ação específicos. Como interrompem a experiência normal da página, o momento e a frequência são tão importantes quanto o design.

Este guia explica as definições específicas dos pop-ups. Os layouts, blocos de conteúdo, campos de subscritor, etiquetas, tipografia, camadas e fluxos de inscrição são abordados no guia principal do Criador de formulários de inscrição.

Criar um pop-up

Abra “Signup Forms”, clique em “Create Form” e selecione “Popup”. Introduza um nome interno claro e avance para o criador.

Também pode editar um pop-up existente clicando no respetivo nome na visão geral dos formulários de inscrição.

Use um nome que explique a oferta ou a localização, como “Popup de desconto da página inicial”, “Popup de inscrição no webinar” ou “Popup de transferência do guia”. O nome interno não é apresentado automaticamente aos visitantes.

Escolher um modelo de pop-up

Os pop-ups disponibilizam um formulário em branco, um formulário padrão e quatro modelos concebidos:

• Desconto clean
• Guia acolhedor
• Webinar escuro
• Comunidade suave

Escolha um modelo cujo tamanho e estrutura de conteúdo sejam adequados à oferta. Todo o texto, campos, cores, imagens, espaçamento e layout podem ser alterados posteriormente.

Conceber o pop-up

Use o criador visual para organizar o pop-up. Pode combinar o formulário de inscrição com texto, imagens, vídeo, listas, botões, links sociais, um contador de subscritores, espaçadores e separadores.

Mantenha a mensagem principal suficientemente curta para ser entendida de imediato. Um título claro, uma explicação breve e um botão de envio específico são normalmente mais eficazes do que várias mensagens concorrentes.

Selecione o bloco do formulário de inscrição para configurar campos, informações obrigatórias, etiquetas ocultas, indicador de progresso, contador de subscritores, campos de introdução e botão de envio. Abra “Page settings” para alterar o fundo geral do pop-up e as predefinições de aparência.

O pop-up aparece sobre o site com um controlo de fecho. Deixe espaço visual suficiente em torno do texto e dos campos importantes para que o formulário continue fácil de utilizar num ecrã pequeno.

Configurar o comportamento do pop-up

Selecione o bloco do formulário de inscrição e abra “Widget Settings”. Esta secção controla quando o pop-up é apresentado e com que frequência um visitante o pode ver.

Atraso de apresentação

“Display Delay” define quantos segundos a Maildroppa aguarda antes de apresentar o pop-up numa página de um site incorporado.

Introduza 0 para o apresentar sem atraso adicional. Use um valor maior quando os visitantes devem ter tempo para ler a página antes de a oferta aparecer. O criador aceita um atraso de até 86.400 segundos.

Escolha o atraso com base na página. Um atraso curto pode ser adequado numa página de campanha específica, enquanto um atraso mais longo pode ser menos perturbador num artigo.

Frequência de apresentação

“Display Frequency” controla o período após o qual o pop-up pode voltar a ser apresentado ao mesmo visitante. As opções disponíveis são:

• Sempre
• Uma vez por hora
• Uma vez por dia
• Uma vez por semana
• Uma vez por mês

Use “Always” com cuidado. Um pop-up que interrompe repetidamente o mesmo visitante pode tornar-se frustrante. Uma frequência diária ou semanal é muitas vezes um melhor ponto de partida para uma oferta geral do site.

A frequência é guardada no navegador do visitante. Por isso, testar noutro navegador, numa janela de navegação privada ou depois de limpar o armazenamento do navegador pode produzir um resultado diferente.

Usar a intenção de saída

Ative “Exit Intent Popup” quando o pop-up deve ser aberto depois de o visitante mover o ponteiro para fora da área da página, indicando que poderá estar prestes a sair.

Quando a intenção de saída está ativada, o pop-up aguarda este comportamento em vez de seguir a apresentação normal com atraso. A frequência de apresentação selecionada continua a impedir que seja apresentado novamente demasiado cedo.

A intenção de saída baseia-se no movimento do ponteiro e é, por isso, principalmente relevante em navegadores de computadores de secretária e portáteis. Os dispositivos táteis não fornecem o mesmo sinal de saída. Certifique-se sempre de que os visitantes em dispositivos móveis conseguem descobrir a sua oferta de inscrição através da própria página ou de outro formulário adequado.

Abrir manualmente um pop-up a partir de um elemento da página

Um pop-up pode abrir quando um visitante clica num botão, imagem ou link específico do seu site. Este é o acionador manual por clique. É diferente de “Exit Intent Popup”, que reage quando um visitante move o ponteiro para fora da página.

Configure e instale o acionador manual por clique da seguinte forma:

1. Abra o pop-up no Criador de formulários de inscrição.
2. Clique no bloco do formulário de inscrição na tela e abra “Settings” à direita.
3. Expanda “Widget Settings” e ative “Open popup when a customer clicks a page element”.
4. Clique em “Save changes”.
5. Volte à visão geral dos formulários de inscrição e ative o pop-up se estiver inativo.
6. Clique em “Show Code Snippet” na linha desse pop-up.

A caixa de diálogo contém os dois valores necessários no seu site:

1. Copie o código completo do separador “JavaScript” e adicione-o à página do site em que o pop-up deve estar disponível.
2. Por baixo do código, copie o ID apresentado em “Add this ID to element from which you want to manually trigger Popup”.
3. Adicione esse valor exato ao atributo id do botão, imagem ou link que deve abrir o pop-up.

O ID segue este formato:

maildroppa-popup-btn-[form-id]

Por exemplo:

<button id="maildroppa-popup-btn-[form-id]">Obter o guia</button>

O JavaScript carrega o pop-up. O ID liga o pop-up ao elemento da página selecionado. Ambos têm de estar presentes na mesma página publicada. Quando um visitante clica no elemento com esse ID exato, o script da Maildroppa abre o pop-up.

Se o botão do seu site já tiver um ID de outro sistema de pop-ups, substitua-o pelo ID do acionador da Maildroppa quando a Maildroppa dever tratar do clique. Não coloque o pop-up da Maildroppa dentro de um segundo pop-up fornecido pelo criador do seu site.

Use cada ID HTML apenas uma vez por página. Se vários elementos devem abrir o mesmo pop-up, peça à pessoa responsável pela implementação do site para ligar esses elementos sem duplicar o mesmo ID.

Ligar o fluxo de inscrição

Reveja o fluxo de inscrição atribuído no cabeçalho do criador. Este controla a resposta imediata ao envio, o e-mail de confirmação de Double Opt-in e o resultado após a confirmação.

Pode selecionar um fluxo existente, editá-lo ou criar um fluxo separado para este pop-up. Um fluxo dedicado é útil quando a oferta precisa da sua própria mensagem de confirmação ou entrega de um íman de leads.

Pré-visualizar e guardar

Clique em “Preview” para verificar o design e o comportamento do pop-up sem alterar a versão utilizada no seu site. Reveja o layout, o controlo de fecho, a ordem dos campos, o espaço de validação e a resposta ao envio.

Clique em “Save changes” quando o pop-up estiver pronto. Em seguida, volte à visão geral dos formulários de inscrição.

Ativar e incorporar automaticamente o pop-up

Ative o pop-up através do menu de ações de três pontos, caso ainda não esteja ativo. Em seguida, clique em “Show Code Snippet” e copie o código completo do separador “JavaScript”.

Adicione o script a todas as páginas do site em que o pop-up deve estar disponível. O código contém o ID exclusivo do formulário do pop-up e carrega a configuração guardada atual.

O separador “HTML” fornece a marcação gerada para implementações personalizadas. Se o utilizar, teste cuidadosamente todo o comportamento e as etapas de envio, porque o código e os estilos do seu site podem afetar o resultado.

Esta secção aplica-se quando o pop-up deve abrir automaticamente com base no atraso de apresentação ou no comportamento de intenção de saída. Para um botão, imagem ou link que abre o pop-up ao clicar, siga

.

Para obter instruções gerais de incorporação, consulte Criar e incorporar um formulário incorporado.

Testar o pop-up no seu site

Teste o pop-up na página real do site depois de adicionar o código:

1. Verifique o atraso configurado.
2. Teste o botão de fecho e o clique fora do formulário.
3. Se estiver ativada, mova o ponteiro para fora da página para testar a intenção de saída.
4. Se estiver ativado, clique no elemento da página configurado para testar o acionador manual.
5. Verifique o layout num ecrã estreito.
6. Envie o formulário e conclua o processo de Double Opt-in.
7. Verifique o subscritor e as etiquetas ocultas na Maildroppa.

A definição de frequência pode impedir que o pop-up volte a aparecer durante testes repetidos. Use uma janela de navegação privada ou limpe o armazenamento relevante do navegador quando precisar de uma visita de teste limpa.

Atualizar ou desativar o pop-up

Para atualizar o pop-up, abra-o na Maildroppa, edite o design ou o comportamento, pré-visualize-o e clique em “Save changes”. O fragmento de JavaScript continua a utilizar o mesmo ID de formulário.

Para deixar de o apresentar temporariamente, escolha “Deactivate” no menu de ações. A desativação preserva o pop-up e os dados de relatório anteriores. Remova também o script ou o elemento acionador do site se já não forem necessários.