Quer adicionar um botão de doação Stripe ao seu site WordPress? O Stripe facilita a aceitação de pagamentos com cartão de crédito, que é uma forma conveniente de os visitantes doarem para o seu site.

Embora haja muitos mais plugins de doação com recursos completos, vamos nos concentrar em criar um botão de doação de Stripe muito simples neste post. Para conseguir isso, vamos compartilhar tutoriais para dois plugins gratuitos diferentes:

  • WP Simple Pay: este plugin é bom se você quiser oferecer um valor fixo de doação. Mas você precisa pagar se quiser que seus visitantes possam doar valores personalizados. Este é o plugin de pagamentos Stripe mais popular.
  • Stripe Payments: este plugin permite que você aceite quantias de doações personalizadas de graça, o que pode torná-lo mais atraente se você estiver dentro de um orçamento e quiser aceitar quantias de doações personalizadas de seus visitantes.

Vamos começar com um tutorial rápido sobre como criar a sua conta Stripe e encontrar as chaves da API de que necessita para configurar qualquer um dos plugins.

Em seguida, vamos investigar como criar um botão de doação Stripe com o WP Simple Pay ou Stripe Payments.

Como obter suas chaves API Stripe

Não importa qual dos dois plugins você escolher, você precisará digitar suas chaves da API do Stripe para criar seu botão de doação do Stripe.

Estas teclas API são as que ligam o seu site WordPress ao serviço de processamento de pagamentos Stripe. São essenciais, mas também são fáceis de criar com o Stripe. Por isso não te preocupes!

Em vez de tentar explicar isto nas instruções passo a passo para cada plugin, vamos explicar uma vez mais. Dessa forma, você saberá exatamente onde encontrar suas chaves de API quando configurar qualquer um dos plugins.

Passo 1: Criar uma conta gratuita do Stripe

Para começar, terá de se inscrever numa conta Stripe gratuita. Não há informações complicadas – você só precisa digitar seu e-mail, nome e senha (embora você precise fornecer mais informações para começar a aceitar pagamentos de verdade).

Para fazer isso, vá até aqui.

Passo 2: Encontrar chaves API

Para encontrar suas chaves API, vá aqui.

Preste atenção à diferença entre as chaves API de teste e as chaves API em tempo real:

  • As chaves API de teste ajudam-no a testar com segurança o seu botão de doação sem enviar quaisquer detalhes reais de pagamento.
  • As chaves Live API são para quando você realmente quer começar a aceitar pagamentos de verdade.

Você pode alternar entre eles clicando no botão de alternância, e ambos os plugins incluirão caixas para permitir que você digite as teclas de teste e ao vivo, bem como uma configuração que permite alternar entre os modos de teste e ao vivo:

Suas chaves de API de Stripe

Suas chaves de API de Stripe

Mantenha estas chaves à mão, porque você vai precisar delas para configurar qualquer um dos plugins.

Como adicionar uma listra botão Donate botão com WP Simple Pay

Para começar, instale e ative o plugin gratuito WP Simple Pay do WordPress.org.

Então, aqui está como configurar o botão de doação…

Passo 1: Introduzir chaves API

Para começar, vá até Simple Pay Lite → Configurações e digite suas chaves de teste e API ao vivo. Certifique-se de que o Modo de Teste permanece Ativado por enquanto:

Introduza as teclas API e certifique-se de que o Modo de Teste está activado

Introduza as teclas API e certifique-se de que o Modo de Teste está activado

Passo 2: Configurar moeda (o padrão é USD)

Por padrão, o WP Simple Pay usa USD como moeda para o seu botão de doação. Para utilizar uma moeda diferente, é possível modificá-la na ficha Configurações gerais:

Como alterar a moeda

Como alterar a moeda

Passo 3: Criar novo formulário de pagamento

Um Formulário de pagamento é essencialmente um botão de doação específico que você deseja usar. Para criar um, vá até Simple Pay Lite → Add New.

Na aba Opções de Pagamento, digite o valor que você quer que os visitantes possam doar (se você quiser que os visitantes possam doar seu próprio valor personalizado, você precisará da versão paga do plugin):

Entrar o montante fixo da doação

Entrar o montante fixo da doação

É tudo o que precisas de fazer tecnicamente. Mas para oferecer um formulário mais personalizado, você pode alterar o texto exibido no seu formulário nas guias Exibição de formulário na página e Exibição de sobreposição de checkout.

Por exemplo, na área de visualização de formulários na página, pode alterar o texto para que o botão “Doar com cartão” em vez de “Pagar com cartão”:

Alterar o texto do botão de doação

Alterar o texto do botão de doação

Quando terminar, clique em Criar para publicar o seu formulário.

Para exibir seu formulário no front-end do seu site, você precisará adicionar o atalho para a publicação, página ou widget de texto onde deseja que ele seja exibido:

O atalho do WP Simple Pay

O atalho do WP Simple Pay

Passo 4: Teste seu formulário e ative o modo ao vivo

Como o modo de teste está ativado, você pode testar seu formulário inserindo alguns dados de teste:

Exemplo do botão donate

Exemplo do botão donate

Quando você estiver satisfeito com o funcionamento de tudo, você pode ativar o modo Live para começar a aceitar pagamentos reais, indo até Simple Pay Lite → Configurações e desativando o Modo Teste:

Como desativar o modo de teste

Como desativar o modo de teste

E se você quiser editar a página que os usuários vêem depois de enviar um pagamento, você só precisa editar a página de confirmação de pagamento que o WP Simple Pay criou.

Como adicionar um botão de doação de listras com pagamentos de listras

Embora os Stripe Payments não sejam tão populares quanto o WP Simple Pay, sua vantagem é que você pode aceitar valores de doação personalizados sem precisar pagar por uma versão premium.

Uma vez instalado e ativado a partir de WordPress.org, aqui está como usá-lo….

Passo 1: Adicionar chaves API e configurar as definições básicas

Para começar, vá para Stripe Payments → Configurações para adicionar suas chaves de API:

Como introduzir as suas chaves API

Como introduzir as suas chaves API

Certifique-se de que o Modo Live não está marcado por enquanto.

Você também pode configurar a moeda para o seu botão de doação nesta área, bem como o texto do botão. Você provavelmente vai querer mudar o campo Button Text para algo como “Donate”:

Configurar a moeda e o texto do botão

Configurar a moeda e o texto do botão

Passo 2: Adicionar um novo produto

Em seguida, vá para Stripe Payments → Adicionar novo produto. Há muitas opções, mas a maioria delas é desnecessária para um botão de doação básica.

As seções que você deve configurar são:

  • Descrição breve ³ exibida na janela Pagamento em faixas.
  • Preço & Moeda – deixe o Preço em branco se você quiser que os visitantes possam inserir um valor personalizado.
  • URL da página de agradecimento – isso permite que você redirecione os usuários para uma página de agradecimento especial após a doação.
Escolha um valor de doação fixo ou personalizado

Escolha um valor de doação fixo ou personalizado

Depois de concluir a configuração das coisas, clique em Publicar. Em seguida, copie o shortcode a partir da parte inferior do editor e adicione-o à mensagem, página ou widget de texto onde pretende apresentar o botão de doação Stripe.

Passo 3: Botão Test Donation (Teste de Doação) e em seguida, vá ao vivo

Como você ainda está no modo de teste, você pode testar com segurança o botão de doação inserindo os dados fictícios do Stripe:

Exemplo do formulário de doação de valor personalizado

Exemplo do formulário de doação de valor personalizado

Depois de ter verificado que tudo está a funcionar correctamente, pode activar pagamentos reais acedendo a Stripe Payments → Definições e activando o modo em directo:

Como desativar o modo de teste

Como desativar o modo de teste

Resumo

Não importa qual plugin você escolher, adicionar um botão de doação Stripe ao seu site WordPress é bastante simples e sem dor. Ambos os plugins também permitem que você crie vários botões, assim você pode facilmente criar diferentes botões de doação para diferentes usos.

Se não estiver satisfeito com o Stripe depois de criar o seu próprio botão, pode também considerar aceitar doações via PayPal ou Bitcoin. Neste guia, recolhemos todos os prós e contras usando o Stripe ou o PayPal.

Tem outras perguntas sobre como adicionar um botão de doação ao seu site WordPress? Ou precisam de funcionalidades diferentes que não cobrimos? Deixe um comentário e tentaremos ajudar!


Se você gostou deste artigo, então você vai adorar a plataforma de hospedagem WordPress da Kinsta. Turbine seu site e obtenha suporte 24/7 de nossa experiente equipe de WordPress. Nossa infraestrutura baseada no Google Cloud se concentra em escalabilidade automática, desempenho e segurança. Deixe-nos mostrar-lhe a diferença Kinsta! Confira nossos planos