As compras online^(Online) tornaram mais conveniente para os consumidores procurar os melhores preços. Os cupons têm um impacto significativo nas decisões de compra e outras formas de ação que os desenvolvedores da web são solicitados a incorporar ao design da web.

90% dos consumidores usam cupons, o resgate de cupons digitais deve chegar a US$ 91 bilhões até 2022 e mais de 25 milhões de americanos^(Americans) usam cupons mensalmente para economizar dinheiro.

Por que oferecer aos visitantes um pop-up de cupom?^{(Why Offer Visitors a Coupon Popup?)}

Os^(Savvy) proprietários de sites experientes sabem que oferecer aos clientes um desconto por meio de um cupom é uma maneira poderosa de seduzi-los a fazer uma compra.  

Todo mundo ama muito. Oferecer cupons ajuda as marcas a aumentar a atividade do site, aumentar as conversões do site e recuperar e converter carrinhos abandonados.

Como o WordPress (WP) é o sistema de gerenciamento de conteúdo mais popular, este artigo fornecerá um guia passo a passo sobre como criar um pop-up de cupom WP.

Use o OptinMonster^{(Use OptinMonster)}

Comece criando uma conta OptinMonster , instalando e ativando o plug-in OptinMonster para WordPress^{(plugin for WordPress)} em seu site WP.

Encontre o plug-in no painel de administração do WP, clique nele e conecte-o ao OptinMonster .

Crie um pop-up de cupom com o OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• Faça login^(Log) no painel do OptinMonster e clique em Criar nova campanha^{(Create New Campaign)} .

• Em Tipo de campanha, selecione Popup . A próxima tela mostrará vários modelos projetados profissionalmente em várias cores e layouts.

• Escolha o modelo de cupom^{(Coupon )} para criar um pop-up e clique nele. Em seguida, selecione Usar modelo^{(Use Template)} , dê um nome à sua campanha e escolha o site em que deseja usá-la.
• Como você já conectou seu site (acima), você verá o URL do seu site listado no menu suspenso. 

• Selecione-o e clique em Start Building .

Design pop-up de cupom^{(Design Coupon Popup)}

Use o construtor de arrastar e soltar para alterar o design, o texto e as cores do seu cupom.

Para alterar um elemento no desenho, clique nele. Faça suas edições no lado esquerdo e elas serão exibidas no pop-up de visualização à direita.

Feche um elemento clicando no botão Home ou no X .

Sobreposição de fundo^{(Background Overlay)}

A cor ao redor do pop-up do cupom é chamada de sobreposição de plano de fundo^{(Background Overlay)} . Para editá-lo, vá para Configurações de Optin^{(Optin Settings)} > Estilos de Visualização^{(Optin View Styles)} de Optin .

Você pode alterar o Estilo de fundo^{(Background Style)} para uma cor sólida ou preenchimento de gradiente. Você também pode adicionar uma imagem e alterar a borda.

Quando estiver satisfeito com a aparência do seu cupom, clique em Salvar^(Save) .

Como os clientes receberão seu cupom?^{(How Will Customers Receive Your Coupon?)}

Depois de terminar de criar seu pop-up de cupom, você deve decidir como enviar o cupom para seus clientes.

O OptinMonster^{(OptinMonster)} recomenda entregá-lo imediatamente usando a visualização de sucesso^(Success) , bem como por e-mail. Para usar o e-mail, você deve habilitar a integração do provedor de serviços de e-mail.

Na visualização Sucesso^{(Success )} , você também pode:

• Inclua o código do cupom como na captura de tela acima.
• Redirecione os visitantes para uma página diferente para resgatar o cupom.

Observe que a exibição Sucesso^(Success) é a ação do botão padrão. Se você quiser usar uma opção diferente, altere a ação do botão seguindo as etapas abaixo:

• Edite o texto do botão.
• Clique em Ação.^(Action.)

• Em Form Success Action , clique na lista suspensa para ver as opções disponíveis. Se você quiser redirecionar para um URL , digite-o no campo.

Escolha as regras de exibição^{(Choose Display Rules)}

Para selecionar onde e quando seus visitantes verão seu cupom, acesse a guia Regras de exibição .^{(Display Rules)}

Você pode usar diferentes tipos de conteúdo, campanhas e ofertas exclusivas em cada página. 

Para saber mais sobre como usar as regras de exibição^{(Display Rules)} , leia: Como usar as regras de exibição para personalizar quando uma campanha será exibida^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Outros plugins do WordPress para criar campanhas de marketing pop-up de cupom^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

O WP oferece outros plugins para ajudá-lo a criar seu próprio pop-up de cupom. Abaixo^(Below) estão alguns deles.

Icegrama^{(Icegram)(Icegram)}

Baixe e instale o plug -in Icegram do WP para criar opt-ins personalizados e chamadas para ação visualmente atraentes usando as etapas abaixo:

• Faça login no seu painel WP.
• Clique em Adicionar nova campanha^{(Add New Campaign)} na opção Icegram na barra lateral esquerda.
• Selecione um^{(Select one)} dos modelos pré-fabricados e clique em Visualizar^(Preview) .

• Se você gostar da aparência no modo de visualização, clique em Usar isto^{(Use This)} para começar a personalizar o modelo.
• Quando a campanha abrir, clique em Mensagens^(Messages) e adicione ou edite o conteúdo da sua mensagem.

• Configure como e quando o pop-up do seu cupom aparecerá clicando em Regras de exibição^{(Display Rules)} .

As opções de exibição pop-up são:

Onde:^{(Where: )} escolha onde deseja que o pop-up do cupom seja exibido.

• Todo o site
• Pagina inicial
• Páginas selecionadas
• URLs específicos em seu site

Quando^(When) : você deseja que o pop-up seja exibido o tempo todo ou apenas conforme programado?

Dispositivo^(Device) : Escolha quais dispositivos mostrarão o pop-up.

Quem^(Who) você quer ver no pop-up?

• Todos os usuários
• Apenas usuários logados
• Não são usuários que estão logados

Retargeting : você deseja que seu pop-up de cupom seja exibido apenas uma vez para cada sessão?

Depois que um visitante clica em um CTA , você quer mostrar seu pop-up novamente ou não?

• Visualize seu formulário e configurações e clique em Publicar^(Publish) quando parecer bom.

Criador de cupons^{(Coupon Creator)(Coupon Creator)}

Crie seu próprio pop-up de cupom com o plugin Coupon Creator WP .

O Coupon Creator^{(Coupon Creator)} usa um tipo de postagem personalizado e requer apenas a configuração de algumas configurações. A versão gratuita permite que os usuários exibam e imprimam cupons para os clientes.

Um dos modelos gratuitos mostra uma imagem na borda interna do cupom. O modelo gratuito padrão tem um espaço no cupom para a oferta, os termos e a data de validade da oferta.

Se você estiver procurando por mais recursos, também há uma versão pro.

• Para criar um cupom, baixe e instale o plugin. Edite o Cupom Padrão^{(Standard Coupon)} ou adicione um novo.
• Gere um código de acesso de cupom a partir do inseridor de código de acesso do editor WP.

• Insira sua oferta em Deal. Insira^(Enter) seus termos para a oferta de cupom em Termos.^(Terms.)
• Para usar o cupom, insira o código de acesso em qualquer página ou post onde você deseja que ele seja exibido. Se você atribuir uma data de vencimento, o cupom não ficará mais visível após a data de vencimento que você definiu.

Para obter uma lista completa de plugins pop-up de cupons WP, visite WordPress.org^{(visit WordPress.org)} . Aumente sua lista de e-mail, aumente seus seguidores de mídia social e aumente as vendas criando seu próprio pop-up de cupom em seu site WP.

How To Create Your Own Coupon Popup in WordPress

Online shopping has made it convenient for consumers to search for the best prices. Coupons have a sіgnificant impact on рurchasing decisions and other forms of action that web developers are asked to inсorporate into web design.

90% of consumers use coupons, digital coupon redemption is expected to reach $91 billion by 2022, and over 25 million Americans use coupons monthly to save money.

Why Offer Visitors a Coupon Popup?

Savvy site owners know that offering customers a discount via a coupon is a powerful way to entice them to make a purchase.  

Everyone loves a great deal. Offering coupons helps brands increase website activity, increase site conversions, and recover and convert abandoned carts.

As WordPress (WP) is the most popular content management system, this article will provide a step-by-step guide on how to create a WP coupon popup.

Use OptinMonster

Start by creating an OptinMonster account, installing, and then activating the OptinMonster plugin for WordPress on your WP site.

Find the plugin in your WP admin dashboard, click on it, and then connect it with OptinMonster.

Create a Coupon Popup with OptinMonster

• Log into the OptinMonster dashboard and click Create New Campaign.

• From the Campaign Type, select Popup. The next screen will show you several professionally designed templates in various colors and layouts.

• Choose the Coupon template to create a pop up and click on it.  Then select Use Template, give your campaign a name and choose the website where you want to use it.
• Since you already connected your website (above), you will see your site URL listed in the drop-down menu. 

• Select it and click on Start Building.

Design Coupon Popup

Use the drag and drop builder to change the design, text, and colors of your coupon.

To change an element in the design, click on it. Make your edits on the left-hand side, and they will show on the preview popup on the right.

Close an element by clicking the Home button or the X.

Background Overlay

The color surrounding your coupon popup is called the Background Overlay. To edit it, go to Optin Settings > Optin View Styles.

You can change the Background Style to a solid color or gradient fill. You can also add an image and change the border.

Once you are happy with how your coupon looks, click Save.

How Will Customers Receive Your Coupon?

After you have finished designing your coupon popup, you must decide how to get the coupon to your customers.

OptinMonster recommends delivering it immediately using their Success view as well as by email. To use email, you must enable your email service provider integration.

In the Success view, you can also:

• Include the coupon code as in the screenshot above.
• Redirect visitors to a different page to redeem the coupon.

Note that the Success view is the default button action. If you want to use a different option, change the button action by following the steps below:

• Edit the button text.
• Click on Action.

• Under Form Success Action, click the dropdown to see available options. If you want to redirect to a URL, type it into the field.

Choose Display Rules

To select where and when your visitors will see your coupon, go to the Display Rules tab.

You can use different types of content, campaigns and exclusive offers on each page. 

To learn more about how to use Display Rules, read: How to Use Display Rules to Customize When a Campaign Will Appear.

Other WordPress Plugins For Building Coupon Popup Marketing Campaigns

WP offers may other plugins to help you create your own coupon popup. Below are a few of them.

Icegram

Download and install the WP plugin Icegram to create visually appealing custom opt-ins and calls to action using the steps below:

• Log into your WP dashboard.
• Click on Add New Campaign from the Icegram option in the left-hand sidebar.
• Select one of the pre-made templates and click on Preview.

• If you like what it looks like in preview mode, click Use This to start customizing the template.
• When the campaign opens, click on Messages and add or edit your message content.

• Configure how and when your coupon popup will appear by clicking on Display Rules.

The popup display options are:

Where: Choose where you want the coupon popup to show.

• Sitewide
• Homepage
• Selected pages
• Specific URLs on your site

When: Do you want the pop up to show all the time or only as scheduled?

Device: Choose which devices will show the popup.

Who do you want to see the popup?

• All users
• Only logged in users
• Not users who are logged in

Retargeting: Do you want your coupon popup to show only once for each session?

After a visitor clicks on a CTA, do you want to show them your popup again or not?

• Preview your form and settings and click Publish when it looks good.

Coupon Creator

Create your own coupon popup with the Coupon Creator WP plugin.

Coupon Creator uses a custom post type and only requires configuring a few settings.  The free version enables users to display and print coupons for customers.

One of the free templates shows an image on the inside border of the coupon. The default free template has a space on the coupon for the deal, terms, and expiration date of the offer.

If you are looking for more features, there is also a pro version.

• To create a coupon, download and install the plugin. Edit the Standard Coupon or add a new one.
• Generate a coupon shortcode from the WP editor shortcode inserter.

• Insert your offer under Deal. Enter your terms for the coupon deal under Terms.
• To use the coupon, insert the shortcode on any page or post where you want it to show. If you assign an expiration date, the coupon will no longer be visible beyond the expiration date you set.

For a full list of WP coupon popup plugins visit WordPress.org. Grow your email list, increase your social media followers, and increase sales by creating your own coupon popup on your WP site.

Related posts

• Como mover WordPress site de um host para outro

• Como instalar e WordPress configuração no Microsoft Azure

• Como correr blazingly rápido WordPress em Microsoft Azure

• Como configurar Privacy em WordPress e por que é importante

• Como instalar WordPress em Google Cloud Platform

• Como aumentar o desempenho no WordPress através de uma limpeza de banco de dados

• Wix vs WordPress: Qual é o melhor para criar seu site?

• Como alterar seu URL de login do WordPress para melhor segurança

• 11 melhores plugins de podcast do WordPress

• Como duplicar uma página no WordPress

• O melhor formato de escrita de blog para obter seus pontos

• Como usar o WP Super Cache no blog WordPress

• Must Have WordPress Yoast SEO Settings 2021

• Squarespace vs WordPress: qual é a melhor plataforma de site?

• Como instalar um site de teste do WordPress no seu computador

• Como fazer um WordPress Site Secure

• Como rastrear Broken Links com Google Webmaster Tool

• Como usar o Lumen5 para transformar sua postagem de blog em um vídeo

• Como configurar manualmente o WordPress em um domínio

• Como proteger páginas com senha em seu site WordPress