Como Adicionar um Campo de Código de Cupom aos Seus Formulários de Pedido do WordPress

Você quer adicionar um campo de código de cupom de desconto aos seus formulários de pedido do WordPress?

Você não precisa instalar um plugin avançado de e-commerce para começar a oferecer descontos aos seus clientes. Neste tutorial, mostraremos como habilitar um campo de código de cupom em seus formulários de pedido do WordPress.

Adicionando um Campo de Código de Cupom aos Seus Formulários de Pedido do WordPress

Sem dúvida, adicionar um campo de código de cupom de desconto aos seus formulários de pedido ajuda a aumentar suas conversões, bem como suas vendas.

Se você está vendendo apenas alguns produtos em seu site, pode não querer instalar um plugin pesado como o WooCommerce para coletar pagamentos e oferecer descontos com códigos de cupom. Tudo o que você precisa fazer é instalar um plugin de formulários do WordPress, como o WPForms e integrá-lo a um gateway de pagamento. Temos um tutorial passo a passo que mostra como vender online sem uma configuração de e-commerce.

O WPForms é o melhor plugin de formulários de contato para WordPress. Ele permite que você crie um formulário de contato, formulário de pagamento, formulário de pedido, formulário de doação ou qualquer outro formulário do WordPress de forma rápida e fácil.

A melhor parte é que você também pode adicionar um campo de código de cupom aos seus formulários de pedido com o WPForms. Para mais informações sobre este plugin, veja nossa análise detalhada do WPForms

Antes de começarmos, vamos deixar claro que este tutorial mostra como adicionar um código de desconto especificamente ao seu formulário WordPress. É simples e fácil de seguir e é mais adequado para aqueles que gerenciam uma loja de um produto ou vendem apenas alguns produtos online.

Este método não vem com recursos avançados para adicionar descontos baseados em porcentagens e condições de carrinho para lojas de comércio eletrônico completas e grandes. Para isso, você precisará usar uma solução WooCommerce como Advanced Coupons.

Você pode adicionar BOGO, cupons de URL, condições de carrinho, restrições de função de cupom, crédito de loja e muito mais – é totalmente gratuito para usar. Há também uma versão premium do plugin que oferece recursos avançados.

Veja nossa análise detalhada do plugin Advanced Coupons ou comece agora mesmo e aprenda Como Criar Cupons Corretamente com WooCommerce para Lucro.

Dito isso, vamos ver como você pode adicionar rapidamente uma opção de desconto simples ao seu formulário WordPress usando o WPForms.

Etapa 1: Instalando o WPForms

Para adicionar um código de cupom ao seu formulário de pedido, você primeiro precisa instalar e ativar o plugin WPForms em seu site.

Etapa 2: Criando seu Formulário de Pedido

O próximo passo é criar seu formulário de pedido com o WPForms. Para criar seu formulário, vá para WPForms » Adicionar Novo. Agora você será direcionado para uma nova página onde poderá selecionar um modelo. Aqui, selecione o modelo Formulário de Cobrança/Pedido.

Você será direcionado para o construtor de formulários com todos os campos à sua esquerda e o formulário à sua direita. Você pode simplesmente arrastar os campos do formulário e soltá-los no formulário de pedido. Para editar um campo, basta clicar no campo e adicionar sua entrada no lado esquerdo do seu formulário.

Embora o modelo de formulário de pedido lhe dê um bom começo, a beleza do WPForms é que você pode personalizá-lo da maneira que desejar.

Passo 2: Usando Lógica Condicional para Adicionar um Campo de Código de Cupom

Para obter os melhores resultados, é recomendado exibir o campo de código de cupom apenas para o cliente que realmente possui um código de cupom para resgatar.

Vamos criar um campo de lista suspensa em seu formulário para perguntar se o cliente possui um código de cupom. Para fazer isso, adicione o campo Dropdown ao seu formulário na seção Campos Padrão.

Agora você terá que personalizar este campo. Basta clicar na opção de campo e alterar o rótulo para Você tem um código de cupom de desconto. Em seguida, altere:

• Primeira escolha para Selecionar
• Segunda escolha para Sim
• Terceira escolha para Não

Em seguida, você precisa adicionar um campo onde seu usuário possa inserir o código do cupom de desconto. Arraste o campo Texto de Linha Única da esquerda e solte-o logo abaixo do campo Sim/Não em seu formulário.

Agora renomeie este campo como Código do Cupom de Desconto. Para fazer isso, basta clicar no campo e alterar o texto no lado direito da sua tela.

Agora é hora de habilitar a lógica condicional. Para isso, role a tela para baixo para encontrar a opção Condicionais.

Logo abaixo, selecione a caixa de seleção para habilitar a lógica condicional. Sua lógica condicional deve indicar Mostrar este campo se “Você tem um código de desconto” for Sim, exatamente como na captura de tela abaixo.

Isso significa que o campo Código do Cupom de Desconto só será exibido se um usuário confirmar que tem um código de cupom para resgatar.

Etapa 4: Criando Validações Para o Seu Campo de Código de Cupom

O próximo passo é adicionar validações ao seu formulário que você criou com WPForms. Com esta etapa, você pode mostrar aos seus usuários se o código do cupom deles é válido ou não. Para isso, vá para a guia Campos de Pagamento. Agora adicione campos Item Único 2 vezes logo abaixo do seu campo Código do Cupom de Desconto.

Agora clique em cada um desses campos. Vamos usar o primeiro campo para resgatar o cupom e o segundo campo para exibir uma mensagem de erro se o código do cupom não estiver correto.

No primeiro, edite o rótulo para Seu Preço. No campo Descrição, explique o desconto que você deseja oferecer. No Preço do Item, adicione o preço com desconto.

Em seguida, role para baixo até a aba Condicionais e selecione a opção de caixa de seleção Habilitar lógica condicional. Aqui você pode configurar quando as pessoas devem ver este campo de Item Único. Agora adicione o que você quiser que seja seu código de desconto. Digamos que seu código seja 100%OFF.

Você pode adicionar mais de um código de desconto clicando na opção Adicionar novo grupo logo abaixo dele.

Como mencionado acima, vamos usar o segundo campo para exibir uma mensagem de erro se o código do cupom não estiver correto.

Para fazer isso, para o segundo Item de linha única, adicione o rótulo como Seu Preço. Na Descrição, digamos Código de desconto inválido. Lembre-se de que este campo deve ser exibido quando o código do cupom for inválido. Para fazer isso, role para baixo até Condicionais e selecione a opção de caixa de seleção Habilitar Lógica Condicional.

Abaixo disso, deixe o campo ser exibido se o cupom de desconto NÃO for 100%OFF. Se você tiver mais códigos de cupom de desconto, adicione-os usando o botão Adicionar novo grupo.

Quando terminar, clique no botão Salvar no canto superior direito da sua tela. Seu formulário está pronto para ser publicado.

Etapa 5: Publicando Seu Formulário no WordPress

O próximo passo é publicar seu formulário. Para isso, vá para o editor de página ou post onde você deseja exibir seu formulário. Agora clique no sinal de + no canto superior esquerdo da sua tela. Em seguida, usando o botão de pesquisa, procure por WPForms.

Quando encontrar WPForms, clique nele. Agora você pode selecionar seu formulário clicando na seta suspensa. Seu formulário será adicionado à sua página. Em seguida, certifique-se de publicar o formulário atualizando seu post.

É isso. Você adicionou com sucesso um campo de código de cupom ao seu formulário de pedido do WordPress.

À medida que seu negócio online cresce, você pode precisar migrar para uma solução mais avançada. Então, talvez você precise se inscrever no Advanced Coupons. Sugerimos que você marque a página ou anote este plugin para uma data futura.

Esperamos que você tenha gostado deste tutorial. Se sim, você também pode querer ler mais de nossos recursos:

• 11+ Melhores Plugins de Depoimentos para WordPress
• Como Adicionar Notificações de Prova Social no WordPress
• 15 Ferramentas de Otimização de Taxa de Conversão para Impulsionar o Crescimento

Estes posts ajudarão você a impulsionar seu negócio online e ganhar a confiança dos usuários.