Como criar um pop-up inteligente

Com nosso serviço de pop-up, você pode criar pop-ups inteligentes e mostrá-los aos visitantes com base em um determinado cenário. Faça uma oferta personalizada no momento certo, ajude seu cliente a escolher um produto ou serviço, ou capture assinantes para interagir com eles usando a SendPulse.

Você pode selecionar um modelo pronto e usá-lo imediatamente ou personalizá-lo.

Vamos falar sobre como criar um pop-up inteligente usando um modelo e configurar sua aparência, elementos e condições de exibição.

Como criar um pop-up

Você pode criar um pop-up do zero ou selecionar um modelo pronto e editá-lo.

Acesse seu site na guia Pop-ups e clique em Criar pop-up.

Do zero

Para criar seu próprio pop-up usando elementos prontos, clique em Novo pop-up.

Com um modelo pronto

Um modelo de pop-up é um widget com uma aparência pré-definida e configurações de ação alvo. Você pode selecionar um modelo com base em seu tema, tipo de pop-up ou elementos.

Selecione uma categoria à direita e um modelo à esquerda.

Selecione o tipo de formulário

Selecione o tipo de formulário de pop-up:

Como configurar os elementos

Uma vez selecionado um modelo, o criador de pop-up será aberto na guia Design, onde você pode editar seu pop-up e seus elementos.

Se estiver criando um pop-up do zero, clique em +Adicionar elemento e selecione um elemento.

Você pode adicionar elementos a pop-ups dos tipos Sobrepostol, Flutuantel, Horizontal e Janela modal. Se desejar personalizar pop-ups dos tipos Vídeo e Launcher, leia a seção Elementos adicionais deste artigo.

Se estiver criando um pop-up usando um modelo, você pode personalizá-lo. Para editar um elemento, clique no ícone de lápis ao lado dele.

Você também pode começar a editar um elemento clicando nele. Quando você passa o mouse sobre um elemento ou começa a editá-lo, ele será destacado com uma moldura verde.

Leia mais sobre cada elemento abaixo.

Capa

Este elemento exibe uma imagem pop-up cobrindo toda a área ao longo da borda selecionada.

Selecione uma imagem para o elemento Capa e personalize-a.

Campo de entrada

Este elemento solicita dados do usuário que você pode salvar em variáveis, incluindo nomes, endereços de e-mail, números de telefone, datas de nascimento e mais, para criar ou atualizar contatos.

Adicione o elemento Campo de entrada. Escolha uma variável para salvar os valores e personalize o nome do campo.

Você também pode preencher automaticamente os campos pop-up, configurar a confirmação de assinatura por dupla confirmação, adicionar nomes de campos e tornar os campos obrigatórios.

Aplicativo de mensagens

Este elemento redireciona os usuários para uma plataforma de mídia social de sua escolha. Você pode adicionar até 10 ícones de mídia social a um pop-up. Se você tiver um chatbot, pode vinculá-lo ao seu pop-up para aumentar seu público de chatbot e disparar fluxos.

Adicione o elemento Aplicativo de mensagens. Selecione um ícone de mídia social e digite o texto do seu botão. No campo seguinte, adicione um link para o seu perfil de mídia social.

Texto

Este elemento mostra texto para os visitantes do seu site. Adicione uma mensagem adaptada ao seu cenário de pop-up para atrair potenciais clientes.

Adicione o elemento Texto. Insira e formate seu texto. Você também pode adicionar links e emojis e personalizar sua mensagem usando variáveis.

Menu suspenso

Este elemento permite que os usuários selecionem um item da lista, por exemplo, uma categoria de produto.

Adicione o elemento Menu suspenso. Escolha uma variável para salvar os valores e configure outras configurações.

Você também pode marcar uma opção que aparecerá como selecionada por padrão.

Botão

Este elemento permite que os usuários enviem formulários e ajuda a enviar dados dos campos preenchidos para seus cartões de contato.

Adicione o elemento Botão. Você pode adicionar botões como texto ou imagens. Insira seu texto ou suba uma imagem, e selecione uma ação de clique no botão.

Imagem

Este elemento adiciona mais imagens ao seu pop-up. Ao contrário do elemento Capa, o elemento Imagem não preenche seu pop-up.

Adicione o elemento Imagem. Clique em Fazer upload de imagem e escolha uma imagem do gerenciador de arquivos..

Para gerar uma imagem usando a IA, clique no ícone no lado direito do botão.

Botões de opção

Este elemento permite que os usuários selecionem um item da lista usando um botão de opção.

Adicione o elemento Botões de opção. Selecione uma variável para salvar os valores. Em cada botão de opção, adicione seu texto no campo Texto e selecione o valor que deseja salvar na sua variável no campo Valor.

Caixa de seleção

Este elemento permite que os usuários selecionem uma caixa de seleção, por exemplo, para consentir com o processamento de dados pessoais.

Adicione o elemento Caixa de seleção. Escolha uma variável para salvar os valores e personalize o texto.

Seleção múltipla

Este elemento permite que os usuários selecionem múltiplas opções usando caixas de seleção, por exemplo, para escolher seus tópicos de newsletter preferidos.

Adicione o elemento Seleção múltipla. Selecione uma variável para salvar os valores. Em cada opção, adicione seu texto no campo Texto e selecione o valor que deseja salvar na sua variável no campo Valor.

Pesquisa NPS

Este é um elemento com uma escala de classificação onde os usuários podem fornecer seu feedback e ajudá-lo a melhorar a qualidade do seu serviço.

Adicione o elemento pesquisa NPS. Selecione uma variável para armazenar os valores. Escolha um formato de avaliação (estrelas, emojis, corações, curtidas/descurtidas ou valores numéricos). Você também pode habilitar um campo de comentários e selecionar seu tamanho.

Fluxo de pop-up

Este elemento dispara outro pop-up e é usado para criar fluxos, como uma série de formulários ou ofertas.

Adicione o elemento Fluxo. Selecione o pop-up que você deseja abrir e nomeie o botão que irá acionar. Para adicionar mais botões para disparar pop-ups, adicione outro elemento.

Cursos

Este elemento exibe um formulário de inscrição para um curso gratuito ou pago.

Adicione o elemento Cursos. Habilite os pagamentos, depois selecione um curso e método de pagamento. Você também pode permitir que os alunos apliquem um código promocional.

Comentário

Este elemento permite que os usuários digitem até 5.000 caracteres de texto para deixar uma avaliação ou fazer uma pergunta.

Adicione o elemento Comentário. Selecione uma variável para salvar valores e digite um texto de espaço reservado.

Vídeo

Este elemento exibe um vídeo no seu pop-up. Por exemplo, você pode usá-lo para uma apresentação de produto ou tutorial.

Ao contrário do tipo de pop-up Vídeo, este elemento permite combinar vídeos com outros elementos pop-up do tipo selecionado.

Adicione o elemento Vídeo. Cole o link e defina um estilo de exibição de vídeo.

Gire a roleta

Este elemento adiciona uma roda que os visitantes do seu site podem girar para ganhar bônus, descontos ou presentes.

Selecione o elemento Gire a roda e personalize seu estilo.

Contagem regressiva

Este elemento mostra quanto tempo resta até um evento específico ou uma data/hora fixa. Por exemplo, você pode criar uma contagem regressiva para o fim de uma promoção para criar um senso de urgência e motivar os visitantes a tomarem uma ação.

Adicione o elemento Contagem regressiva e personalize as datas e a aparência.

Galeria

Este elemento exibe imagens uma a uma em uma apresentação de slides ou ao clicar.

Adicione o elemento Galeria. Clique em Fazer upload de imagem e selecione-a no gerenciador de arquivos.

Para gerar uma imagem usando IA, clique no ícone à direita do botão.

Acordeão

Este elemento oculta outros elementos pop-up usando um espaço expansível. Ele ajuda a organizar FAQs e outros tipos de conteúdo em um layout conciso, permitindo que os usuários expandam as seções relevantes.

Adicione o elemento Acordeão. Personalize seu estilo e adicione elementos.

Upload de arquivo

Este elemento permite que os usuários façam upload de arquivos, incluindo imagens, documentos e vídeos. Por exemplo, você pode usá-lo para receber vouchers ou digitalizações de documentos.

Adicione o elemento Fazer upload de arquivo. Selecione o tipo e o tamanho dos arquivos esperados e personalize o estilo do seu elemento.

Bilhete de raspadinha

Este elemento permite que os usuários digitem suas informações de contato e raspem o cartão virtual para revelar um código promocional. Ele pode ajudar a gamificar a coleta de contatos e melhorar a experiência do usuário.

Selecione o elemento Bilhete de raspadinha. Escolha uma variável para salvar os valores, adicione um código promocional e personalize o estilo do seu elemento.

Escolha um presente

Este elemento adiciona uma caixa de presente interativa que os usuários podem abrir* para obter um código promocional. Pode ajudar a gamificar a coleta de contatos e melhorar a experiência do usuário.

* Os presentes serão desbloqueados assim que os usuários compartilharem suas informações de contato através de um campo de entrada. Para coletar essas informações, certifique-se de adicionar um campo de entrada obrigatório.

Selecione o elemento Escolha um presente. Escolha uma variável para salvar os valores, adicione um código promocional e personalize o estilo do seu elemento.

Dado

Este elemento adiciona um dado que os usuários podem rolar para obter um código promocional. Ele pode ajudar a gamificar a coleta de contatos e melhorar a experiência do usuário.

Selecione o elemento Dado. Escolha uma variável para salvar os valores. Personalize o estilo do seu elemento e adicione um código promocional.

Máquina caça-níqueis

Este elemento adiciona uma máquina caça-níqueis que os usuários podem girar a roda para ganhar um código promocional. Isso pode ajudar a gamificar a coleta de contatos e melhorar a experiência do usuário.

Selecione o elemento Máquina caça-níqueis. Escolha uma variável para salvar os valores. Personalize o estilo do seu elemento e adicione um código promocional.

Desafio do copo

Este elemento adiciona desafios do copo que os usuários podem embaralhar para ganhar um código promocional. Isso pode ajudar a gamificar a coleta de contatos e melhorar a experiência do usuário.

Selecione o elemento Desafio do copo. Escolha uma variável para salvar os valores. Personalize o estilo do seu elemento, defina o número de tentativas e adicione um código promocional.

Personalize o estilo

Para acessar as configurações de estilo, clique no ícone da primeira aba (Estilo). Nesta seção, você pode:

• Escolha entre vários tipos de pop-up para ajustar o estilo do seu widget, a colocação na página e o método de interação.
• Ajuste a aparência geral dos elementos pop-up, como posicionamento, cores, tamanhos dos campos e mais.
• Adicionar uma animação para quando seu pop-up aparecer ou desaparecer. Você pode selecionar entre vários efeitos e definir uma direção de animação.

Adicione uma versão de idioma

Você pode adicionar versões de idioma e personalizar seu conteúdo em um único pop-up. Os visitantes do seu site poderão escolher o idioma que preferem.

Clique no ícone de globo no canto superior direito da área de trabalho. Clique em Adicionar idioma padrão e selecione um idioma da lista – esse idioma será visível para todos os visitantes do seu site. Em seguida, clique em Adicionar versão de idioma, selecione um idioma e personalize o conteúdo do seu pop-up.

Saiba mais: Como configurar um pop-up multilíngue.

Pré-visualize seu pop-up

Ao editar seu pop-up, você pode visualizar instantaneamente como ele aparecerá em seu site em tempo real. Para visualizar sua versão móvel, clique no ícone correspondente à direita.

Assim que terminar de personalizar o design do seu pop-up, clique em Avançar.

Defina as condições de exibição

Na guia Condições de exibição, você pode configurar seu widget para aparecer quando um usuário clicar no iniciador ou uma vez que as condições de rastreamento de comportamento do visitante sejam atendidas.

Para exibir um pop-up ao clicar no launcher, ative a alternância e selecione um pop-up existente do tipo Iniciador.

Para exibir um pop-up com base em uma condição de rastreamento de comportamento do visitante, selecione o evento que deseja rastrear e o operador de condição, e insira o valor rastreado. Você também pode selecionar várias condições e vinculá-las a operadores.

Por exemplo, você pode exibir seu widget apenas quando os usuários executarem uma determinada ação, como rolar até uma parte específica da página ou passar mais de 40 segundos em seu site.

Saiba mais: Como configurar um cenário de exibição de pop-up e Como criar um pop-up launcher.

Assim que configurar as condições de exibição do seu pop-up, clique em Avançar.

Configure as opções de salvar os dados

Na guia Salvar dados, você pode selecionar onde salvar os dados do assinante.

Habilite um botão* e selecione uma opção.

*Somente é possível salvar valores de pop-ups que coletam dados do usuário. Se você não tiver os elementos Campo de entrada, Menu suspenso, Múltipla seleção, Botão de opção, Caixa de seleção, Pesquisa NPS e EDU, então os botões estarão inativos.

Dê um título ao seu pop-up

Por padrão, o nome do seu pop-up é gerado usando a data e hora em que foi criado. Para renomear seu pop-up, clique no ícone correspondente, insira seu texto e pressione Enter.

Publique o seu pop-up

Assim que configurar todas as condições necessárias, clique em Salvar e publicar ou Salvar e fechar.

Para garantir que todas as alterações sejam exibidas em seu navegador, limpe o cache e os cookies do seu navegador após salvar seu pop-up.

Todos os seus pop-ups são exibidos na seção Pop-ups como abas separadas. Depois de criar seu pop-up, você poderá visualizá-lo, acompanhar suas estatísticas e editá-lo. No entanto, você não poderá alterar o tipo de pop-up.

Última Atualização: 14.10.2025