我需要一个先买后付的代码，用于将 paypal 与 squarespace 集成，允许在同一页面上使用多个定价选项

Question

这是该网站的链接。 正如您在页面中间看到的那样，我的静修处有不同的定价选项。

https://tomato-gardenia-7cxt.squarespace.com/egyptretreat

我有一个代码可以在 squarespace 上生成一个稍后付款按钮。 我的网站是基于撤退的，因此有多种付款方式。 稍后付款按钮旨在将页面上的一个价格分成 4 笔付款。

那是其中的一部分。 另一部分是......我需要能够使用稍后付款功能拥有多个定价选项。 这样我就可以在同一页面上为每个产品选项创建一个稍后付款按钮（否则我将不得不为提供此功能的每个产品创建一个不同的页面，这将是大约 50 个单独的页面，仅用于此功能为我工作）。 我显然可以这样做，但我正在寻找可能的解决方法。

贝宝确实有一个内置选项的功能，称为“立即购买”按钮。 我认为这两个代码的合并可以产生我正在寻找的结果。

如果有帮助，我可以发布我的代码（堆栈溢出说这篇文章太多了）

我试图在文本块中输入贝宝代码，我得到了稍后付款按钮，但我需要它能够解决不同的定价选项。

Answer 1

将单选按钮（html：select+option）放在稍后付款按钮上方以选择一个选项，每个选项的值是金额，并让按钮代码使用以下方式读取所选金额：

document.getElementById('mySelectId').value

---

或者，您可以选择呈现多个单独的“稍后付款”按钮，每个按钮都有自己的容器和唯一的 id，以及引用该 id 的自己的脚本块（或者循环遍历数组或 document.querySelector 为每个按钮调用 paypal.Buttons，如果您愿意的话). JS SDK 每页只能加载一次。