我需要一個先買后付的代碼，用於將 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 每頁只能加載一次。