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
- Como adicionar uma listra botão Donate botão com WP Simple Pay
- Como adicionar um botão de doação de listras com pagamentos de listras
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:
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:
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:
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):
É 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”:
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:
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:
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:
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:
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”:
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.
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:
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:
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!
Brian tem uma enorme paixão pelo WordPress, e tem utilizado há mais de uma década e até desenvolve alguns plugins premium. Brian gosta de blogs, filmes e caminhadas. Conecte-se com Brian no Twitter.
Deixe um comentário