Deseja permitir que os usuários escolham entre vários métodos de pagamento em seu formulário? Com o WPForms, você pode usar a lógica condicional para permitir que os usuários selecionem se desejam fazer seus pagamentos com o PayPal ou com uma operadora de cartão de crédito.
Este tutorial mostrará como permitir que seus usuários escolham um método de pagamento em seus formulários.
Requisitos: Você precisará de um nível de licença Pro ou superior para usar os addons PayPal Standard, Stripe Pro e Square. Para acessar o add-on Authorize.Net, você precisará de uma licença Elite.
Antes de começar, certifique-se de que você instalou e ativou o WPForms e verificou sua chave de licença.
Em seguida, você pode instalar o complemento PayPal Standard. Você também precisará instalar o complemento Stripe Pro, o complemento Square ou o complemento Authorize.Net (dependendo do processador de pagamento com cartão de crédito que deseja usar em seus formulários).
Observação: o Stripe aplica uma taxa de transação de 3% a cada pagamento processado por meio de sua plataforma se sua licença do WPForms estiver inativa.
Adição de um campo de seleção de método de pagamento em seu formulário
Neste tutorial, usaremos a lógica condicional para mostrar ou ocultar determinados campos e processar pagamentos por meio de um determinado provedor, dependendo das seleções dos usuários em seu formulário.
Observação: recomendamos o uso do complemento PayPal Commerce se você tiver uma conta comercial do PayPal. Esse complemento permite que você aceite pagamentos via PayPal e cartão de crédito sem usar a lógica condicional. Consulte nossas Perguntas frequentes para obter mais detalhes.
Depois que todos os addons estiverem instalados e ativados, você precisará criar um novo formulário ou editar um já existente.
Se ainda não o fez, adicione um campo de múltipla escolha ao seu formulário, bem como um dos seguintes campos de pagamento:
- Cartão de crédito Stripe
- Quadrado
- Authorize.Net
Você pode clicar em um campo no painel esquerdo do construtor ou arrastá-lo e soltá-lo na área de visualização para adicioná-lo ao formulário.
Em seguida, você precisará adicionar opções ao campo Múltipla escolha para cada método de pagamento disponível em seu formulário.
Observação: para obter mais detalhes sobre como adicionar itens ao campo Múltipla escolha, bem como outras opções disponíveis para esse tipo de campo, consulte nosso tutorial sobre como personalizar o campo Múltipla escolha.
No nosso exemplo, mudaremos o rótulo do campo Múltipla escolha para Método de pagamento e rotularemos as opções como PayPal e Cartão de crédito.
Recomendamos o uso de rótulos semelhantes, mas você pode personalizar esse texto para se adequar ao seu formulário.
Para garantir que os usuários selecionem um método de pagamento antes de enviar o formulário, ative a configuração Obrigatório nas opções de campo do campo Múltipla escolha.
Ativação da lógica condicional para o campo de cartão de crédito
Em seguida, você precisará aplicar a lógica condicional ao campo de pagamento do formulário para ocultá-lo, a menos que o usuário o selecione como método de pagamento.
Em nosso exemplo, estamos usando o campo Stripe Credit Card. No entanto, as etapas são essencialmente as mesmas se você optar por usar o campo Square ou Authorize.Net.
Observação: se estiver usando o Stripe com o WPForms Lite, você não terá acesso à lógica condicional nas opções de campo do cartão de crédito do Stripe.
Para ativar a lógica condicional para seu campo de cartão de crédito, abra as opções de campo clicando nele na área de visualização. Em seguida, clique na guia Smart Logic (Lógica inteligente ).
A partir daí, ative a opção Enable Conditional Logic (Ativar lógica condicional ).
Em seguida, crie uma regra para mostrar o campo de cartão de crédito se um usuário selecionar a opção correspondente no campo Múltipla escolha.
Nossa regra de exemplo diz: Mostre esse campo se o método de pagamento for cartão de crédito.
Observação: Precisa de ajuda para configurar sua regra de lógica condicional? Nosso tutorial para iniciantes sobre o uso da lógica condicional no WPForms tem todos os detalhes.
Configuração das definições de pagamento para seu formulário
Por fim, você precisará definir as configurações dos métodos de pagamento oferecidos em seu formulário. Em especial, você precisará usar a lógica condicional para processar os pagamentos dos usuários por meio do método escolhido.
Abordamos as opções de todos os métodos disponíveis abaixo.
Configurações padrão do PayPal
Para definir suas configurações do PayPal Standard, navegue até Payments " PayPal Standard no criador de formulários. Em seguida, ative a opção Ativar pagamentos padrão do PayPal no painel direito.
Há várias opções que precisam ser configuradas em seguida, incluindo a adição do e-mail do PayPal, a colocação da conta no modo de produção e a determinação da necessidade de os usuários fornecerem um endereço de entrega.
Observação: para obter as etapas completas de configuração do PayPal Standard, consulte nosso tutorial completo do complemento do PayPal Standard.
Em seguida, role para baixo até a opção Enable Conditional Logic (Ativar lógica condicional ) e ative-a para revelar mais configurações.
Defina a regra de lógica condicional para ler Processar essa cobrança se o método de pagamento for o PayPal.
Configurações do Stripe
Para definir suas configurações do Stripe, primeiro navegue até a guia Payments (Pagamentos) no construtor de formulários e clique em Stripe. Em seguida, alterne a opção Ativar pagamentos do Stripe para a posição ativada.
Adicione uma descrição do pagamento e mapeie o campo de e-mail do formulário para a opção Stripe Payment Receipt, se desejar. Em seguida, role para baixo e ative a configuração Enable Conditional Logic ( Ativar lógica condicional ).
Observação: para obter instruções completas de configuração do Stripe, não deixe de conferir nosso tutorial do complemento Stripe Pro.
Configure a regra para ler Processar essa cobrança se o método de pagamento for cartão de crédito.
Configurações quadradas
Para definir suas configurações do Square, vá para Payments " Square no criador de formulários e ative a opção Enable Square payments (Ativar pagamentos do Square ).
Isso revelará várias configurações. Digite uma descrição do pagamento, mapeie os campos dos quais deseja coletar informações e, em seguida, ative a opção Enable Conditional Logic (Ativar lógica condicional ).
Observação: para obter mais detalhes sobre como configurar pagamentos Square para um formulário, consulte nosso guia completo do complemento Square.
Usando os menus suspensos que aparecem, defina sua regra como Process this charge if Payment Method is Credit Card( Processar essa cobrança se o método de pagamento for cartão de crédito).
Configurações do Authorize.Net
Para definir suas configurações do Authorize.Net, vá para a guia Payments (Pagamentos) no construtor de formulários e clique em Authorize.Net. A partir daí, selecione a opção Ativar pagamentos do Authorize.Net.
Em seguida, adicione uma descrição de pagamento e mapeie todos os campos relevantes de seu formulário para sua conta do Authorize.Net. Em seguida, ative a opção Enable Conditional Logic (Ativar lógica condicional ) na parte inferior das configurações.
Observação: para obter detalhes completos sobre como configurar o complemento Authorize.Net, não deixe de conferir nosso tutorial do Authorize.Net.
Em seguida, você pode configurar sua regra de lógica condicional para ler Process this charge if Payment Method is Credit Card( Processar essa cobrança se o método de pagamento for cartão de crédito).
Perguntas frequentes
Estas são as respostas para algumas das principais perguntas sobre como permitir que os usuários escolham um método de pagamento.
Preciso usar a lógica condicional se tiver o complemento PayPal Commerce?
O add-on PayPal Commerce oferece suporte às opções de checkout com cartão de crédito e PayPal por padrão. Após configurar o complemento, você não precisará usar a lógica condicional para ativar essa funcionalidade em seu formulário. No entanto, você precisará ter uma conta comercial do PayPal para configurar o complemento.
Para confirmar que ambos os métodos de pagamento estão ativados, clique no campo PayPal Commerce para abrir as Opções de campo. Em seguida, procure na seção Supported Payment Methods e verifique se o PayPal Checkout e o cartão de crédito estão ativados para o seu formulário.
Para saber mais sobre como usar o PayPal Commerce, consulte nosso guia sobre como configurar e usar o complemento do PayPal Commerce.
É isso aí! Agora você pode permitir que os seus usuários escolham entre pagar com o PayPal ou com um dos nossos métodos de pagamento com cartão de crédito compatíveis ao preencher os seus formulários.
Em seguida, você gostaria de garantir que o formulário e todos os pagamentos estejam funcionando conforme o esperado antes de publicá-lo? Confira nosso tutorial sobre como testar adequadamente seus formulários para obter mais detalhes.