Pretende criar um formulário de donativo que permita aos utilizadores escolher entre vários montantes de donativo? A disponibilização de várias opções pode aumentar a probabilidade de os seus doadores contribuírem para a sua causa.
Este tutorial mostra-lhe como criar um formulário de donativo com vários montantes.
Requisitos: Se pretender permitir pagamentos nos seus formulários, necessitará de uma licença Pro ou superior para aceder aos suplementos Stripe Pro ou PayPal.
Antes de começar, certifique-se de que instala e ativa o plugin WPForms no seu site WordPress. De seguida, terá de criar um novo formulário ou editar um já existente.
Para este exemplo, vamos criar um novo formulário utilizando o nosso modelo de Formulário de donativo. No entanto, pode seguir os passos abaixo utilizando qualquer formulário que deseje.
Nota: Se estiver a criar um formulário especificamente para um banco alimentar, poderá também querer consultar o nosso Modelo de formulário de donativo para banco alimentar, que inclui níveis de donativos predefinidos com ícones personalizados.
Personalização de vários valores de donativos
Depois de abrir o criador de formulários, adicione um campo de pagamento que permita aos utilizadores escolher entre várias opções de montante de donativo. Dependendo da sua preferência, pode utilizar o campo Vários itens ou o campo Itens pendentes.
No nosso exemplo, vamos utilizar o campo Vários itens. Para adicionar um campo ao seu formulário, clique nele ou arraste-o e largue-o na área de pré-visualização.
Para começar a personalizar o campo de itens de pagamento, clique nele para abrir o painel Opções de campo. Aqui, edite a etiqueta de cada item para refletir os níveis de donativos disponíveis.
Também pode adicionar ou remover opções clicando nos botões mais (+) e menos (-), respetivamente.
Para garantir que os utilizadores não perdem este campo quando submetem o formulário, active a opção Obrigatório .
Nota: Para obter mais ajuda na personalização dos campos do seu formulário, consulte nosso tutorial sobre como configurar 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á indicado no seu formulário.
Para permitir que os dadores dêem outros montantes, terá de adicionar um item adicional ao campo Vários itens ou Itens pendentes. No nosso exemplo, chamaremos a este novo item Outro.
Nota: Quer saber mais sobre como adicionar uma opção "Outro" aos campos Caixas de seleção, Múltipla escolha e Menu suspenso nos seus formulários? Consulte o nosso tutorial sobre a configuração de opções "Outros" para obter todos os detalhes.
Em seguida, é necessário apresentar um campo onde os utilizadores podem introduzir o montante do donativo quando a opção Outro é selecionada.
Para o fazer, adicione um campo Item único ao seu formulário e defina o seu Tipo de item como Definido pelo utilizador.
Se estiver a utilizar o modelo de Formulário de donativo para criar o formulário, pode simplesmente utilizar o campo pré-construído denominado Montante do donativo para este efeito.
Em seguida, é necessário certificar-se de que este campo é mostrado apenas aos utilizadores que clicam na opção Outro no campo Montante do donativo.
Para tal, clique no separador Lógica inteligente no painel Opções de campo e active a opção Ativar lógica condicional.
Em seguida, configure a regra de lógica condicional para Mostrar este campo se Escolher o valor da doação for Outro.
Nota: Precisa de ajuda para configurar a regra de lógica condicional do seu formulário de donativo? Consulte nosso tutorial sobre como usar a lógica condicional no WPForms para obter orientação.
Quando tiver terminado de configurar o formulário, clique em Guardar para manter as alterações.
Eis um exemplo do nosso campo condicional Montante do donativo em ação:
É isso mesmo! Agora já sabe como criar um formulário de donativo com vários montantes para os utilizadores escolherem.
Em seguida, pretende impedir que os utilizadores submetam um formulário com $0,00 nos campos de pagamento definidos pelo utilizador? Em caso afirmativo, não deixe de consultar o nosso tutorial sobre como exigir um total de pagamento aqui.