Como criar e adicionar popups no WordPress

Widgets estão entre as 10 principais táticas e tecnologias que aumentam a eficácia do marketing por email, então não é à toa que você está interessado em como criar um pop-up no WordPress. Spoiler: é muito simples.

Neste guia, vamos orientá-lo passo a passo no processo de criação de widgets personalizados em nosso criador de pop-ups para WordPress e mostrar exatamente como adicionar um pop-up em sites do WordPress. Também compartilharemos dicas que ajudarão você a aumentar as conversões (assinaturas de newsletters, registros, vendas, etc.) em 110%, conforme evidenciado pelos resultados de nossos clientes. Então, vamos ao trabalho!

Vantagens de Usar o Plugin de Mensagens Pop-up do WordPress

Criar formulários de inscrição no site, notificações ou alertas de vendas com um plugin de formulário pop-up do WordPress oferece vários benefícios que podem melhorar a experiência do usuário, o engajamento e as taxas de conversão do seu site. Aqui está um resumo dos principais benefícios.

Abordagem nativa. Um plugin de formulário de contato é projetado especificamente para WP, garantindo que ele se integre perfeitamente à estrutura existente do seu site WordPress, tema e outros plugins. Além disso, ele pode ser usado de forma eficaz juntamente com um formulário pop-up do WP para melhorar a funcionalidade e o engajamento. Essa compatibilidade nativa reduz o risco de conflitos ou problemas que possam ocorrer ao usar ferramentas de terceiros para adicionar pop-ups.

Gestão centralizada. Ao usar um plugin de pop-up, todas as funcionalidades do seu site, incluindo pop-ups, são geridas a partir do painel do WordPress. 

Tempo de carregamento de página reduzido. Um plugin de formulário pop-up otimizado para WordPress é menos propenso a impactar negativamente o desempenho do seu site. 

Suporte dedicado. Plugins do WordPress geralmente vêm com uma equipe de suporte dos desenvolvedores, e você também pode encontrar ajuda na comunidade WP. Esse suporte pode ser mais responsivo e conhecedor sobre problemas específicos do WordPress.

A propósito, temos uma análise detalhada dos melhores plugins de pop-up para WordPress de 2024. O artigo o ajudará a navegar pelos prós e contras dos plugins de formulário pop-up populares para WordPress.

Atualizações regulares. Plugins de criação de pop-up são frequentemente atualizados para garantir a compatibilidade com a versão mais recente do WordPress, oferecendo melhorias técnicas contínuas e correções de segurança.

Como Criar e Adicionar um Formulário Pop-up no WordPress (6 Passos Simples com o Claspo)

Se você está se perguntando como criar uma página pop-up no WordPress sem dores de cabeça e altos custos, você veio ao lugar certo! Com o Claspo, é super fácil e até divertido criar um formulário pop-up no WordPress e adicioná-lo ao seu site com apenas alguns cliques. 

Com os nossos modelos prontos e um editor de arrastar e soltar fácil de usar, você pode criar um formulário popup para WordPress em apenas alguns cliques — sem precisar de desenvolvedores ou designers. Se você quer criar um formulário de captura de leads, exibir uma promoção ou aumentar sua lista de newsletter, a Claspo torna isso rápido e intuitivo. Na verdade, você pode ter seus formulários popup para WordPress funcionando em menos de cinco minutos.

Quer uma prova? Vamos criar um formulário popup para WordPress em alguns passos. 

Passo 1: Escolher um Modelo — Economize Tempo e Orçamento

Nossa biblioteca contém mais de 1000 modelos de widgets prontos para uso em várias tarefas — desde ferramentas simples até layouts avançados de formulários popup para WordPress com botões chamativos, incluindo casos de uso acionados por cliques em botões do WordPress. Para sua conveniência, dividimos eles em 36 casos de uso. Além disso, você pode filtrar os designs por layout, indústria e tema. Isso permite que você encontre rapidamente o melhor popup para WordPress com base em seus objetivos específicos e personalize o modelo usando nosso criador de popups para WordPress.

Personalizar um modelo pronto economiza seu dinheiro com trabalho de designer ao criar um popup de newsletter para WordPress. A localização dos campos do formulário e elementos, seu número, tamanho e fontes — tudo está pré-configurado para obter os melhores resultados da sua mensagem. Precisa de inspiração ou ideias para seus popups de WordPress? Confira estes exemplos de copywriting envolvente.

Passo 2: Personalize Qualquer Detalhe do Widget

Em seguida, vamos explorar como criar uma página popup no WordPress alterando vários elementos do modelo do widget. Com ferramentas avançadas, criar um incrível formulário de contato popup personalizado é muito fácil — mesmo que você esteja usando uma solução de popup gratuita para WordPress como a Claspo.

Selecione Cores e Estilo

De acordo com um estudo, os usuários são mais positivos sobre popups que seguem visualmente o design geral do site. Alguns dos esquemas de cores principais dos nossos modelos podem ser personalizados desde o início, mesmo antes de você ir ao editor para criar um popup. 

No editor da Claspo, você pode facilmente personalizar a cor e o estilo de:

• botões de CTA,
• títulos,
• texto do corpo,
• ícone de fechar,
• fundo, e assim por diante.

Observe também os botões de rádio, que permitem realizar uma segmentação primária de assinantes diretamente em uma janela popup no WordPress. Em nosso exemplo, os usuários têm duas opções para receber conteúdo de e-mail personalizado. Você também pode usar o checkbox e a lista suspensa para esse propósito.

Nossos modelos de inscrição para newsletter também possuem telas adicionais que exibem o status da inscrição: Sucesso, Já inscrito e Erro. Este é o primeiro ponto de comunicação direta com seu assinante, o que elimina qualquer dúvida sobre o sucesso da ação. Nosso criador de pop-up para WordPress permite que você os personalize rapidamente também.

Adicionar Imagens a um Popup para WordPress

Está pensando em como criar uma janela pop-up no WordPress que capture a atenção dos visitantes? Adicione uma imagem. 40% dos consumidores apreciam mais as imagens em um design de site. No construtor Claspo, você pode adicionar arquivos de mídia nestes formatos:

• PNG 
• JPEG 
• SVG 
• GIF
• WebP
• AVIF

Não tem uma imagem? Sem problemas. Temos um estoque de imagens e ícones embutidos no editor. Encontrar a imagem certa é fácil digitando uma palavra-chave no campo de busca.

Outro elemento intrigante de design de pop-up que você pode encontrar em nosso editor são as imagens flutuantes. Com este recurso, você pode colocar uma imagem em qualquer lugar do widget, como no lado esquerdo, na borda inferior, no canto superior direito, etc. Desta forma, você pode criar um pop-up personalizado no WordPress com formas únicas e uma aparência mais tridimensional.

Desfrute do Player de Vídeo Popup do WordPress

Quer saber como criar uma página pop-up no WordPress que reproduza vídeos? Com o Claspo, você pode fazer isso em alguns cliques. Basta adicionar um link para um vídeo do YouTube, e ele aparecerá no pop-up.

Para a reprodução de vídeo, você pode escolher entre reprodução iniciada pelo usuário (cliques do usuário) ou reprodução automática.

Nota importante: A reprodução automática silenciará o vídeo por padrão devido às restrições do navegador para a reprodução automática de som. Os usuários podem ativar o som do vídeo a qualquer momento.

Ative o Multilinguismo: Fale o Idioma dos Seus Clientes

Está operando em um mercado global ou em um país com várias línguas principais, e se perguntando como adicionar um formulário pop-up no WordPress que suporte multilinguismo? O Claspo tem uma solução para você. Com nosso recurso multilingue, o idioma do widget se adapta automaticamente aos navegadores dos seus visitantes ou ao idioma pré-selecionado do site, garantindo uma experiência de usuário fluida em todas as regiões. 

Não há necessidade de criar um pop-up no WordPress com várias versões; basta adicionar outro idioma diretamente no editor. Nosso criador de pop-up traduz automaticamente seu texto para o idioma da versão adicionada, então tudo o que você precisa fazer são alguns ajustes.

Use Elementos de Alta Conversão

Quer aumentar sua taxa de conversão? Um plugin modal do WordPress permite criar popups com elementos de alto impacto e campos inteligentes que incentivam os usuários a agir. Aqui estão alguns dos componentes mais eficazes a serem incluídos.

Cronômetro de Contagem Regressiva Relativa

Aumente as conversões de janelas pop-up WordPress com FOMO: crie um senso de urgência com nossos cronômetros de contagem regressiva personalizados que começam individualmente para cada visitante. Isso garante que todos tenham uma chance justa de aproveitar a sua oferta, maximizando o alcance e as conversões. Uma vez que o cronômetro de contagem regressiva relativa de um usuário expire, a oferta desaparece apenas para ele, mas outros visitantes do site ainda podem ver a mensagem do widget pop-up do WordPress em seu site.

Código Promocional Incorporado

Adicione um código promocional a um pop-up por e-mail do WordPress para transformar os visitantes do site em assinantes e compradores. Os clientes podem copiar o código promocional diretamente do widget e aplicá-lo durante o checkout. Por exemplo, você pode oferecer aos visitantes um código promocional único e convidá-los a se inscrever para receber ofertas e descontos personalizados posteriormente. Atraia usuários com um código promocional para desconto ou frete grátis. A propósito, de acordo com uma pesquisa, 81% dos consumidores consideram o frete grátis a promoção mais atraente.

Widget Deslizante

Um slider é um tipo de pop-up com várias exibições roláveis. Apresente tudo o que você precisa em uma única janela em vez de incomodar seus usuários com múltiplos pop-ups. Use o slider para:

• Adicionar imagens ou vídeos ilimitados em um único pop-up.
• Promover múltiplas ofertas ou produtos.
• Exibir vários usos de um único item.
• Demonstrar novas funcionalidades e mais.

Pesquisa de Intenção de Saída 

Uma das maneiras mais comuns de coletar assinaturas é através de um pop-up de saída do WordPress, onde a um visitante que está saindo são oferecidos descontos, brindes ou outros bônus para motivá-lo a realizar a ação desejada, neste caso, a assinatura. 

Também oferecemos uma pesquisa de intenção de saída. Ao usar um plugin de mensagem pop-up no WordPress, você pode identificar por que os usuários saem e reunir insights valiosos para melhorar seu site e ofertas.

Você pode adicionar perguntas de múltipla escolha e perguntas abertas. Use campos como botões de rádio, caixas de seleção e listas suspensas para perguntas de múltipla escolha. Para perguntas abertas, adicione um campo de entrada de texto.

Lançador para Iniciar Pop-up 

Há um mito de que os pop-ups são muito irritantes, mas o mesmo é verdade para qualquer canal de marketing utilizado sem critério. Ao configurar um pop-up no site WordPress, considere adicionar um lançador ao seu modelo escolhido. Este é um ícone ou botão que o usuário pode clicar para abrir o widget. Como o lançador é pequeno, ele ocupa um espaço mínimo na tela sem bloquear o conteúdo ou irritar o usuário. No entanto, ele pode apresentar uma oferta curta e chamativa para intrigar os visitantes e motivá-los a abrir o formulário de contato em tamanho real do WordPress ou qualquer outro widget.

Você pode escolher um lançador de nossos modelos e personalizar seu conteúdo e design para combinar com seu widget. Em seguida, conecte-o ao pop-up desejado.

Durante a edição de qualquer widget, você pode alternar rapidamente entre os modos desktop e mobile e ajustar como o conteúdo aparecerá em diferentes telas. No estágio final da edição do pop-up, clique no botão de visualização ao vivo para garantir que tudo esteja perfeito.

Etapa 3: Configurar Regras de Exibição e Segmentação

Outra etapa importante ao criar seu pop-up no WordPress é definir regras de exibição do widget que sejam amigáveis ​​ao usuário (ou gatilhos). Você pode configurá-las para o lançador ou, se não o usar, diretamente para seu pop-up.

Os widgets do Claspo têm regras de exibição predefinidas, como a hora e a frequência de aparição do widget, para que você possa ter certeza de que não são intrusivos. No entanto, você pode personalizar gatilhos com base no comportamento de seus visitantes e definir o widget para ativar apenas quando todas as condições definidas forem atendidas.

Por exemplo, você pode configurar o pop-up para mostrar apenas a novos usuários que ainda não se inscreveram. Isso garante que as pessoas na sua lista de e-mails não vejam a oferta. Além disso, para melhorar a experiência do usuário para aqueles que ainda não se inscreveram, você pode configurar o widget para parar de exibir se o usuário fechá-lo uma ou mais vezes.

Funcionalidades Exclusivas do Claspo para Exibição Não Intrusiva

Você não quer distrair seus visitantes com muitos pop-ups no WordPress. Para esse fim, temos regras predefinidas para a exibição de widgets.

Intervalo de silêncio.

Defina um tempo de buffer entre as exibições dos widgets para evitar sobrecarregar os visitantes. O intervalo padrão de 3 minutos garante uma experiência de navegação tranquila, mas é facilmente personalizável. No entanto, nas configurações do popup, você pode ajustar esta condição com base no tempo médio que os visitantes passam em seu site ou páginas específicas.

Proteção contra sobreposição. Concentre-se na criação de um ótimo conteúdo, não na gestão das regras de exibição dos widgets. O Claspo impede automaticamente que popups colidam nas telas dos visitantes, mesmo com regras de exibição duplicadas.

Opções de Segmentação

Você pode personalizar as experiências dos visitantes segmentando públicos específicos. O Claspo oferece várias abordagens para isso.

Identificação de novos visitantes. O Claspo permite que você adicione um popup ao WordPress e o exiba exclusivamente para visitantes de primeira viagem.

Geotargeting. Personalize widgets para públicos específicos, desde países inteiros até regiões e cidades. 

Segmentação por UTM. Se você utiliza tags UTM em diferentes campanhas e mensagens publicitárias, adicione-as ao configurar o widget. Assim, ele aparecerá apenas para aqueles visitantes que chegaram ao site a partir de uma fonte de tráfego específica.

Tipo de dispositivo. Especifique quais dispositivos devem exibir o pop-up: desktop, móvel ou ambos. A última opção é a padrão.

Passo 4: Integre o Plugin Claspo com Seu Software de Marketing

Os dados coletados por um formulário de contato em um popup no WordPress devem ser transferidos para o banco de dados de contatos para uso posterior em propósitos de marketing, como segmentação, envio de notificações por e-mail ou mensagens automáticas, etc. O Claspo integra-se perfeitamente com muitos ESPs, CDPs e CRMs populares — basta escolher o serviço necessário na lista suspensa e integrar rapidamente.

Integrar o Claspo com qualquer sistema de marketing que você utiliza via Zapier é igualmente fácil.

Passo 5: Integre Facilmente o Claspo com o WordPress

Então, você criou um belo widget. Agora, é hora de aprender como adicionar um formulário pop-up no WordPress, e é mais fácil do que você imagina.

A maneira mais simples é usar o plugin WordPress do Claspo, que instala automaticamente o script em todas as páginas do seu site. Basta seguir estes passos rápidos:

1. Durante a configuração inicial, quando estiver pronto para publicar o widget, escolha Instalar via WordPress na janela Antes de publicar o widget.

Pulou esse passo? Não se preocupe. Basta ir para Script → Instalar Script na sua conta Claspo, rolar até WordPress e clicar em Instalar.

2. Na janela deslizante, clique em Copiar ID para salvar seu ID de script único; você precisará dele em um minuto. Depois, clique em Ir para WordPress para acessar a página do plugin.

3. Agora, você precisa Baixar o arquivo do plugin Claspo.

4. No seu painel do WordPress, vá para Plugins → Enviar Plugin, então faça o upload do arquivo que você acabou de baixar.

Você pode arrastar e soltar na área destacada, ou selecioná-lo manualmente e clicar em Abrir.

5. Após a instalação ser concluída, você verá Claspo aparecer no menu lateral esquerdo.

6. Clique em Claspo, cole o ID do script que você copiou anteriormente no campo Insira o ID do Script e pressione Conectar.

7. Pronto! O script Claspo agora está ativo em todas as páginas do seu site.

Quer conferir novamente? Volte para a janela de Instalação do script usando WordPress em sua conta Claspo e clique em Verificar para confirmar se está tudo funcionando.

O script será adicionado automaticamente a todas as páginas do seu site. É fácil assim!

Passo 6: Testar & Publicar o Formulário

Assim que você instalar com sucesso o script que adiciona um popup ao WordPress, você pode usar o modo de teste para ver como o widget funciona no seu site. Neste caso, somente você o verá. Se você estiver completamente satisfeito com o resultado e garantir que está sendo exibido corretamente em diferentes dispositivos e navegadores, vá em frente e publique o formulário pop-up de inscrição. Depois, aproveite o aumento nas conversões que uma campanha de popup trará. 

Superando Desafios de Popups no WP com Facilidade

Criar e integrar diferentes pop-ups muitas vezes é um desafio para os proprietários de sites baseados em WordPress e para os profissionais de email marketing. Esses desafios incluem manter o apelo visual, envolver os usuários sem ser intrusivo, executar pop-ups modais no WordPress para inscrição sem desviar do foco principal de conversão, lidar com públicos multilíngues e muito mais. Oferecemos as melhores soluções para todas essas questões. Além disso, todos os nossos usuários têm acesso a recursos avançados, como teste A/B embutido. Com ele, você pode experimentar parâmetros como: posicionamento (em todo o site ou em uma página específica), CTA, redação, design de elementos, gatilhos (atraso de tempo, intenção de saída, gatilho de clique, etc.) e muito mais.

Criar pop-ups incríveis que combinem com a identidade visual do seu site leva apenas seis etapas e alguns minutos. Portanto, experimente o Claspo hoje e descubra como criar e gerenciar pop-ups no WordPress nunca foi tão fácil e eficiente. Especialmente porque nossa versão gratuita vitalícia não limita sua criatividade, mas sim estimula o sucesso relâmpago. Todos os templates e funcionalidades avançadas, como testes A/B ou gamificação, que estão disponíveis apenas na versão premium em outros serviços, estão acessíveis aos usuários do nosso plano gratuito. Então, sinta-se à vontade para selecionar um modelo de pop-up e criar seu pop-up facilmente!