Usando o campo Total em um formulário de pagamento

Procurando maneiras de aprimorar seus formulários de pagamento do WPForms? Adicionar um campo Total ao seu formulário pode refinar a precisão da transação, melhorar a experiência do usuário e oferecer opções de personalização versáteis para vários cenários de pagamento.

Este tutorial aborda como adicionar um campo Total ao seu formulário, como tornar o campo obrigatório e como exibir um resumo do pagamento antes que o usuário envie o formulário.


Antes de se aprofundar neste tutorial, certifique-se de que o WPForms esteja instalado e ativado em seu site WordPress. Em seguida, crie um novo formulário ou edite um já existente para acessar o construtor de formulários.

Se quiser aceitar pagamentos com esse formulário, você também precisará se certificar de que instalou e configurou um de nossos complementos de pagamento. Você pode encontrar tutoriais completos sobre cada uma das opções disponíveis abaixo:

Adição de um campo Total

O campo Total está localizado na seção Payment Fields (Campos de pagamento) no construtor de formulários. Para adicionar esse campo ao seu formulário, clique nele ou arraste-o e solte-o na área de visualização.

Adição de um campo Total a um formulário

Exigência de um total de pagamento

Tornar um campo Total obrigatório em seus formulários de pagamento do WPForms evita o problema de envios de US$ 0, eliminando possíveis confusões e garantindo que cada transação seja intencional.

Para tornar o campo obrigatório, comece clicando nele na área de visualização para abrir suas opções de campo. Na guia General (Geral ), alterne a opção Required (Obrigatório ) para a posição on e salve suas alterações.

Tornar um campo Total obrigatório

Observação: recomendamos testar o formulário antes de publicá-lo para garantir que ele funcione conforme o esperado. Consulte nossa lista de verificação completa de testes de formulários para obter um guia passo a passo.

Se um usuário tentar enviar seu formulário com $0 no campo Total, ele verá uma mensagem de validação que diz: "O pagamento é obrigatório".

Uma mensagem de validação para um campo Total

Observação: Deseja alterar a mensagem que os usuários verão se tentarem enviar o formulário e o valor do campo Total for $0? Confira nosso tutorial sobre como personalizar mensagens de validação.

Exibição de um resumo do pedido

A exibição de um resumo do pedido em seus formulários de pagamento oferece aos usuários um detalhamento claro e detalhado dos produtos selecionados, semelhante a um recibo. Essa é uma ótima maneira de ajudar a evitar mal-entendidos sobre o que está incluído no custo total.

Observação: A exibição do resumo do pedido requer a versão 1.8.7 ou superior do WPForms para funcionar.

Para exibir o resumo, primeiro abra o painel de opções de campo clicando no campo Total na área de visualização do formulário.

Na guia General (Geral ), ative a opção Enable Summary (Ativar resumo ).

enable-order-summary

Observação: Se estiver usando o complemento Coupons, certifique-se de atualizá-lo para a versão mais recente. Caso contrário, você não poderá usar o recurso de resumo de pedidos.

Depois de ativar o resumo do pedido, os usuários agora verão um detalhamento dos itens selecionados e seus preços diretamente no formulário, fornecendo uma visão geral transparente da compra antes do envio.

Exemplo de resumo de pedido

Observação: Para uma implementação prática, explore este modelo de formulário de pedido de relógio de luxo com um resumo de pedido incorporado. Ele demonstra como exibir com eficácia os detalhes detalhados do produto em um cenário do mundo real.

Adição de um resumo do pedido a uma mensagem de confirmação

Adicionar o resumo do pedido à mensagem de confirmação oferece aos usuários uma recapitulação clara da compra logo após o envio do formulário. Essa é uma ótima maneira de mostrar instantaneamente aos usuários o que eles compraram, aumentando a transparência e a satisfação do cliente.

Para incluir o resumo do pedido na mensagem de confirmação, vá para Settings " Confirmations (Configurações " Confirmações).

configurações de confirmações

Em seguida, ative a opção Show order summary after confirmation message (Mostrar resumo do pedido após mensagem de confirmação ) e salve o formulário.

show-order-summary-in-confirmation

Agora, quando um usuário enviar seu formulário, ele verá o resumo do pedido exibido com a mensagem de confirmação.

Mensagem de confirmação do resumo do pedido

É isso aí! Agora você sabe como adicionar um campo Total ao seu formulário, torná-lo uma entrada obrigatória e exibir um resumo do pagamento antes que o usuário conclua o envio.

Em seguida, gostaria de oferecer vários métodos de pagamento em um único formulário? Siga nosso guia para permitir que os usuários escolham o método de pagamento.

O melhor plug-in de criação de formulários de arrastar e soltar para WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Ative o JavaScript em seu navegador para preencher este formulário.