Como adicionar um botão de doação do PayPal ao seu site Divi

Você precisa de dinheiro. Talvez seja para uma organização sem fins lucrativos para a qual você seja voluntário, a taxa de adoção de um novo filhote. Ou talvez o par de tênis de corrida mais confortável que você já experimentou. O motivo (principalmente) não importa. O que importa é que você tem um site com um público cativo que o ama. E eles querem que você pegue aquele cachorrinho.

Digite o botão de doar do Paypal, o que pode ser uma das soluções mais fáceis e de baixa manutenção para arrecadação de fundos disponíveis para você. E como você construiu seu site com WordPress, a implementação do botão é bastante simples.

Começando

Inscreva-se no nosso canal no Youtube

A primeira coisa que você deve fazer é acessar a página de arrecadação de fundos do Paypal e escolher qual categoria de botão de doar funcionaria melhor para suas necessidades:

• Sem fins lucrativos
• Escola
• Político
• Pessoal

Quase tudo o que você precisa de um botão de doação deve se enquadrar em uma dessas categorias. Para este tutorial, vamos dizer que você está arrecadando fundos por motivos pessoais (aquele cachorrinho maravilhoso que mencionei antes). O processo é semelhante para todas as opções.

Depois de escolher o pessoal

Na próxima página, role para baixo até ver o texto “Saiba como criar um botão de doação” e clique nele.

Isso abrirá um modal onde você clicará em um desses dois links. Eles levam você para a mesma página, então é realmente apenas uma questão de preferência.

Criando o Botão

Ao clicar no link para criar um botão de doação, ele o levará para a página onde a mágica acontece. Você deve notar, no entanto, que o Paypal não solicitará que você faça login. Repita: O Paypal não solicitará que você faça login. Você poderá fazer no final do processo, mas não se preocupe com isso neste momento –Nada deu errado.

Passo 1

A primeira coisa que você fará para criar o botão de doar do Paypal é, na verdade, torná-lo um botão de “doar”. A configuração padrão é “Carrinho de compras”, mas se você clicar na lista suspensa no canto superior esquerdo da Etapa 1, poderá alterá-la para “Doações”. Como eu disse, bem direto, hein?

Com esse conjunto, você inserirá seu site ou informações organizacionais para o botão de doar. Como a sua arrecadação de fundos fictícia é através do seu site para adotar um cachorrinho adorável, você preencherá com o nome do seu site e a ID opcional que usará para rastrear cada doação.

Depois de inserir suas informações, você pode começar a personalizar seu botão. Na maioria das vezes, não há muito que você queira mudar. É tudo muito básico, como selecionar o país e o idioma que o botão usará, o tamanho e se você exibirá ou não logotipos de cartão de crédito. Todas essas escolhas são baseadas em como você pretende integrar o botão em seu site.

Você também pode usar uma imagem hospedada em seu próprio site como um botão se, digamos, um designer gráfico fizer um gif animado incrível de um cachorrinho adorável para as pessoas clicarem. Hoje, entretanto, não.

Você só precisa escolher o tipo de moeda, se deseja ou não especificar um valor específico para doação e para qual e-mail deseja que as doações sejam enviadas.

É aqui que você deve fazer o login se tiver uma conta Paypal. Caso contrário, crie um para que você esteja coberto pelas várias proteções do PayPal. (Se você optar por não usar uma conta Paypal, basta inserir seu e-mail, e você ainda poderá receber doações via Paypal sem qualquer segurança adicional.)

Depois de fazer login, você verá o seguinte:

Você decide qual opção usar, mas usar o código do comerciante oferece um pouco mais de proteção, pois seu endereço de e-mail não será incluído no código do botão em si. Quanto menos spammers e phishers puderem obter seu e-mail, melhor, certo?

Você está quase pronto para colocar seu botão de doação do Paypal no WordPress!

Etapas opcionais 2 e 3

Se você tem uma conta Paypal Business, você pode fazer um pouco mais em termos de rastreamento, gerenciamento de estoque e personalização de checkout, mas como estamos lidando com doações, a maioria das opções não são relevantes para nós.

O código do botão Paypal Donate

Na próxima página, você finalmente receberá o código do botão de doação que ficará no seu site WordPress, bem como um exemplo de como o botão será exibido para seus usuários.

Clique em Selecionar código para destacar seu código e pressione CTRL-C se estiver no Windows, CMD-C no Mac ou clique com o botão direito no texto destacado e selecione Copiar no menu de contexto. Escolha o seu veneno.

Depois de copiar o código, navegue até o painel do WordPress. É aqui que as coisas podem variar um pouco, porque todo mundo vai querer seu botão de doação do Paypal em um local diferente, mas a ideia geral é a mesma.

Para usuários Divi, temos muitas opções para você.

Acima ou abaixo das postagens

Para colocar o botão de doação do Paypal no início ou no final das postagens do seu blog, navegue até as Opções de tema Divi e vá para a guia Integrações.

Ao rolar um pouco para baixo, você verá áreas de texto rotuladas “Adicionar código ao topo de suas postagens” e “adicionar código ao final de suas postagens, antes dos comentários”.

O que eles fazem é bastante autoexplicativo.

Antes da postagem:

Depois da postagem:

Lembre-se de que esses botões são totalmente sem estilo, então, se você quiser que eles façam mais do que ficar parado, sugiro envolver o código que o Paypal fornece em algo assim:

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

Feito isso, você pode usar CSS para manipular e posicionar o botão como quiser.

Post-by-Post ou Página-a-Página

Se você não quiser que o botão apareça antes ou depois de cada postagem em seu site, você pode ser muito mais seletivo usando o Módulo de Código Divi. Além disso, você pode usar o módulo Código para adicionar seu botão às Páginas, o que não será afetado pelo método anterior.

Abra a janela “Inserir Módulo” e selecione o Módulo de Código para começar.

Como antes, basta colar o código gerado pelo Paypal nas configurações do módulo. Não há necessidade de envolvê-lo em um div aqui, no entanto. Você pode apenas usar a seção Elemento principal em CSS personalizado na guia Avançado para manipular como deseja que o botão apareça na postagem ou página.

Na barra lateral

O lugar mais comum para os botões de doação do Paypal é provavelmente a barra lateral. Ele é exibido em todas as páginas e postagens que você deseja, mas não interrompe o fluxo do seu conteúdo. Além disso, é muito fácil de personalizar! Basta voltar ao seu painel e clicar em Aparência> Widgets.

Em seguida, clique no widget Texto e adicione-o à barra lateral na posição desejada. Lembre-se de que o WordPress 4.8 mudou o widget de texto desde há anos. Temos um editor de rich text agora, que não queremos usar.

Certifique-se de que você quer dizer que precisamos clicar na guia “texto” antes de colar o código do botão de doação aqui. (Não há necessidade de usar o botão de código também.)

A guia de texto funciona praticamente da mesma forma que o widget de texto anterior ao 4.8 (exceto pela inclusão de botões de código. Basta inserir seu HTML e clicar em Salvar. Voila, você tem um botão de dinheiro no topo da sua barra lateral!

Você não precisa incluir este widget apenas na barra lateral. Você pode seguir as mesmas etapas para adicionar o botão a temas que suportam widgets de cabeçalho ou rodapé.

Você está pronto para receber esse dinheiro!

Agora você está totalmente pronto para adicionar um botão de doação do Paypal ao seu site WordPress! Não importa o tema do seu site ou para o que você está aceitando doações, você está pronto para começar. (Mas vamos ser honestos um com o outro - ainda é para um cachorrinho, certo?).

Miniatura da imagem do artigo por mohamed1982eg / pixabay.com