Angular/Bootstrap 网站上的贝宝捐款；

Question

我正在为一个非营利组织创建一个 Angular/Bootstrap 网站，它将通过 Paypal 接受捐款。

在网站上，以下选项将通过单选按钮出现； 捐赠频率：每周、每月或每年 捐赠金额：10 美元、50 美元、100 美元、200 美元、500 美元或其他（用户将通过文本框输入的“其他”）。 直接捐赠：一般用途、青少年计划、成人计划或特定用途（用户将通过文本框输入“特定用途”以指导捐赠）。

所以我的问题 - 如果我创建一个订阅按钮，它希望我在创建按钮时设置“x”金额（捐赠金额）......我可以创建频率。 此外，我无法将“直接捐赠”设置为付款目的（它希望用户在 Paypal 上输入文本）。

有没有办法解决这些问题？
我应该使用其他类型的按钮吗？
或者我需要在这里使用 API 吗？

• 显然，我让它在网站上显示不同的按钮图标，而不是“订阅”图标，因为这是用于捐赠的。

这是目前按钮的一些示例代码；

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="V7E299NH9JGC2">
<table>
<tr><td><input type="hidden" name="on0" value="Donation Amount">Donation Amount</td></tr><tr><td><select name="os0">
    <option value="$10">$10 </option>
    <option value="$50">$50 </option>
    <option value="$100">$100 </option>
    <option value="$200">$200 </option>
    <option value="$500">$500 </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="Frequency">Frequency</td></tr><tr><td><select name="os1">
    <option value="Weekly">Weekly </option>
    <option value="Monthly">Monthly </option>
    <option value="Yearly">Yearly </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on2" value="Direct Donation">Direct Donation</td></tr><tr><td><select name="os2">
    <option value="General Purposes">General Purposes </option>
    <option value="Youth Programs">Youth Programs </option>
    <option value="Audult Programs">Audult Programs </option>
    <option value="Specific Use">Specific Use </option>
</select> </td></tr>
</table>
<input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_subscribeCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">
</form>

Answer 1

这里的挑战是如何使用角度而不是结帐按钮来制作“捐赠”按钮。简单地在角度模板中添加贝宝生成的捐赠按钮表单标签是行不通的。

Answer 2

这很容易做到。按照此处找到的说明创建一个新按钮，其中将包含文本字段、选项、下拉菜单或任何您喜欢的内容，让捐赠者可以选择直接捐赠的位置。

文档可以在下面找到：

https://www.paypal.com/webapps/mpp/get-started/donate-button-text-field

如果我的回答对你有帮助，请采纳:)

Answer 3

我在这里找到了我自己问题的答案... https://developer.paypal.com/docs/classic/paypal-payments-standard/integration-guide/html_example_subscribe/#basic-subscribe-button

但无论如何，我的代码开始看起来像这样......

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">

    <!-- Identify your business so that you can collect the payments. -->
    <input type="hidden" name="business" value="*********">

    <!-- Specify a Subscribe button. -->
    <input type="hidden" name="cmd" value="_xclick-subscriptions">
    <!-- Identify the subscription. -->
    <input type="hidden" name="item_name" value="Youth Program">
    <input type="hidden" name="item_number" value="Youth Programs">

    <!-- Set the terms of the regular subscription. -->
    <input type="hidden" name="currency_code" value="AUD">

    <input type="radio" name="a3" value="$10"> $10
    <input type="radio" name="a3" value="$50"> $50
    <input type="radio" name="a3" value="$100"> $100
    <input type="radio" name="a3" value="$200"> $200
    <input type="radio" name="a3" value="$500"> $500
    <br>
    <input type="hidden" name="p3" value="1">
    <input type="radio" name="t3" value="W"> Weekly
    <input type="radio" name="t3" value="M"> Monthly
    <input type="radio" name="t3" value="Y"> Yearly
    <br>

    <!-- Set recurring payments until canceled. -->
    <input type="hidden" name="src" value="1">

    <!-- Display the payment button. -->
    <input type="image" name="submit"
    src="https://www.paypalobjects.com/en_AU/i/btn/btn_donateCC_LG.gif"
    alt="Subscribe">
    <img alt="" width="1" height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >
</form>

数量和频率的单选按钮工作，只需要为描述创建一个单选按钮。