Como adicionar um campo de código de cupom aos formulários de pedido do WordPress


Deseja adicionar um campo de código de cupom de desconto aos formulários de pedido do WordPress?

Você não precisa instalar um plug-in de comércio eletrônico avançado para começar a oferecer descontos para seus clientes. Neste tutorial, mostraremos como ativar um campo de código de cupom nos formulários de pedido do WordPress.

Adicionando um campo de código de cupom aos formulários de pedido do WordPress

Se você está vendendo apenas alguns produtos no 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 que você precisa fazer é instalar um plug-in de formulários do WordPress, como WPForms e integre-o a um gateway de pagamento.

WPForms é o melhor plugin de formulário de contato para WordPress. Permite criar 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 formulários de pedido com WPForms.

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

Etapa 1: instalando o WPForms

wpforms-overview-contact-form-plugin

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

Etapa 2: Criando seu formulário de pedido

O próximo passo é criar seu formulário de pedido com 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 Formulário de faturamento / pedido modelo.

Modelos WPForms

Agora você será direcionado ao criador 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 ao lado esquerdo do seu formulário.

Campo WPForms

Enquanto o modelo de formulário de pedido oferece uma vantagem, a beleza dos WPForms é que você pode personalizá-lo da maneira que desejar.

Etapa 2: usando a lógica condicional para adicionar um campo de código de cupom

Para obter melhores resultados, é recomendável exibir o campo do código do cupom apenas ao cliente que realmente possui um código de cupom para resgatar.

Vamos criar um campo suspenso no seu formulário para perguntar se o cliente tem um código de cupom. Para fazer isso, adicione o Suspenso campo ao seu formulário sob o Campos padrão seção.

Agora você precisará 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 o:

  • Primeira escolha para Selecione
  • Segunda chance para sim
  • Terceira escolha para Não

WPForms

Em seguida, você precisa adicionar um campo em que seu usuário possa inserir o código do cupom de desconto. Então arraste o Texto de linha única campo da esquerda e solte-o logo abaixo do campo Sim / Não no seu formulário.

Lógica condicional do WPForms

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 tela.

Código de cupom de desconto WPForms

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

Código de cupom de desconto WPForms

Logo abaixo, marque a caixa de seleção para ativar a lógica condicional. Sua lógica condicional deve declarar Mostrar este campo se “Você possui um código de desconto” é Sim assim como na imagem abaixo.

Isso significa que o Código do cupom de desconto O campo será exibido apenas se um usuário confirmar que possui um código de cupom para resgatar.

Lógica condicional, wpforms

Etapa 4: Criando validações para o seu código de cupom

A próxima etapa é adicionar validações ao formulário que você criou com WPForms. Com esta etapa, você pode mostrar aos usuários se o código do cupom é válido ou não. Para isso, vá para o Campos de pagamento aba. Agora adicione Item único campos 2 vezes logo abaixo do seu Código do cupom de desconto campo.

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. Debaixo de Descrição campo, explique o desconto que você queria oferecer. No Preço do item, adicione o preço com desconto.

Em seguida, role para baixo até o Condicionais guia e marque a caixa de seleção Ativar lógica condicional opção. Aqui você pode configurar quando as pessoas verão isso Item único campo. Agora adicione o que você deseja que seu código de desconto seja. Digamos que seu código seja 100% OFF.

Código de desconto WPForms

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

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, pela segunda Item de linha único, adicione o rótulo como seu preço. Na descrição, digamos Código de desconto inválido. Lembre-se de que esse campo deve ser mostrado quando o código do cupom for inválido. Para fazer isso, role para baixo até Condicionais e marque a caixa de seleção Ativar lógica condicional opção.

Campo de código do cupom de desconto WPForms

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

Lógica condicional 2

Depois de concluído, pressione o Salve  no canto superior direito da 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, acesse a página ou o editor de postagem em que deseja exibir seu formulário. Agora clique no + Cadastre-se no canto superior esquerdo da tela. Em seguida, usando o botão de pesquisa, procure WPForms.

Publicação de WPforms

Quando você achar WPForms, Clique nisso. Agora você pode selecionar seu formulário clicando na seta suspensa. Seu formulário agora será adicionado à sua página. Publique o formulário atualizando sua postagem.

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

adicionando campos de código de cupom no wp

Se você gostou deste artigo, também pode conferir nossa análise completa sobre o WPForms.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me