Ir para o conteúdo principal

Como criar uma página de doação 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]

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 doarem dinheiro.

Então, neste tutorial, mostrarei exatamente como fazer isso. Nós vamos passar 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 que você precisa 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 do 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 incentivam as pessoas a dar mais e terão que pagar por si mesmas ao longo do tempo. Eu 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 do site de plug-in Formas de gravidade E envie-os para o seu site. Descubra nosso tutorial sobre 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 esse campo e clique em Avançar.

Na tela de atualizações, clique em " seguinte Para ter 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 os formulários Paypal e Gravity.

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

configuração-paypal

Esta tela fornece as instruções que você deve seguir para conectar os Formulários Gravitiy 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 verificar a caixa de confirmação.

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

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

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. [Grátis]

Isso permite que o Paypal e o Gravity Forms troquem dados. Sua página do Paypal deve ficar assim:

paypal-IPN

Quando tiver feito tudo isso, marque a caixa para confirmar que você vinculou os formulários Paypal e Gravity.

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 de formulário

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

Na janela que aparece, 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 que quanto mais você incluir, menos pessoas preencherão o formulário. Em seguida, adicione apenas os campos necessários.

Eu adicionei os seguintes campos:

  • Primeiro nome
  • E-mail
  • Mensagem de apoio

Apenas o endereço de e-mail é necessário, para que o sistema possa enviar uma confirmação de recebimento. Você encontrará os campos para o nome e endereço de e-mail 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 meta de edição que aparece.

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

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

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

Aqui é a minha forma:

Form-look-Gravidade-formas

Adicione o pagamento ao seu formulário

Agora vamos adicionar alguns detalhes de pagamento ao formulário. Vou adicionar alguns valores fixos que os usuários poderão escolher. Também adicionarei um campo onde as pessoas podem definir seu próprio valor.

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

Agora você tem que modificar o produto em si. 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 dos 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 uma tag "Other" (ou algo similar). Se um usuário selecionar essa opção, poderá definir seu próprio valor.

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

campo de gravidade-forma-exemplo

Agora você tem que adicionar outro campo que será exibido se alguém escolher essa opção "outro". Mais uma vez 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 tiver selecionado 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 indo em "Páginas> Adicionar" no painel do WordPress. Deixe essa página em branco por enquanto, mas adicione-a ao menu principal.

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

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 ".

Crie facilmente sua loja on-line

Faça o download gratuito do WooCommerce, os melhores plugins de comércio eletrônico para vender seus produtos físicos e digitais no WordPress. [Recomendado]

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.

Adicionar-um-form-Gravidade-formasEntão clique no botão inserir Forma ". Isso adicionará um shortcode à sua página. Não mude isso.

Finalmente, 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 um valor que desejo:

definir-A-motant-gravidade-formas fixas

Isso é tudo para este tutorial, espero que permita criar uma página de doações no WordPress. Sinta-se à vontade 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. Os campos obrigatórios são indicados com *

Este site usa o Akismet para reduzir o spam. Saiba mais sobre como seus dados de feedback são usados.

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