如何创建 PayPal 捐赠表格或网页(不是按钮)?

问题描述 投票:0回答:1

我发现的似乎是如何制作一个在 PayPal 网站上打开新浏览器窗口的按钮。如何创建用于嵌入或 iframe 的表单以放入我自己网站上的网页中?

forms iframe paypal embed
1个回答
0
投票

要创建通过 iframe 直接在您的网站上嵌入 PayPal 功能的表单,您可以使用 PayPal 的 Smart Payment ButtonsCheckout 集成,它允许嵌入安全的支付接口。以下是设置嵌入式 PayPal 付款表单的方法:

1.设置 PayPal 智能支付按钮

PayPal 提供了一种使用 JavaScript SDK 将支付按钮集成到您的网站的简单方法。此选项提供了一个嵌入的、可自定义的 PayPal 按钮,可以启动付款,而无需将用户重定向离开您的网站。

在您的网站上嵌入 PayPal 按钮的步骤

  1. 将 PayPal JavaScript SDK 添加到您的 HTML 中:

    <script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&currency=USD"></script>
    
    • YOUR_CLIENT_ID
      替换为您的实际 PayPal 客户端 ID,您可以从 PayPal 开发者仪表板获取该 ID。
    • 根据需要设置
      currency
      参数。
  2. 在 HTML 中为 PayPal 按钮创建一个容器,按钮将在其中呈现:

    <div id="paypal-button-container"></div>
    
  3. 添加 JavaScript 来渲染按钮: 加载 SDK 后,使用 JavaScript 初始化 PayPal 按钮。这是一个帮助您入门的基本示例:

    <script>
      paypal.Buttons({
        // Set up the transaction
        createOrder: function(data, actions) {
          return actions.order.create({
            purchase_units: [{
              amount: {
                value: '10.00' // Specify the payment amount here
              }
            }]
          });
        },
        // Finalize the transaction after approval
        onApprove: function(data, actions) {
          return actions.order.capture().then(function(details) {
            alert('Transaction completed by ' + details.payer.name.given_name);
            // Here you can update your website UI or backend with transaction details
          });
        }
      }).render('#paypal-button-container'); // Renders the PayPal button
    </script>
    
    • createOrder
      :定义要收费的金额。修改
      value
      设置所需的付款金额。
    • onApprove
      :这里是您处理支付完成后成功响应的地方。

此设置允许您在网页上嵌入支付按钮,而无需打开新窗口。

2. (可选)为其他嵌入添加 iFrame

如果您需要嵌入 iframe 以获得额外的 PayPal 功能或 PayPal 提供的高级表单,这里有一个基本的 iframe 设置:

<iframe src="https://www.paypal.com/webapps/hermes?token=YOUR_TOKEN_HERE" 
        width="500" 
        height="600" 
        style="border: none;">
</iframe>

YOUR_TOKEN_HERE
替换为 PayPal 为特定自定义表单提供的实际令牌或链接。但请注意,对于大多数网站来说,PayPal 的智能支付按钮方法是首选,因为它安全且针对直接嵌入到您的网站进行了优化。 --> 拉杰沙希大学的 sujan prodhan(计算机工程科学)

© www.soinside.com 2019 - 2024. All rights reserved.