Wordpress 如何使用PayPal Express签出修改WooCommerce的PayPal按钮?
我目前正在尝试编辑PayPal智能按钮在我的结账页面上的显示方式。 我使用免费插件WooCommerce 目前,情况是这样的: 我希望它看起来像这样(包括通过借记卡/信用卡支付的额外选项) 从PayPal网站获取的显示新版本的源代码如下:Wordpress 如何使用PayPal Express签出修改WooCommerce的PayPal按钮?,wordpress,woocommerce,paypal,Wordpress,Woocommerce,Paypal,我目前正在尝试编辑PayPal智能按钮在我的结账页面上的显示方式。 我使用免费插件WooCommerce 目前,情况是这样的: 我希望它看起来像这样(包括通过借记卡/信用卡支付的额外选项) 从PayPal网站获取的显示新版本的源代码如下: <div id="paypal-button-container"></div> <script src="https://www.paypal.com/sdk/js?client-id=sb¤cy=GBP
<div id="paypal-button-container"></div>
<script src="https://www.paypal.com/sdk/js?client-id=sb¤cy=GBP" data-sdk-integration-source="button-factory"></script>
<script>
paypal.Buttons({
style: {
shape: 'rect',
color: 'blue',
layout: 'vertical',
label: 'pay',
},
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: '1'
}
}]
});
},
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
alert('Transaction completed by ' + details.payer.name.given_name + '!');
});
}
}).render('#paypal-button-container');
</script>
贝宝,按钮({
风格:{
形状:“rect”,
颜色:“蓝色”,
布局:“垂直”,
标签:“支付”,
},
createOrder:函数(数据、操作){
return actions.order.create({
购买单位:[{
金额:{
值:“1”
}
}]
});
},
onApprove:功能(数据、操作){
返回actions.order.capture().then(函数(详细信息){
警报(“+details.payer.name.given_name+”!”完成的交易);
});
}
}).render(“#贝宝按钮容器”);
在哪里可以添加此代码?
如何修改插件/签出页面
非常感谢您的帮助 您链接的插件可能没有使用智能支付按钮 有一个插件为他们提供了一个选项:
因此,请尝试该插件,然后在智能按钮正常工作后,您可以查看有关自定义它们的信息您链接到的插件可能不使用智能支付按钮 有一个插件为他们提供了一个选项:
所以,试试这个插件,一旦你有了智能按钮,你就可以看到如何定制它们了我基本上是在谈论/使用你建议的插件。哦,我明白了。PayPal Express Checkout必须是一个旧名称,然后它看起来就是在这里显示按钮的:谢谢,不幸的是,我不知道如何进行修改。你可以从评论我基本上谈论的资金部分开始/使用你建议的插件。哦,我明白了。PayPal Express Checkout必须是一个旧名称,然后它看起来就是在这里显示按钮的:谢谢,很遗憾,我不知道如何进行修改。您可以从注释资金部分开始