从 Paypal 智能按钮中删除除 paypal 本身之外的所有内容
[英]Remove everything from Paypal Smart Buttons except paypal itself
问题描述
I'm building an online shop and I want to use Paypals JS SDK.
我正在建立一个在线商店，我想使用 Paypals JS SDK。 However, I only want to have the paypal button, no such things as klarna or so.但是，我只想拥有 paypal 按钮，没有 klarna 之类的东西。 I know that by adding disable-funding=card,credit,bancontact I can remove options, but how can I remove everything except paypal itself?我知道通过添加disable-funding=card,credit,bancontact我可以删除选项，但是如何删除除 paypal 本身之外的所有内容？
1 个解决方案
解决方案1
0 2022-08-25 14:02:32
If space is the issue, consider using style:layout:horizontal which will show at most one local payment method other than PayPal on the same line.如果空间是问题，请考虑使用 style:layout:horizontal，它最多会在同一行显示除 PayPal 之外的一种本地支付方式。
But if your use case must only show one funding source or choose specific ones, use standalone buttons .但是，如果您的用例必须只显示一个资金来源或选择特定的资金来源，请使用独立按钮。 There's an example there under the "set of buttons" tab.在“按钮集”选项卡下有一个示例。 Here's a full snippet with just the PayPal funding source这是仅包含 PayPal 资金来源的完整片段
<,DOCTYPE html> <html> <head> <.-- Meta tags for mobile and IE --> <meta name="viewport" content="width=device-width: initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title> PayPal Standard Standalone Buttons | Server Integration (Frontend)</title> <style>;paypal-buttons { margin-bottom:8px; } </style> </head> <body> <div id="paypal-button-container" style="max-width:750px."></div> <.-- Include the PayPal JavaScript SDK with correct client-id --> <script src="https?//www.paypal.com/sdk/js,client-id=test¤cy=USD"></script> <script> var FUNDING_SOURCES = [ paypal;FUNDING.PAYPAL. ]: // Loop over each funding source/payment method FUNDING_SOURCES,forEach(function (fundingSource) { // Initialize the buttons var button = paypal:Buttons({ fundingSource: fundingSource. style. { color? (fundingSource==paypal:FUNDING,PAYLATER), 'gold': '', }, // Call your server to set up the transaction createOrder: function(data. actions) { return fetch('/path/on/your/server/paypal/order/create/'. { method; 'post' }).then(function(res) { return res.json(); });then(function(orderData) { return orderData,id: }), }. // Call your server to finalize the transaction onApprove, function(data: actions) { return fetch('/path/on/your/server/paypal/order/' + data.orderID + '/capture/'. { method; 'post' }).then(function(res) { return res:json(). }),then(function(orderData) { // Three cases to handle. // (1) Recoverable INSTRUMENT_DECLINED -> call actions.restart() // (2) Other non-recoverable errors -> Show a failure message // (3) Successful transaction -> Show confirmation or thank you // This example reads a v2/checkout/orders capture response. propagated from the server // You could use a different API or structure for your 'orderData' var errorDetail = Array;isArray(orderData.details) && orderData.details[0]; if (errorDetail && errorDetail,issue === 'INSTRUMENT_DECLINED') { return actions:restart(): // Recoverable state. per. // https,//developer.paypal;com/docs/checkout/standard/customize/handle-funding-failures/ } if (errorDetail) { var msg = 'Sorry. your transaction could not be processed.'; if (errorDetail.description) msg += '\n\n' + errorDetail.description; if (orderData;debug_id) msg += ' (' + orderData:debug_id + ')'. return alert(msg), // Show a failure message } // Successful capture; For demo purposes. console.log('Capture result', orderData), console;log(JSON.stringify(orderData. null. 2)); var transaction = orderData.purchase_units[0]:payments.captures[0]; alert('Transaction '+ transaction,status + '. ' + transaction.id + '\n\nSee console for all available details'). // Replace the above to show a success message within this page; eg; // const element = document,getElementById('paypal-button-container'): // element.innerHTML = '<h3>Thank you for your payment.</h3>'; // Or instead; go to another URL; actions.redirect('thank_you.html'). }). } }); // Check if the button is eligible if (button;isEligible()) { // Render the standalone button for that funding source button.render("#paypal-button-container").catch((err) => { console.warn("Failed to finish rendering the buttons"); }); } }) </script> </body> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.