/
Modelos

Mais de 50 Modelos de Popup em HTML para Sites

Potencialize seu site com Popups prontos para qualquer objetivo: desde coletar e-mails e promover descontos até exibir ofertas de saída e disparar mensagens personalizadas. Comece a envolver visitantes, reduzir a taxa de rejeição e impulsionar as conversões, tudo de graça, sem precisar de codificação ou configuração técnica.
G2 Badges
HTML Notification Popup template
Crie um widget de notificação para exibir mensagens com prazo e aumentar a taxa de conversão do seu site.
HTML Exit Intent Popup template
Adicione um popup para captar a atenção dos visitantes do seu site por mais um instante e manter o interesse deles.
HTML Video Popup template
Crie popups de vídeo personalizáveis e cative seu público usando este modelo.
HTML Message Popup template
Construa confiança entre a comunidade do seu site e mantenha-se conectado com este widget pop-up.
HTML Newsletter Popup template
Adicionar um widget popup ao seu site certamente fará o número de assinantes da newsletter disparar.
HTML Discount Popup template
Adicione um pop-up de desconto ao seu site para chamar a atenção e incentivar os usuários a realizar a compra.
HTML Email Popup template
Adicione um modelo de popup ao site e comece a aumentar sua base de assinantes por e-mail hoje.
HTML Follow on Instagram Popup template
Crie um widget popup para o seu site e impulsione sua presença no Instagram.
HTML New Year Sale Popup template
Adicionar um modelo de popup ajuda você a tirar o máximo proveito do entusiasmo do Ano Novo e impulsionar as vendas.
HTML Halloween Sale Popup template
Crie uma experiência de compra memorável para os usuários do site durante a temporada de Halloween com este modelo.
HTML Christmas Sale Popup template
Adicione um toque de alegria à experiência de compra para o período de maior movimento do ano — o Natal!
HTML Black Friday Sale Popup template
Adicione um modelo de popup para impulsionar as compras e aproveitar ao máximo as ofertas da Black Friday.
HTML Banner Popup template
Adicione um widget de popup para promover suas ofertas especiais, descontos ou anúncios com um banner chamativo.
HTML Welcome Popup template
Crie uma primeira impressão calorosa e envolva novos visitantes com o popup de boas-vindas.
HTML Election Popup template
Impacte eleições e eventos de votação com o template popup sem código.
HTML Promo Popup template
Crie campanhas promocionais chamativas com senso de urgência usando este modelo de Popup.
Crie um modelo de popup para divulgar seu conteúdo de vídeo interativo do YouTube.
HTML Activecampaign Popup template
Crie um widget popup para se integrar à sua conta ActiveCampaign e otimize a geração de leads.
HTML Brevo Popup template
Crie um widget popup para ampliar sua lista de e-mails com Brevo e incentive os visitantes a agir.
HTML Mailchimp Popup template
Adicione um modelo de popup ao seu site e use o Mailchimp como a principal fonte para exportar dados.
HTML News Popup template
Aumente o engajamento dos leitores com as últimas notícias — é super fácil com o template de popup do site.
HTML Email Subscription Popup template
Crie um widget popup e leve sua estratégia de e-mail marketing para o próximo nível.
HTML Ebook Popup template
Adicione um modelo de popup para promover seu último e-book ou conteúdo valioso de forma atraente e envolvente.
HTML Subscribe Popup template
Adicione um modelo de popup para desbloquear novas oportunidades de crescimento para a sua base de assinantes.
HTML Share Buttons Popup template
Crie um widget pop-up para ampliar o alcance social do seu site com apenas um clique.
HTML Follow on Twitch Popup template
Crie um widget popup para o seu site para promover e atrair mais seguidores para o canal do Twitch.
HTML Follow on TikTok Popup template
Adicione um modelo de Popup ao seu site e amplie sua influência no TikTok hoje.
HTML Independence Day Sale Popup template
Crie a melhor experiência de compra e celebre o Dia da Independência com este Popup.
HTML Prize Popup template
Crie um popup (widget) para impulsionar as vendas oferecendo prêmios únicos ao seu público do site.
HTML Giveaway Popup template
Faça sorteios empolgantes no seu site e aumente a fidelidade dos clientes com este widget popup.
HTML Image Popup template
Adicionar elementos visuais para destacar o seu negócio com este template de widget.
HTML Responsive Popup template
Adicione um widget popup para proporcionar uma experiência amigável aos visitantes do seu site, em qualquer dispositivo.
HTML Popup with Animation template
Crie um widget popup para cativar os visitantes do site com uma experiência de animação envolvente e interativa.
HTML Fullscreen Popup template
Adicione um Popup que ocupe toda a tela para causar uma forte impressão e impulsionar as conversões.
HTML Floating Popup template
Crie popups não intrusivos que flutuem suavemente no seu site e chamem a atenção para os pontos importantes.
HTML Coming Soon Popup template
Adicione um widget Popup para gerar expectativa antes de lançar novas atualizações no seu site.
HTML Text Popup template
Adicione um pop-up de texto ao seu site e chame a atenção para promoções especiais ou outros eventos relevantes.
HTML Terms and Conditions Popup template
Adicione um nível extra de confiança e contribuição aos seus termos e condições com este widget de popup.
HTML Disclaimer Popup template
Add a professional touch to your website and communicate any terms with this popup template.
HTML Announcement Popup template
Adicione um template de popup ao seu site e informe os usuários sobre grandes anúncios e atualizações futuras.
HTML Callback Popup template
Crie um modelo de Popup para permitir que os usuários solicitem uma ligação de retorno diretamente do seu site.
HTML Lead Capture Popup template
Criar um widget popup para otimizar sua estratégia de geração de leads e impulsionar as vendas ao máximo.
HTML Call to Action Popup template
Adicione um popup persuasivo ao site e conduza os visitantes aos seus objetivos.
HTML Traffic Source Popup template
Crie uma nova forma de rastrear e analisar as fontes de tráfego do site com este modelo de popup.
HTML NPS Popup template
Adicione o modelo de popup para medir a fidelidade dos seus clientes e obter insights.
HTML Feedback Popup template
Crie um modelo de popup para coletar feedback valioso dos visitantes do seu site e se comunicar com eles de forma eficaz.
HTML Event Announcement Popup template
Crie senso de urgência e entusiasmo em torno de eventos futuros com este widget pop-up para sites.
HTML Webinar Popup template
Adicione um modelo de Popup ao seu site para ampliar o alcance e o engajamento do webinar.
HTML Customer Reward Program Popup template
Crie relacionamentos de longo prazo com seus clientes ao incorporar um widget pop-up fácil de usar.
HTML Upsell Popup template
Adicione um widget popup na sua página para aumentar o valor médio do pedido e dobrar o resultado.
HTML Shipping Popup template
Crie um pop-up para definir expectativas realistas de envio.
HTML Coupon Popup template
Adicione um modelo de popup ao seu site e ofereça códigos de cupom ou descontos exclusivos para compradores online.
HTML Add to Cart Popup template
Crie um widget pop-up atraente para incentivar os usuários a adicionarem itens ao carrinho com apenas alguns cliques.
HTML Abandoned Cart Popup template
Crie um modelo de popup e incentive compradores online a concluir suas compras.
Nenhum modelo adequado?
Você pode montar facilmente o widget de que precisa com nosso configurador simples de usar.

O que é o Modelo de Popup?

É uma configuração de Popup pré-construída, criada para tarefas comuns de sites, como coletar e-mails, anunciar promoções, exibir alertas ou compartilhar ofertas especiais. Basta escolher um modelo que combine com seu objetivo, personalizar o conteúdo e ativá-lo instantaneamente.

Não é necessário design nem codificação. Explore nossa coleção e tenha um popup de alto desempenho na sua página agora.

Principais Recursos do Modelo de Popup

Cada modelo Popup vem com um conjunto robusto de recursos. Veja o que você pode ajustar:

  1. Crie seu popup personalizado.

    Existem duas opções: a primeira não requer muito esforço: abra o Gerador de Popup com IA da Elfsight, digite um prompt simples e gere um popup. A segunda opção é criar um template com blocos personalizados você mesmo. Experimente as duas para descobrir qual funciona melhor para você.
  2. Configurar configurações de exibição.

    Para garantir que o modelo pop-up ofereça os melhores resultados, ajuste as configurações de exibição. Mostre-o apenas ao segmento correto usando opções avançadas de segmentação: por tipo de dispositivo, URL da página, frequência de exibição e muito mais.
  3. Escolha entre vários tipos de gatilho.

    Abra um popup exatamente quando quiser: após um atraso, profundidade de rolagem, clique em um botão, carregamento da página ou usando a tecnologia de detecção de saída para capturar visitantes antes de saírem.
  4. Adicione eventos para acompanhar as interações com popups.

    Você pode analisar o desempenho do popup e as interações dos usuários com ele. Como funciona? Primeiro, você precisa adicionar um evento específico que será acompanhado, e os dados serão enviados para o Google Analytics ou o Google Tag Manager instalado no seu site.
  5. Personalize o layout e o design.

    Tornar um modelo totalmente único para o seu negócio é fácil. Explore a aba Layout para ver como ajustar a formatação, cores, fontes e estilos. Tudo com um editor visual sem código.
  6. Personalização avançada para desenvolvedores.

    Se você quiser mais controle, use o editor integrado de CSS personalizado e JavaScript para ajustar animações, estilos ou comportamento.

Como Adicionar um Modelo de Popup ao Site?

Você precisará seguir apenas quatro passos:

  1. Selecione o modelo. Explore o catálogo e escolha um modelo de popup que corresponda ao seu objetivo: geração de leads, promoção de vendas, anúncio ou engajamento.
  2. Personalize o pop-up. Edite o conteúdo, carregue imagens ou vídeos, escolha gatilhos, defina regras de exibição e aplique o design da sua marca.
  3. Obtenha o código de incorporação. Clique em “Adicionar ao seu site gratuitamente” e receba um trecho HTML gerado automaticamente.
  4. Instale-o no seu site. Cole o código no HTML da página do seu site ou use um editor, e o popup começará a funcionar instantaneamente.

Se encontrar dificuldades, nosso Centro de Ajuda, a Comunidade e a Equipe de Suporte estão sempre disponíveis para ajudar a resolver.

FAQ

Posso usar um modelo gratuitamente?

Sim, você pode usar qualquer modelo de Popup gratuitamente. Escolha um do catálogo, personalize com seu conteúdo e incorpore-o ao seu site instantaneamente.

Cada modelo inclui acesso vitalício ao plano Gratuito, que cobre todos os recursos centrais do popup, sem assinaturas ou tarifas ocultas.

Posso alterar o design de um pop-up pronto?

Sim, você pode redesenhar completamente qualquer modelo de Popup. Use o editor visual para atualizar o layout, as cores, as fontes, os fundos e os blocos de conteúdo.

A pré-visualização é atualizada em tempo real, para que você possa aperfeiçoar seu design antes de publicar.

Preciso editar o HTML do meu site para usar popups?

Não são necessárias grandes alterações. Cole um único código de incorporação no seu site HTML e o modelo de popup funcionará automaticamente.

Quais são os melhores exemplos de uso de modelos popup?

Para ajudar você a encontrar a combinação certa, aqui vão alguns casos de uso populares em diversos setores:

  • E-commerce. Faça anúncios de promoções, pop-ups de cupons, banners de frete grátis e descontos por saída para reduzir o abandono de carrinho.
  • <b>Sites de conteúdo e blogs</b>. Aumente sua lista de e-mails com popups de newsletter, recomendações de artigos e ofertas de upgrade de conteúdo.
  • Negócios de serviços. Promova consultas, convites para agendamento, ofertas sazonais ou pacotes de serviço com popups segmentados.
  • Hotelaria e Viagens. Exiba promoções de boas-vindas, pacotes sazonais, benefícios de fidelidade ou captura de e-mails para ofertas futuras.
  • Educação e cursos

E isso é apenas uma fração do que é possível. Se você não encontrar um modelo para o seu setor, sinta-se à vontade para sugeri-lo em nossa Lista de Desejos da Comunidade.

Posso criar minha própria versão de um pop-up usando modelos?

Sim, você pode criar sua própria variação de Popup usando qualquer modelo. Abra a Pré-visualização ao vivo, ajuste o conteúdo, gatilhos, regras de segmentação e o design até ficar perfeito para seus objetivos.

Você também pode começar a partir de um modelo em branco e criar um popup único do zero.

Posso alterar o comportamento do gatilho mesmo ao começar com um modelo pré-definido?

Sim, você é livre para escolher como e quando seu pop-up aparece — seja ao rolar a página, na intenção de saída, após um atraso ou qualquer outro gatilho. O tempo de exibição fica inteiramente sob seu controle.