Comment mettre un bouton de Don Paypal sur votre site Internet

Si vous avez ou vous allez créer un Web pour un bonne cause, avec un fins utiles, sans esprit de profit et dans le but de Aide des milliers de causes qui opprimer notre monde, Il peut être intéressant de noter que, dans ce site web, Placez un bouton à travers lequel les gens peuvent prendre dons à cette cause.

Remarque Cela dit bouton est destiné à être À dons, aux causes sans esprit de profit, aux causes sans esprit de profit, PayPal vous demander des comptes avant vous effectuer le paiement n’importe quel montant remis. n’importe quel montant remis Web, Vous pouvez avoir que Voir l’établissement sera comme utilisé le dons Lorsque le montant dépasser le 10.000 $.

En dehors de cela, vous devrez prendre en compte la taxe de droit Ce qui légiférer de votre pays, ainsi que le taxes o exemptions C’est cet argent dérivé. De même, PayPal va répondre à avec un 30% environ des montants donnés.

En supposant que vous avez tous de ce qui précède Bien sûr, et votre but est philanthropique, Nous allons vous montrer comment le faire.

Comment mettre, dans votre site web, un don via le bouton Paypal

Mettre le Bouton de don PayPal sur votre site ou page Web est quelque chose très simple. Vous n’avez pas besoin de connaître la programmation de le faire. C’est un code simple dans HTML Vous devez mettre en place partout où vous voulez bouton s’affiche. Si vous utilisez WordPress, Vous pouvez même Incorporez-le dans un Widget, vous évitant Nous avons donc que installer des plugins que surcharger votre site.

Ensuite, nous montrons la code pour ce que vous devez faire, et par la suite vous expliquer Quels sont les composants vous devez modifier pour l’adapter à votre besoins.

Comme vous pouvez le voir, Tout d'abord, dans le code en HTML, Il y a plusieurs terrains de entrée de type caché. Vous aurez à modifier le suivant:

Nom_élément. Nom que permettra d’identifier Ce don.
entreprise. Messagerie Associé à votre compte Paypal.
LC. Le langue utilisé.
currency_code. Le devise d’utiliser.
notify_url. Où vous voulez recevoir les notification Lorsque vous faites un don. If pas Atteindre S’abonner Cet événement, Vous pouvez mettre n’importe quelle url de votre site Web.
montant. Le quantité faire un don. Dans notre exemple, Nous avons mis un sélecteur de ayant plusieurs valeurs.

Enfin, Vous pouvez modifier l’url de l’image bouton qui s’affiche pour effectuer un paiement.

Une fois l’utilisateur, cliquez sur le bouton de faire un don, le code de JavaScript remplit le champ montant avec le quantité ont sélectionné le sélecteur. Et alentours dernière, procédera à la demande À PayPal, qui ouvrira une fenêtre de Grâce à cette information, et, dans lequel, l’utilisateur devra ouverture de session et Bien la réalisation du don.

Ensuite, nous montrons la code complet, Si vous voulez Copiez-le:

<style>
  .contenedor {
    width: 320px;
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px;
    background-color: #e5e5e5;
  }

  .combo {
    vertical-align: middle;
    width: 50px;
  }
</style>

<div class="contenedor">
  ¡Ayúdanos!
  <br/>

  <form name="donation" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" style="margin-top:10px;" onsubmit="onSubmit();">
    <input type="hidden" name="cmd" value="_donations">
    <input type="hidden" name="item_name" value="Donacion Professor Falken!">
    <input type="hidden" name="business" value="info@ionastec.com">
    <input type="hidden" name="lc" value="en_US">
    <input type="hidden" name="no_note" value="0">
    <input type="hidden" name="currency_code" value="USD">
    <input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest">
    <input name="bn" value="Rednao_SP" type="hidden">
    <input type="hidden" name="custom" value="0">
    <input type="hidden" name="notify_url" value="https://professor-falken.com/?sd_ipn_trigger=1">
    <input type="hidden" name="amount" class="amountToDonate" value="1">

    <select name="amount" class="combo">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="5">5</option>
      <option value="10">10</option>
      <option value="20">20</option>
    </select> $

    <input type="image" src="https://professor-falken.com/wp-content/uploads/2016/09/donateButton.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" style="vertical-align:middle; margin-left:5px;">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
  </form>
</div>

<script type="text/javascript">
  function onSubmit() {
    document.donation.amount.value = document.donation.amount.value;
    return true;
  }
</script>

<style>

.contenedor {

width: 320px;

border: 1px solid #ccc;

text-align: center;

padding: 10px;

background-color: #e5e5e5;

}

.combo {

vertical-align: middle;

width: 50px;

}

</style>

¡Ayúdanos!

<br/>

</select> $

</form>

</div>

function onSubmit() {

document.donation.amount.value = document.donation.amount.value;

return true;

}

</script>

N’oubliez pas de modifier les valeurs J’ai commenté ci-dessus à Adaptez-la le site Web où que vous alliez à cet endroit Bouton de don PayPal.