我发现的似乎是如何制作一个在 PayPal 网站上打开新浏览器窗口的按钮。如何创建用于嵌入或 iframe 的表单以放入我自己网站上的网页中?
要创建通过 iframe 直接在您的网站上嵌入 PayPal 功能的表单,您可以使用 PayPal 的 Smart Payment Buttons 或 Checkout 集成,它允许嵌入安全的支付接口。以下是设置嵌入式 PayPal 付款表单的方法:
PayPal 提供了一种使用 JavaScript SDK 将支付按钮集成到您的网站的简单方法。此选项提供了一个嵌入的、可自定义的 PayPal 按钮,可以启动付款,而无需将用户重定向离开您的网站。
将 PayPal JavaScript SDK 添加到您的 HTML 中:
<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID¤cy=USD"></script>
YOUR_CLIENT_ID
替换为您的实际 PayPal 客户端 ID,您可以从 PayPal 开发者仪表板获取该 ID。currency
参数。在 HTML 中为 PayPal 按钮创建一个容器,按钮将在其中呈现:
<div id="paypal-button-container"></div>
添加 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
:这里是您处理支付完成后成功响应的地方。此设置允许您在网页上嵌入支付按钮,而无需打开新窗口。
如果您需要嵌入 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(计算机工程科学)