Ir para o conteúdo principal

Como criar uma página de doações no WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

O WordPress é a plataforma ideal para instituições de caridade e organizações sem fins lucrativos.

É gratuito e de código aberto e você tem acesso a uma enorme comunidade de usuários e desenvolvedores que podem ajudá-lo a criar e gerenciar seu site.

Mas uma das funções mais importantes de um site para muitas organizações sem fins lucrativos é incentivar as pessoas a doar dinheiro.

Portanto, neste tutorial, mostrarei exatamente como fazer isso. Passaremos por três etapas:

  • Instalação e configuração de dois plugins, incluindo um link para o PayPal.
  • Criando um formulário com opções de doação.
  • Criando uma página de doação e adicionando o formulário a ela

Então, vamos começar!

instalar plugins

O próximo passo é instalar e ativar os plugins necessários para criar sua página de doações. Eu uso o plugin " Formas de gravidade ". Você também precisará instalar um plug-in que vincule os formulários Gravity Forms ao PayPal (o que faremos com uma extensão).

Estes são plugins premium e você precisará de uma licença de desenvolvedor para a extensão do PayPal. No entanto, eles incluem recursos que incentivarão as pessoas a dar mais e terão que pagar por si mesmos ao longo do tempo. Tentei criar um formulário de doação usando plugins gratuitos e eles não funcionaram como eu esperava.

Agora, instale e ative seus plugins baixando-os no site do plug-in Formas de gravidade E faça o download para o seu site. Descubra o nosso tutorial em como instalar um plugin para WordPress.

Configurando Gravidade Forms

Primeiro, você precisará configurar o Gravity Forms e adicionar sua chave de licença. Vá para " Forms> Configurações E você verá um campo para sua chave. Você provavelmente recebeu sua chave quando se registrou. Adicione-o a este campo e clique em Avançar.

Na tela de atualizações, clique em " seguinte Para ter as atualizações automáticas, na próxima tela, adicione a moeda que você usa. Clique em seguinte Novamente.

Vincular formulários de gravidade ao PayPal

Antes de adicionar o Paypal ao seu formulário, você precisará definir as configurações para vincular o Paypal e o Gravity Forms.

Vá para " Gravitity Forms> Configurações E selecione PayPal nas guias à esquerda para ver suas configurações:

configuração-paypal

Essa tela fornece instruções que você deve seguir para conectar os Gravitiy Forms ao PayPal:

Vá para a página de configurações PayPal IPN Usando o link fornecido.

Se o IPN já estiver ativado, você verá suas configurações atuais de IPN com um botão para desativar o IPN. Basta marcar a caixa de confirmação.

Se o IPN não estiver ativado, clique no botão Escolha Configurações de IPN ».

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Marque a caixa para ativar o IPN e insira o URL de notificação fornecido nas configurações do Paypal (copiar e colar).

Isso permite que os formulários Paypal e Gravity troquem dados. Sua página do Paypal deve ficar assim:

paypal-IPN

Quando você tiver feito tudo isso, marque a caixa para confirmar que vinculou o Paypal e o Gravity Forms.

Agora você pode criar sua página e seu formulário.

Crie o formulário de doação

Agora você precisará criar seu formulário primeiro e depois adicioná-lo à sua página de doações.

Criação do formulário

Nas telas de administração, vá para " Forms> New Form ".

Na janela exibida, defina o título e (afinal) Descrição do seu formulário:

criação-dun-form-Gravidade-formas

Agora você será redirecionado para a tela para adicionar campos ao formulário.

Vá em frente e adicione todos os campos que serão úteis para capturar dados. Lembre-se, quanto mais você incluir, menos pessoas preencherão o formulário. Em seguida, adicione apenas os campos necessários.

Eu adicionei os seguintes campos:

  • Nome
  • E-mail
  • Mensagem de apoio

Somente o endereço de e-mail é necessário, para que o sistema possa enviar um aviso de recebimento. Você encontrará os campos para o nome e endereço de email na seção de campos avançados e o campo de texto na seção padrão.

Para editar um campo de formulário (incluindo a alteração de seu rótulo), clique em seu nome no lado esquerdo da tela e use a caixa de meta de edição exibida.

Por fim, clique em "Atualizar" para atualizar seu formulário.

Aqui é a minha forma:

Form-look-Gravidade-formas

Adicionar pagamento ao seu formulário

Agora, adicionaremos alguns detalhes de pagamento ao formulário. Vou adicionar algumas quantias fixas que os usuários poderão escolher. Também adicionarei um campo em que as pessoas podem definir sua própria quantia.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Na seção Os campos de preços À direita, adicione o tipo de produto ao seu formulário.

Agora você precisa modificar o próprio produto. Primeiro, dê um novo nome. Então na seção " Tipo de campo », Selecione« botões de rádio ".

Isso permite que você defina os valores para os botões de opção, ou seja, os valores sugeridos. Adicione certos valores (não exagere também). Sua última opção deve ser zero com um rótulo "Outro" (ou algo semelhante). Se um usuário selecionar essa opção, ele poderá definir seu próprio valor.

Preste atenção ao campo "Obrigatório". Aqui estão minhas configurações:

campo de gravidade-forma-exemplo

Agora você precisa adicionar outro campo que será exibido se alguém escolher essa opção "outro". Novamente na seção " Os campos de preços ", Selecione o produto.

Modifique o novo produto, incluindo um título e uma descrição que ajudarão as pessoas a entender o motivo desse formulário. No tipo de campo suspenso, selecione "Preço definido pelo usuário".

É assim que meu formulário se parece agora:

Forma-grativity-forma-exemplo-2

Agora clique na aba « avançado Para este campo. Verifique a seção " Ativar condicional Logic ". Altere a instrução condicional lógica para exibir este campo se o campo anterior (Doação) estiver definido como "Outro". Isso significa que esse campo só aparece se alguém não selecionou um dos valores predefinidos no campo anterior.

Aqui está a minha seleção:

lógica de seleção-field-gravidade formas condicionais

Agora salve seu formulário.

Crie uma página de doação

Em seguida, crie uma nova página e renomeie "Don". Faça isso acessando "Páginas> Adicionar" no painel do WordPress. Deixe esta página em branco por enquanto, mas adicione-a ao menu principal.

Adicione o formulário à sua página de doações

Agora é hora de adicionar o formulário à página de doação que você criou.

Vá para a tela de edição desta página. Na tela de edição da página, clique no botão " Adicionar formulário ".

Selecione o formulário que você criou e verifique os campos de título e / ou descrição, se quiser que eles sejam exibidos também.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Adicionar-um-form-Gravidade-formasDepois clique no botão inserir Forma ". Isso adicionará um código curto à sua página. Não mude isso.

Por fim, clique em " Mettre à jour Para atualizar sua página. Aqui está a minha página:

página de doação gravidade WordPress forma #

E se eu selecionar a opção " Outro valor "(outra quantia), Terei a possibilidade de definir uma quantia que desejo:

definir-A-motant-gravidade-formas fixas

Isso é tudo para este tutorial, espero que permita que você crie uma página de doação no WordPress. Sinta-se livre para compartilhar este tutorial com seus amigos em suas redes sociais favoritas.

Este artigo contém comentários 2

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
10 ações
ação6
chilrear2
Enregistrer2