Como Receber Doações Online com PagSeguro (com recorrência)
Para Magenteiros
Publicado em 17 de agosto de 2021
Recentemente andei trabalhando em uma forma de facilitar a vida daqueles que precisam receber doações ou contribuições na internet.
Seja uma ONG, projeto social, desenvolvimento de softwares de código aberto, ou outra iniciativa social/cultural. Receber pagamentos online com cartão, boleto ou mesmo PIX é muitas vezes uma tarefa burocrática e cheia de etapas.
Quando se fala de pagamentos recorrentes então, nem se fala.
Além disso, muitas vezes tornar o processo confiável e transparente para quem está pagando é ainda mais desafiador. Um processo ruim de checkout, ou uma página mal feita pode assustar futuros doadores.
Como receber Contribuições e Doações com cartão, boleto, PIX e suporte a recorrência
Com o novo widget que criei para o PagSeguro isso tudo ficou possível de forma simples e rápida.
Após autorizar sua conta PagSeguro em uma de minhas aplicações, basta inserir o código abaixo em seu site ou blog. Substitua o e-mail do recebedor, e configure o título e logotipo a gosto.
<div id="doar-pagseguro" data-receiveremail="[email protected]" data-title="Contribua com nosso projeto" data-logo=""></div> <script src="https://cdn.jsdelivr.net/gh/r-martins/doacao-pagseguro@1/dist/js/chunk-vendors.js"></script> <script src="https://cdn.jsdelivr.net/gh/r-martins/doacao-pagseguro@1/dist/js/app.js"></script> <link href="https://cdn.jsdelivr.net/gh/r-martins/doacao-pagseguro@1/dist/css/app.css" rel="stylesheet">
E você pode personalizar as cores como desejar. Veja outro exemplo:
See the Pen Doar Box Dark Mode by Ricardo (@ricardomartins) on CodePen.
Simples, né? Fique à vontade para realizar uma doação de verdade para o Blog do Magenteiro usando as opções acima. 🙂
Você pode conferir outras aplicações e detalhes sobre o widget no site oficial das minhas integrações para PagSeguro.
Nos bastidores, com Vue.js (para os técnicos)
Há algumas semanas atrás comecei a estudar Vue.js. Fiz um curso extenso sobre o assunto, e desenvolvemos vários projetos de exemplo nele.
A reutilização dos componentes, leveza e performance me chamaram a atenção. Logo comecei a ver várias aplicações para o que aprendi por lá, e esta foi uma delas.
O projeto acima está disponível no Github.
Futuras versões
Enquanto escrevo este artigo, ainda estamos em uma das primeiras versões do widget. Se der tudo certo, no futuro devemos desenvolver novos recursos e tornar o widget ainda mais customizável.
Ao inserir os arquivos JS e CSS do widget em seu site usamos o JSDelivr, já mostrado aqui no Magenteiro. Nos exemplos acima e na documentação atual, ao usar o url do CDN chamamos os arquivos com @1 no caminho. Desta forma, a última versão 1.x será utilizada e tentamos garantir que não quebre em alterações futuras.
Doação direta PagSeguro (sem o widget)
Se você não quiser usar o widget mas mesmo assim quiser oferecer doações com PagSeguro, também é possível.
O widget nada mais é que um facilitador para realizar uma chamada POST para o URL da aplicação e tratar seu retorno. Uma vez que você tenha uma conta autorizada em minhas aplicações, basta criar um <form> com a sua identidade, do seu jeito.
Mais detalhes sobre este tipo de integração serão adicionados à documentação do widget em breve.
O motivador: por um mundo melhor
Se você acompanha meus projetos de integração com PagSeguro, sabe que parte da renda do projeto é doada todos os meses.
No momento que escrevo este artigo, mais de 57 iniciativas já foram beneficiadas desde Agosto de 2015.
Não apenas ONGs e instituições nacionais, mas também desenvolvedores de softwares, artistas, esportistas, colaboradores, e iniciativas que de alguma forma melhoram a vida de outras pessoas.
Todos os meses navego em busca de novos beneficiários, já que recebo poucas recomendações da minha audiência. Sempre busco iniciativas que possuam um site e que ao menos pareçam confiáveis.
Sempre que possível, dou preferência para ONGs que aceitam PagSeguro ou PayPal, especialmente se o pagamento puder ser feito diretamente nesses sites.
Muitas dessas ONGs são pequenas, e não contam com uma equipe técnica qualificada para ajudá-los a manter a vida digital nos trilhos da segurança. E a grande maioria carece de doações, especialmente aquelas recorrentes.
Facilitar o trabalho delas faz parte do jogo e todo mundo ganha com isso. Nesse caso, todo mundo mesmo.
Minha parceria com o PagSeguro nasceu em 2015. Desde então, podemos reduzir várias vezes a tarifa daqueles que usam minhas integrações e ainda contar com eles para remunerar e garantir a continuidade das integrações Magento e WooCommerce.
É um enorme prazer poder oferecer uma forma descomplicada de receber doações com PagSeguro para tantas iniciativas brilhantes que acontecem pelo país.
Agora só falta você fazer a próxima doação.
- PagSeguro (PagBank) para Magento 1 recebe a Nova Geração - 9 de abril de 2024
- Recorrência no WooCommerce Sem Plugins Pagos - 28 de janeiro de 2024
- Chargeback. O que é, e como se livrar deles. - 19 de dezembro de 2023
Deixe seu comentário
[fbcomments url="https://www.magenteiro.com/blog/para-magenteiros/receba-doacoes-com-pagseguro/"]