Ativar a seleção de quantidade nos seus formulários de pagamento

Gostaria de permitir que os seus utilizadores escolham várias quantidades de um produto no seu formulário de pagamento? O WPForms permite que você habilite o suporte de quantidade em alguns campos de pagamento.

Este tutorial explica os passos para ativar a quantidade de pagamento no WPForms.


Antes de começar, certifique-se de que o WPForms está instalado e ativado no seu site WordPress e que verificou a sua licença.

Criar um formulário de pagamento

Para começar, tem de criar um novo formulário ou editar um já existente para aceder ao criador de formulários. No construtor de formulários, vá em frente e adicione o(s) campo(s) que pretende apresentar no seu formulário. Para o nosso exemplo, vamos adicionar os seguintes campos:

  • Correio eletrónico
  • Item único ou itens suspensos
  • Cartão de crédito Stripe
  • Total

Para criar um formulário de pagamento, também precisa de integrar o seu site com um dos gateways de pagamento suportados. Para mais informações, consulte o nosso tutorial sobre como criar um formulário de pagamento.

Nota: Para ver como a seleção de quantidade pode ser implementada eficazmente, consulte o nosso modelo de formulário de encomenda de sweatshirt, que demonstra várias opções de produtos com selectores de quantidade.

Ativar a quantidade para um formulário

Nota: A ativação da quantidade só é suportada nos campos Item único e Itens pendentes.

Depois de criar o seu formulário de pagamento, selecione o campo Item individual ou Itens pendentes para abrir as respectivas opções de campo.

Selecionar o campo para abrir as opções de campo

No separador Geral, desloque-se para baixo e coloque a opção Ativar quantidade na posição activada.

Ativar a opção de quantidade do produto

Nota: Se estiver a utilizar qualquer um dos seguintes addons: PayPal Commerce, PayPal Standard, Square, Save and Resume ou Coupons, certifique-se de atualizá-los para a versão mais recente. Caso contrário, não será possível ativar a opção de quantidade.

Depois de o ativar, verá um menu pendente na área de pré-visualização junto ao campo de pagamento. Esta lista permite aos utilizadores escolher um número que representa a quantidade que pretendem comprar.

Menu pendente do campo Quantidade

Nota: Se estiver a utilizar o campo Itens do menu pendente, este também terá o mesmo aspeto e funcionará da mesma forma.

Abaixo da opção Ativar quantidade, verá a opção Intervalo. Esta definição permite-lhe controlar o número mínimo e máximo que um utilizador pode selecionar para um determinado item de pagamento.

Gama de quantidades

Nota: O número mínimo que pode ser definido é 0, enquanto o número máximo suportado é 9999.

Se pretender alinhar o menu pendente de quantidade junto ao campo de pagamento, basta reduzir o tamanho do campo. Para o fazer, clique com o botão direito do rato no campo, selecione Tamanho do campo e escolha a opção Pequeno.

Atualizar o tamanho do campo

Nota: Se estiver a utilizar o suplemento Páginas de formulário, Formulários de conversação ou Formulários de leads, não poderá ajustar o tamanho dos campos do formulário.

A redução do tamanho do campo alinhará o menu pendente de quantidade junto ao preço do item.

Campo Próximo do preço

Testar o seu formulário

Depois de personalizar o formulário de pagamento, não se esqueça de guardar as alterações. Recomendamos também que teste o seu formulário para garantir que tem um aspeto e funciona corretamente.

Quando pré-visualiza o seu formulário no frontend, pode escolher uma quantidade no menu pendente de quantidade.

Visualização do campo de quantidade

O menu suspenso de quantidade mostrará apenas números dentro do intervalo definido durante a configuração.

Se tiver ativado o resumo da encomenda no campo Total do seu formulário, os utilizadores também verão um resumo dos artigos antes de concluírem o pagamento.

Total do pagamento com resumo ativado

Nota: Quer saber como apresentar um resumo da encomenda nos seus formulários de pagamento? Para mais informações, consulte o nosso guia sobre a utilização do campo Total.

Ver o seu pagamento

Ao visualizar entradas de pagamento com quantidade activada, mostra o preço do item e multiplica-o pela quantidade que o utilizador selecionou.

Visualizar pagamentos concluídos

Isto ajuda-o a gerir e acompanhar corretamente as suas vendas. Para saber mais sobre a visualização de pagamentos, consulte o nosso tutorial sobre visualização e gestão de pagamentos.

É isso mesmo! Agora já sabe como permitir que os utilizadores comprem várias quantidades de um artigo no seu formulário de pagamento.

A seguir, gostaria de oferecer descontos aos utilizadores nos seus formulários WordPress? O nosso tutorial do addon Coupons explica todos os passos em pormenor.

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

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

Active o JavaScript no seu browser para preencher este formulário.