使用 css 或 html 自定义 paypal 按钮？

Question

为什么我不能像这样包裹我的按钮？当我用它做额外的事情时，该按钮没有出现。

<div>
  <div id="paypal-button"></div>
</div>

如何定位？ This doc 的信息非常有限。

Answer 1

您可能无法加载按钮，因为：或者您没有放置脚本，或者您在编写脚本时出现了错误。

为了工作 <div> <div id="paypal-button"></div> </div> 需要两个脚本。

要包含 checkout.js 脚本，请将此行添加到要呈现 PayPal 按钮的页面或标题中：

<script src="https://www.paypalobjects.com/api/checkout.js" data-version-4></script>

使用 <div id="paypal-button"></div> 为 PayPal 按钮创建容器元素之后。

您还需要渲染按钮，请尝试在页眉中按钮所在的页面中添加此代码。

<script>
    paypal.Button.render({

        env: 'production', // Specify 'sandbox' for the test environment

        payment: function() {
            // Set up the payment here, when the buyer clicks on the button
        },

        onAuthorize: function(data, actions) {
            // Execute the payment here, when the buyer approves the transaction
       }

    }, '#paypal-button');
</script>

这样你就可以看到按钮了。