Resumo de IA
Pretende criar um formulário de doação que permita aos utilizadores escolher entre vários montantes de doação? Oferecer várias opções pode tornar os seus doadores mais propensos a contribuir para a sua causa.
Este tutorial mostrar-lhe-á como criar um formulário de doação com vários montantes.
Requisitos: Se pretender permitir pagamentos nos seus formulários, necessitará de uma licença Pro ou superior para aceder aos add-ons Stripe Pro ou PayPal.
Antes de começar, certifique-se de que instala e ativa o plugin WPForms no seu site WordPress. Em seguida, terá de criar um novo formulário ou editar um existente.
Para este exemplo, criaremos um novo formulário utilizando o nosso modelo de Formulário de Doação. No entanto, pode seguir os passos abaixo utilizando qualquer formulário que desejar.
Nota: Se estiver a criar especificamente um formulário para um banco alimentar, poderá também querer consultar o nosso Modelo de Formulário de Doação para Banco Alimentar, que inclui níveis de doação pré-definidos com ícones personalizados.
Personalização de Vários Montantes de Doação
Assim que tiver aberto o construtor de formulários, adicione um campo de pagamento que permita aos utilizadores escolher entre várias opções de montante de doação. Dependendo da sua preferência, pode utilizar o campo Múltiplos Itens ou o campo de Lista Suspensa.
Para o nosso exemplo, utilizaremos o campo Múltiplos Itens. Para adicionar um campo ao seu formulário, clique nele ou arraste e solte-o na área de pré-visualização.
Para começar a personalizar o campo de itens de pagamento, clique nele para abrir o seu painel de Opções de Campo. Aqui, edite o rótulo de cada item para refletir os níveis de doação disponíveis.
Também pode adicionar ou remover opções clicando respetivamente nos botões mais (+) e menos (–).
Para garantir que os utilizadores não se esquecem deste campo ao submeter o formulário, ative a opção Obrigatório.
Nota: Para mais ajuda na personalização dos campos do seu formulário, consulte o nosso tutorial sobre configuração das opções de campo no WPForms.
Permitir que os Doadores Decidam o Montante
Em alguns casos, os utilizadores podem querer doar um montante que não está listado no seu formulário.
Para permitir que os doadores deem outros montantes, terá de adicionar um item adicional ao campo Múltiplos Itens ou Lista Suspensa. No nosso exemplo, chamaremos a este novo item Outro.
Nota: Quer saber mais sobre como adicionar uma opção "Outro" aos campos de Caixas de Seleção, Múltiplas Escolhas e Listas Suspensas nos seus formulários? Consulte o nosso tutorial sobre configuração de opções "Outro" para todos os detalhes.
Em seguida, terá de exibir um campo onde os utilizadores possam inserir o seu montante de doação quando a opção Outro for selecionada.
Para o fazer, adicione um campo de Item Único ao seu formulário e defina o seu Tipo de Item para Definido pelo Utilizador.
Se estiver a utilizar o modelo de Formulário de Doação para criar o formulário, pode simplesmente utilizar o campo pré-construído rotulado Montante da Doação para este fim.
Em seguida, terá de garantir que este campo é apresentado apenas aos utilizadores que clicam na opção Outro no campo Valor da Doação.
Para o fazer, clique no separador Lógica Inteligente no painel Opções do Campo e ative a opção Ativar lógica condicional.
Em seguida, configure a regra de lógica condicional para Mostrar este campo se Escolher Valor da Doação for Outro.
Nota: Precisa de ajuda para configurar a regra de lógica condicional do seu formulário de doação? Consulte o nosso tutorial sobre utilizar lógica condicional no WPForms para obter orientação.
Assim que terminar de configurar o seu formulário, clique em Guardar para manter as suas alterações.
Aqui está uma vista do nosso campo condicional Valor da Doação em ação:
É tudo! Agora sabe como criar um formulário de doação com múltiplos valores para os utilizadores escolherem.
Em seguida, pretende impedir que os utilizadores enviem um formulário com $0.00 em campos de pagamento definidos pelo utilizador? Se sim, certifique-se de que consulta o nosso tutorial sobre como exigir um total de pagamento aqui.