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

我在这里找到了自己问题的答案...... 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>

Amount＆amp;的单选按钮频率工作，只需要为描述创建一个单选按钮。

Answer 2

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

Answer 3

很容易做到。按照此处的说明创建一个新按钮，其中包括文本字段，选项，下拉列表或任何您喜欢的内容，以便捐赠者选择直接捐赠的位置。

文档可以在下面找到：

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

如果我的回答对您有帮助，请接受：）

Angular / Bootstap网站上的Paypal捐款;

3 个答案: