Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar um pop-up de cupom no WordPress (passo a passo)

Deseja criar um pop-up de cupom em seu site WordPress?

Os pop-ups de cupons são uma ótima maneira de converter os visitantes do seu site em clientes pagantes. Há várias maneiras diferentes de criar e exibir pop-ups de cupons. No entanto, exibir o cupom no momento certo faz uma enorme diferença na conversão de visitantes que abandonam o site em clientes.

Neste artigo, daremos uma olhada em como adicionar um pop-up de cupom ao seu site WordPress ou WooCommerce.

How to create a coupon popup in WordPress

Por que você deve oferecer um cupom aos visitantes?

Muitas vezes, os novos proprietários de empresas ficam preocupados com o fato de os cupons reduzirem seus lucros. No entanto, os proprietários de empresas estabelecidas sabem que oferecer descontos é uma maneira poderosa de fazer com que os visitantes se decidam, em vez de ficarem indecisos.

Oferecer códigos de cupom ajuda a recuperar vendas de carrinhos abandonados, converter visitantes em clientes e fazer mais vendas.

A maioria das plataformas de comércio eletrônico, como o WooCommerce, permite que você crie facilmente códigos de cupom. No entanto, o compartilhamento desses códigos de cupom com seus clientes faz toda a diferença.

Por isso, neste artigo, compartilharemos duas maneiras diferentes de compartilhar cupons com seus visitantes. Elas incluem um pop-up de saída de cupom e um optin de giro de cupom.

Vamos dar uma olhada em como criar um pop-up de cupom no WordPress ou no WooCommerce.

Como criar seu pop-up de cupom no WordPress

A melhor maneira de criar um popup de cupom é usar o OptinMonster. Ele é o melhor plugin de popup para WordPress e software de geração de leads do mercado.

Primeiro, você precisa visitar o site da OptinMonster para criar uma conta. Basta clicar no botão “Get OptinMonster Now” (Obter o OptinMonster agora) para começar.

OptinMonster

Você precisará pelo menos do plano Growth, pois ele inclui campanhas de roda de cupons e regras avançadas de segmentação para seus pop-ups.

Depois disso, você precisa instalar e ativar o plugin OptinMonster em seu site WordPress. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

O plug-in funciona como um conector entre sua conta do OptinMonster e seu site do WordPress.

Ao ativar o plug-in, você verá o assistente de configuração do OptinMonster. Vá em frente e clique no botão “Connect Your Existing Account” (Conectar sua conta existente).

Connect your existing account

Uma nova janela será aberta, na qual você precisará conectar seu site WordPress ao OptinMonster.

Basta clicar no botão “Connect to WordPress” para continuar.

Connect OptinMonster to WordPress

Você também pode conectar sua loja WooCommerce ao OptinMonster. Apenas certifique-se de ter configurado uma loja de comércio eletrônico no WordPress.

Primeiro, você precisará acessar OptinMonster ” Configurações no painel de administração do WordPress.

Depois disso, vá até a guia “General” (Geral) e clique no botão “Auto-Generate Keys + Connect WooCommerce” (Gerar chaves automaticamente + Conectar WooCommerce).

Auto generate keys and connect WooCommerce

O WooCommerce agora gerará chaves automaticamente e se conectará à sua conta do OptinMonster.

Agora, você está pronto para criar sua primeira campanha pop-up de cupom.

Como criar sua campanha pop-up de cupons

Para criar uma campanha, você pode acessar OptinMonster ” Campaigns no painel do WordPress e clicar no botão “Create Your First Campaign” (Criar sua primeira campanha).

Create first OptinMonster campaign

Na próxima tela, o OptinMonster mostrará diferentes tipos e modelos de campanha.

Primeiro, você precisará escolher um tipo de campanha. Vamos usar “Popup”, que deve ser a seleção padrão.

Choose a campaign type and template

Depois disso, você será solicitado a selecionar um modelo.

A OptinMonster tem uma vasta gama de modelos que você pode escolher, com muitos layouts e esquemas de cores diferentes. O modelo “Cupom” é perfeito para criar esse pop-up. No entanto, você pode selecionar um modelo diferente, se preferir.

Você pode usar a caixa de pesquisa para encontrar o modelo de cupom ou rolar a página para baixo.

Select a template

Em seguida, passe o mouse sobre o modelo e clique no botão “Use Template” (Usar modelo).

A etapa final antes de criar seu pop-up de cupom é nomear a campanha. Depois de inserir um nome, clique no botão “Start Building” (Iniciar criação).

Enter a name for your campaign

Criando seu pop-up de cupom

Depois de clicar em ‘Start Building’, você verá o construtor de campanhas do tipo arrastar e soltar.

Você pode usá-lo para adicionar diferentes blocos ao seu modelo e alterar o texto, as cores e o design do cupom da maneira que desejar.

Edit your campaign template

Você também pode clicar em qualquer elemento do design para alterá-lo ainda mais. Aqui, editamos o texto e o transformamos em uma cor diferente.

Assim que fizer suas alterações, você verá atualizações em tempo real no modelo de pop-up de cupom.

Edit the text and color of elements in the template

Talvez você queira experimentar fontes e cores diferentes para que o texto se destaque no pop-up ou combine com a sua marca.

Além do texto e dos elementos dentro do pop-up, você também pode alterar a cor do plano de fundo, adicionar uma imagem ao cupom, definir a cor da borda, alterar o estilo da borda e muito mais.

Save your popup changes

Quando terminar de fazer as alterações, certifique-se de armazenar a campanha clicando no botão verde “Save” (Salvar) na parte superior da tela.

Decida como entregar seu código de cupom

Agora que você configurou o pop-up de cupom, precisa decidir como realmente entregará o código do cupom ao visitante.

Há várias maneiras de fazer isso no OptinMonster, mas a melhor maneira é entregar o código do cupom imediatamente por meio da visualização Success do OptinMonster e enviá-lo por newsletter por e-mail.

Dessa forma, se o visitante não estiver pronto para comprar imediatamente, ele terá o código do cupom em sua caixa de entrada de e-mail para fácil consulta posterior.

Por padrão, seu popup de cupom já foi projetado para usar “a visualização de sucesso” assim que o botão for clicado. Para verificar, clique no botão e veja a opção “Go to View” no lado esquerdo da tela.

Change the success view

Se quiser uma ação de botão diferente, você pode alterá-la aqui. No entanto, para seu primeiro cupom, recomendamos manter o padrão.

Integração do OptinMonster com sua lista de e-mails

Para enviar seu código de cupom por e-mail automaticamente e para que o visitante seja adicionado à sua lista de e-mails, você precisará integrar o OptinMonster a um serviço de marketing por e-mail.

OConstant Contact é um ótimo serviço para usar com o OptinMonster, e os leitores do WPBeginner podem obter 20% de desconto nos primeiros 3 meses usando este cupom.

No entanto, se você usa um serviço de e-mail diferente, o OptinMonster se integra a praticamente todos os principais provedores.

Basta acessar a guia “Integração” e clicar no botão “+ Adicionar nova integração” para adicionar seu serviço de marketing por e-mail.

Add a new integration

Depois de fazer isso, você pode configurar um e-mail automático para ser enviado sempre que alguém se inscrever na lista de e-mails por meio do pop-up de cupom.

Dica de bônus: Editar o modelo de visualização de sucesso

Você pode visualizar e alterar o modelo “Success View” voltando à guia Design da sua campanha e clicando na opção “Success” na parte inferior da tela.

O padrão é parecido com este, mas você pode editá-lo da maneira que quiser, assim como editou o pop-up de cupom.

Switch to the success view

Alterar as regras de exibição de seu popup de cupom

Por padrão, o pop-up de cupom aparecerá para os visitantes depois que eles estiverem em qualquer página do seu site por 5 segundos.

Se você quiser alterar isso, vá para a guia “Regras de exibição”.

Set up display rules

Você pode definir as regras de exibição que quiser, mas uma ótima opção para experimentar é a Exit-Intent®.

Essa tecnologia especial da OptinMonster pode saber quando um visitante está prestes a sair do seu site e mostrar a ele o pop-up de cupom no momento certo.

Você pode adicionar a intenção de saída selecionando a “saída detectada” no menu suspenso e escolhendo em quais dispositivos mostrar a campanha. Por padrão, ela será definida para ser exibida em todos os dispositivos.

Add exit intent display rules

Há também uma opção para controlar a sensibilidade da intenção de saída.

Depois disso, role a tela para baixo e escolha as páginas em que deseja exibir sua campanha.

Por exemplo, você pode usar a configuração padrão de “caminho do URL atual” e selecionar a opção “é qualquer página”. Dessa forma, sua campanha aparecerá em todo o seu site.

Choose pages to show your campaign on

Depois de adicionar as regras de exibição, você pode clicar no botão “Next Step” (Próxima etapa).

O OptinMonster também oferece opções para reproduzir um efeito sonoro e mostrar animação quando o pop-up do cupom é exibido.

Choose sound effect and effects for campaign

Agora, você pode clicar no botão “Next Step” (Próxima etapa).

Na próxima tela, você verá um resumo das suas regras de exibição. Não se esqueça de clicar no botão “Save” (Salvar) para armazenar suas configurações.

View a summary of display rules

Quando estiver satisfeito com o pop-up do cupom, vá para a guia “Publicar” na parte superior.

Depois disso, basta verificar se a opção “Publish” está marcada na seção “Publish Status”.

Publish your campaign

Não se esqueça de clicar no botão “Salvar” na parte superior e fechar o construtor de campanhas.

Agora você pode visitar seu site para ver o pop-up de cupom em ação.

Coupon popup preview

Criando uma roda de cupons “gire para ganhar

Uma roda de cupons que gira para ganhar é uma ótima maneira de tornar seus cupons mais interessantes e divertidos para os visitantes do seu site. É como um minijogo que os visitantes podem jogar para ganhar um desconto ou outro bônus.

Suas opções para ganhar podem incluir coisas como 10% de desconto, 20% de desconto, frete grátis, teste grátis ou o que você quiser oferecer.

O OptinMonster oferece um tipo de campanha “Gamificada” que permite que você crie pop-ups que giram em torno da roda.

Select gamification campaign type

Depois disso, role a tela para baixo e selecione um dos modelos de roda.

O plug-in tem diferentes modelos de spin-to-win. Basta passar o mouse sobre um modelo e clicar no botão “Use Template” (Usar modelo).

Select a template

Em seguida, vá em frente e edite qualquer aspecto de sua roda de cupons.

Para editar as opções na própria roda de cupons, você precisará clicar no botão “Customize Wheel Sections” (Personalizar seções da roda) no lado esquerdo.

Customize your wheel

Em seguida, você pode digitar qualquer texto como o rótulo de cada opção e adicionar o código do cupom para cada opção vencedora.

Observe que a “Chance de Ganho” é determinada automaticamente. Se você alterar a alternância em uma ou mais opções de “Pode ganhar”, o OpinMonster recalculará as chances de ganhar.

Edit wheel sections

Se precisar de mais ajuda para criar sua roda de cupons e adicioná-la ao seu site, confira nossa postagem sobre como adicionar optins spin-to-win no WordPress e no WooCommerce, que aborda o processo em mais detalhes.

Em seguida, você pode visitar seu site para ver o pop-up do cupom spin-to-win em ação.

Spin the wheel popup preview

Esperamos que este artigo tenha ajudado você a aprender como criar um pop-up de cupom no WordPress. Talvez você também queira dar uma olhada em nossa seleção dos melhores plug-ins do WooCommerce ou em nosso guia sobre como adicionar notificações push ao seu site WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

Comentários

  1. Parabéns, você tem a oportunidade de ser o primeiro comentarista deste artigo.
    Tem alguma dúvida ou sugestão? Deixe um comentário para iniciar a discussão.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.