كيفية وضع زر تبرع بأي بال على موقع الويب الخاص بك

إذا كان لديك أو ستقوم بإنشاء ويب المحافل سبب وجيه, مع الغرض الخيري, غير هادفة للربح وبروح تعليمات إلى بعض من آلاف الأسباب التي بهظ عالمنا, قد يكون من المثير للاهتمام أن, على هذا الموقع, ضع زرا التي يمكن للناس من خلالها أن يدركوا التبرعات لهذه القضية.

ضع في اعتبارك أن قال زر هو مقدر له إلى التبرعات, لأسباب غير ربحية, وهذا ربما, PayPal لك امتلاك حسابات قبل إجراء الدفع من أي مبلغ متبرع به. كما هو موضح في ويب, يمكن أن يكون ذلك استظهر كيف سيكون الحال يستخدم على الأموال المتبرع بها عندما تكون الكمية أناف على 10.000 الدولارات.

بصرف النظر عن هذا, سيكون عليك أن تأخذ في الاعتبار قوانين الضرائب ما تشريع بلدك, فضلا عن الضرائب o الاعفاءات أن من هذا المال مستمد. نفس الشيء, بأي بال ذاهب إلى بقى مع 30% تقريبا من المبالغ المتبرع بها.

على افتراض أن لديك كل ما سبق طبعًا, وأن نهايتك هي الخيريه, سنوضح لك كيفية القيام بذلك.

كيفية وضع, على موقع الويب الخاص بك, التبرع عبر زر PayPal

ضع الزر زر التبرع PayPal على موقعك أو صفحة ويب شيء بسيطة جداً. لست بحاجة إلى معرفة كيفية البرمجة لذلك. فمن رمز بسيط في إتش تي أم ال التي يجب أن تضعها في المكان أينما تريد يظهر الزر. إذا كنت تستخدم وورد, يمكنك حتى طَمَرَ داخل القطعة, تجنب لك لذلك الاضطرار إلى تثبيت المكونات الإضافية التحميل الزائد لموقعك.

أدناه نعرض لك مدونة للقيام بذلك الذي نخبرك به, و وفي وقت لاحق يمكنك شرح ما هو أن يجب عليك التعديل لتكييفه مع الاحتياجات.

كما ترون, أولاً وقبل كل شيء, في كود HTML, هناك العديد من الحقول الإدخال نوع مخفي. سيكون عليك تعديل على التالية:

item_name. الاسم الذي سوف تحدد هذا التبرع.
الأعمال التجارية. البريد الإلكتروني معاون إلى حسابك على PayPal.
ال سي. على اللغة يستخدم.
currency_code. على نمي للاستخدام.
notify_url. المكان الذي تريد الحصول فيه على إعلام عند التبرع. إذا كان لا أنت ذاهب إلى اشترك إلى هذا الحدث, يمكنك وضع أي عنوان URL موقع الويب الخاص بك.
مبلغ. على الكمية للتبرع. في مثالنا, لقد وضعنا محدد مع قيم متعددة.

وأخيراً, يمكنك تعديل عنوان URL للصورة من الزر الذي سيظهر لإجراء الدفع.

بمجرد أن ينقر المستخدم على تبرّع, الرمز الموجود في جافا سكريبت املأ الحقل مبلغ مع الكمية وقد تحديد المحدد. ومن جانب الماضي, سوف تؤدي طلب إلى بأي بال, الذي سيفتح نافذة مع هذه المعلومات, و, التي, سيتعين على المستخدم سجل و موافق تحقيق التبرع.

أدناه نعرض لك الرمز الكامل, في حال أردت نسخ:

<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>