Como Adicionar Botão de Doação Stripe no WordPress (com Opção Recorrente)

Você está procurando adicionar um botão de doação Stripe ao seu site WordPress?

Na WPBeginner, ajudamos inúmeros usuários a integrar soluções de pagamento seguras e eficientes em seus sites. Stripe se destaca como um dos principais processadores de pagamento online globalmente, tornando incrivelmente fácil aceitar pagamentos online, incluindo doações.

No passado, adicionar opções de pagamento exigia plugins complexos de comércio eletrônico. No entanto, para aqueles que procuram coletar doações ou vender alguns produtos, um formulário de pagamento simples é tudo o que você precisa.

Neste artigo, vamos guiá-lo através do processo de adição de um botão de doação Stripe ao seu site WordPress.

O que você precisa para aceitar doações Stripe em seu site

Você precisará criar uma conta Stripe. Você pode criar uma conta gratuitamente e só será cobrado por transações.

Você também precisará de um site WordPress com SSL ativado. O SSL adiciona uma camada de segurança ao seu site, tornando-o seguro para aceitar pagamentos. Para saber mais, veja nosso guia sobre como obter um certificado SSL gratuito para o seu site.

Por último, você precisará de uma extensão WordPress para conectar sua conta Stripe. Mostraremos duas opções diferentes, WP Simple Pay (gratuito) e WPForms (Pro), para que você possa escolher a que melhor atende às suas necessidades.

Compartilharemos também um plugin bônus que oferece recursos completos de gerenciamento de doadores, caso você esteja procurando por uma solução mais avançada.

Dito isso, vamos dar uma olhada em como adicionar um botão de doação do Stripe no WordPress.

• Method 1. Adding the Stripe Donate Button in WordPress with WP Simple Pay
• Method 2. Adding the Stripe Donate Button in WordPress with WPForms
• Bônus: Plugin de Doação WordPress Completo

Tutorial em Vídeo

Inscreva-se no WPBeginner

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

Método 1. Adicionando o Botão de Doação do Stripe no WordPress com WP Simple Pay

WP Simple Pay é um dos melhores plugins de pagamento Stripe para WordPress. Você pode usá-lo para aceitar facilmente doações únicas ou recorrentes em seu site.

Você pode começar rapidamente com a versão gratuita do plugin. Mas para este tutorial, usaremos a versão premium para demonstrar todos os recursos adicionais.

Primeiro, você precisa instalar e ativar o plugin WP Simple Pay em seu site WordPress. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin WordPress.

Assim que o plugin for ativado, você precisa ir para a página WP Simple Pay » Configurações e clicar na aba Licença.

Copie a chave de licença da sua conta no site do WP Simple Pay, cole-a no campo fornecido e clique no botão ‘Ativar’.

Em seguida, você precisa conectar sua conta Stripe. 

Na página de Configurações, clique na aba Stripe e depois clique no botão ‘Conectar com Stripe’.

Depois disso, você verá o site do Stripe onde poderá fazer login na sua conta.

Se você não tiver uma conta Stripe, poderá criar uma nova.

Quando você terminar de conectar sua conta, você será levado de volta à página de configurações no seu painel de administrador. 

Não se esqueça de clicar no botão Salvar Alterações para salvar a conexão da sua conta Stripe. 

Agora, você pode criar um formulário de doação do Stripe.

Criando um Formulário de Doação do Stripe no WordPress com WP Simple Pay

Para criar um novo formulário de doação, vá para a página WP Simple Pay » Adicionar Novo. A partir daqui, você pode selecionar um modelo para agilizar o processo de criação de um formulário.

Passe o mouse sobre a opção de modelo Botão Doar e clique no botão ‘Usar Modelo’.

Em seguida, você verá a aba Configurações Gerais do seu formulário de doação.

É aqui que você pode adicionar um título e descrição para o formulário, bem como escolher o tipo de formulário.

Para este tutorial, escolheremos o tipo de formulário 'Embutido'. Isso permitirá que você incorpore o formulário de doação diretamente em qualquer postagem ou página do WordPress.

Em seguida, clique na aba Pagamento. O WP Simple Pay permite que você adicione várias opções de doação para que os doadores possam escolher quanto desejam doar.

Por exemplo, você pode criar opções de doação de R$1, R$5 e R$10. Simplesmente clique no botão 'Adicionar Preço' e insira o valor. Repita este processo para adicionar quantas opções desejar.

Se você deseja aceitar doações recorrentes, clique na seta suspensa ao lado de uma opção de preço. Em seguida, clique no botão 'Assinatura' e selecione o período de faturamento desejado.

Em seguida, clique na aba Campos do Formulário.

O modelo de formulário de doação já inclui todos os campos que você precisa, incluindo opções de preço, botão de checkout e botão de pagamento.

Se você deseja adicionar campos de formulário adicionais como nome ou endereço de e-mail, você pode escolhê-lo no menu suspenso e clicar no botão 'Adicionar Campo'.

Você pode reorganizar os campos do formulário arrastando e soltando-os no lugar. Você também pode clicar em qualquer um dos campos para personalizar o texto do botão ou escolher o estilo do botão.

Adicionando o Formulário de Doação Stripe no WordPress com WP Simple Pay

Para adicionar seu formulário de doação a qualquer postagem ou página, clique no botão Publicar no lado direito da tela.

Em seguida, você precisa copiar o shortcode simples acima do botão Publicar.

Ele se parece com isto: [[simpay id="285"]]

Em seguida, você pode colar o shortcode em qualquer postagem ou página do WordPress.

Assim que você adicionar o shortcode ao editor do WordPress, o widget de shortcode será adicionado automaticamente.

Em seguida, publique a postagem ou página.

Agora você pode visitar seu site para ver como seu formulário de doação aparece no front-end.

Método 2. Adicionando o Botão de Doação Stripe no WordPress com WPForms

WPForms é o melhor plugin de formulário do WordPress que é usado por mais de 5 milhões de proprietários de sites. Ele vem com um add-on Stripe que permite aceitar doações, pagamentos únicos e até pagamentos de assinatura em seu site.

Você precisará de pelo menos o plano PRO deles para acessar o add-on Stripe Pro, que oferece a opção recorrente e zero taxas de transação adicionais. Você também obterá recursos avançados como lógica condicional, formulários de várias páginas, pesquisas e enquetes, mais de 700 modelos de formulários e muito mais.

Observação: Existe uma versão gratuita do WPForms que permite coletar pagamentos únicos do Stripe. Mas há uma taxa de transação de 3% sobre os pagamentos feitos através dos seus formulários.

A primeira coisa que você precisa fazer é instalar e ativar o plugin WPForms. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin WordPress.

Após a ativação, você precisa visitar a página WPForms » Configurações para inserir sua chave de licença. Você pode encontrar essas informações na sua conta no site do WPForms.

Assim que inserir sua chave de licença, clique no botão ‘Verificar Chave’.

Em seguida, você precisa visitar a página WPForms » Addons e clicar no botão ‘Instalar Addon’ ao lado do addon Stripe.

O WPForms agora instalará e ativará o addon Stripe para você.

Agora, vamos conectar o WPForms à sua conta Stripe para receber pagamentos. Para fazer isso, você precisa visitar a página WPForms » Configurações e clicar na aba Pagamentos. A partir daí, clique no botão ‘Conectar com Stripe’.

Depois disso, você será solicitado a autorizar a conexão entre seus formulários e o Stripe.

O que você vê na tela diferirá dependendo se você ativou sua conta Stripe.

Simplesmente siga as etapas no assistente do Stripe Connect para autorizar a conexão.

Quando terminar, você será redirecionado de volta para a página de Configurações do WPForms. Aqui, você deverá ver um visto verde na seção Status da Conexão.

Você também pode, opcionalmente, ativar o modo de teste na página de configurações de Pagamento.

Isso permitirá que você teste sua integração com o Stripe sem pagamentos reais. No entanto, você deve desmarcar esta opção quando seu site estiver pronto para aceitar doações em seu site.

Não se esqueça de clicar no botão 'Salvar Configurações' para armazenar suas alterações.

Agora que você configurou os pagamentos, é hora de criar um formulário de doação Stripe para o seu site.

Criando um Formulário de Doação Stripe no WordPress com WPForms

Primeiro, você precisa visitar a página WPForms » Adicionar Novo para criar um novo formulário. Você será solicitado a fornecer um título para o seu formulário e escolher um modelo. Você precisa selecionar o modelo 'Formulário de Doação'.

Isso iniciará a interface do construtor de formulários do WordPress com o modelo de formulário de doação selecionado.

Além disso, este modelo já terá os campos comuns necessários para criar um formulário de doação, como nome, e-mail, valor da doação e mensagem.

Este é um construtor de formulários de arrastar e soltar. Você pode editar os campos do formulário clicando neles, reorganizando-os ou adicionando novos campos da coluna esquerda.

Como você está criando um formulário de pagamentos Stripe, você precisa adicionar o campo 'Cartão de Crédito Stripe' ao seu formulário. Você o encontrará na seção Campos de Pagamento na coluna esquerda.

Simplesmente clique para adicionar o campo ao seu formulário e, em seguida, arraste e solte para reorganizar sua posição no formulário.

Quando estiver satisfeito com o formulário, clique na aba 'Pagamentos' no canto esquerdo para editar as configurações de pagamento. A partir daqui, você precisa selecionar o Stripe como seu método de pagamento e, em seguida, marcar a caixa ao lado da opção 'Habilitar Pagamentos Stripe'.

Você pode fornecer uma descrição para o pagamento e selecionar o campo de e-mail para enviar recibos aos doadores.

O WPForms também suporta pagamentos recorrentes do Stripe. Você pode usar esta opção para configurar doações ou assinaturas recorrentes.

Se você optar por habilitar pagamentos de assinatura recorrentes, configurações adicionais aparecerão. Por exemplo, você pode escolher a frequência com que os pagamentos recorrentes devem ocorrer: Diariamente, Semanalmente, Mensalmente, Trimestralmente, Semestralmente ou Anualmente.

O próximo passo é configurar as configurações de confirmação, que são o que seus usuários verão após preencherem o formulário. Clique na aba Configurações e depois selecione a opção ‘Confirmações’.

A partir daqui, você pode selecionar diferentes tipos de confirmação. Por exemplo, você pode agradecer aos usuários com uma mensagem simples, ou redirecioná-los para uma página de agradecimento ou qualquer outro URL.

Quando terminar, clique no botão Salvar para armazenar suas alterações.

Adicionando o Formulário de Doação Stripe no WordPress com WPForms

O WPForms torna super fácil adicionar seus formulários em qualquer lugar do seu site.

Simplesmente clique no botão ‘Incorporar’ na parte superior do construtor de formulários e escolha uma página existente ou crie uma nova página. Para este tutorial, clicaremos na opção ‘Selecionar Página Existente’.

Em seguida, escolha em qual página existente você deseja incorporar o formulário usando o menu suspenso.

Em seguida, clique no botão ‘Vamos Lá!’

O WPForms agora adicionará automaticamente o formulário ao seu editor de conteúdo do WordPress.

Você também pode fazer isso manualmente editando a postagem ou página onde deseja adicionar o formulário de doação. Em seguida, adicione o bloco WPForms ao seu conteúdo e selecione o formulário de doação que você criou anteriormente.

O WPForms agora buscará e incorporará o formulário para você. Você pode visitar seu site para vê-lo em ação.

Além disso, você pode adicionar o formulário de doação à barra lateral do seu blog ou a qualquer outra área pronta para widgets. Vá para a página Aparência » Widgets e adicione o widget WPForms a uma barra lateral.

Em seguida, você precisa selecionar seu formulário de doação do Stripe no menu suspenso.

Não se esqueça de clicar no botão Salvar para armazenar as configurações do seu widget.

Bônus: Plugin de Doação WordPress Completo

Embora tanto o WP Simple Pay quanto o WPForms permitam criar um botão de doação do Stripe, eles não oferecem gerenciamento completo de doadores e outros recursos avançados que as organizações sem fins lucrativos precisam.

Se você está procurando um plugin de doação para WordPress completo, recomendamos o uso do WP Charitable. Mais de 10.000 organizações sem fins lucrativos e proprietários de sites em todo o mundo usam o Charitable para criar campanhas de arrecadação de fundos e levantar mais dinheiro online. 

Ele vem com todos os recursos que você precisa, incluindo formulários de doação totalmente personalizáveis, capacidade de aceitar doações únicas ou recorrentes, painel de gerenciamento de doações fácil, conformidade com GDPR, recibos anuais de doadores, doações em homenagem a alguém, alívio de taxas que permite aos doadores cobrir as taxas de processamento de pagamentos e muito mais.

Você também pode usar o Charitable para campanhas de arrecadação de fundos peer-to-peer, e ele ainda permite que você crie sua própria plataforma de crowdfunding como GoFundMe ou Indiegogo.

O Charitable possui integrações de pagamento integradas para Stripe, PayPal, Authorize.net, Braintree, Mollie, GoCardless, Paystack, Payfast, Payrexx, Windcave e muito mais.

Você também pode usar a versão gratuita do Charitable para começar. 

Esperamos que este artigo tenha ajudado você a adicionar facilmente um botão de doação Stripe ao seu site WordPress. Você também pode querer ver nosso guia sobre os plugins essenciais do WordPress para todos os sites ou ver nosso tutorial sobre como melhorar o ranking de SEO do seu WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.