No-Code Checkout 付款連結和按鈕的疑難排除提示

發生錯誤，按鈕未顯示在我的網站上。

• 確認網路連線是否正常。
• 前往你網站上的其他頁面，看看能否正常載入。
• 前往 PayPal 按鈕頁面並確認：

• 按鈕是否顯示在「已儲存的按鈕」部分。
• 選取「編輯」，並確定按鈕 ID 與網站上的程式碼相同。

在你的產品頁面（貼上按鈕 ID 的頁面）按一下右鍵，然後按一下「檢查」。前往「主控台」分頁（顯示在頂端）。你可能會看到客服 PIN 碼錯誤。

如果你已執行內容安全政策，則可能會看到 CSP 錯誤，例如（CSP 錯誤範例）：

拒絕載入腳本 ‘https://www.paypal.com/sdk/js**’，因為它違反了以下內容安全政策指令："default-src 'self'"。請注意，'script-src-elem' 並沒有明確設定，因此 'default-src' 被用作 fallback。

拒絕連接到 'https://www.paypal.com/**'，因為它違反了以下內容安全政策指令："default-src 'self'"。請注意，'connect-src' 並沒有明確設定，因此 'default-src' 被用作 fallback。

拒絕執行行內腳本，因為它違反了下列內容安全政策指令： "script-src https://*.paypal.com". 需要 'unsafe-inline' 關鍵字、哈希值 ('sha256-WYDWDPwB8j2VePYrqy38aHPcJLsasO//lnXymmxscUk=') 或隨機數 ('nonce-...') 才能啟用行內執行。

拒絕載入圖像 'https://tracking.qa.paypal.com/webapps/tracking/ts?**'，因為它違反了以下內容安全政策指令："default-src 'self'"。請注意，'img-src' 並沒有明確設定，因此 'default-src' 被用作 fallback。

拒絕框架 'https://www.paypal.com/'，因為它違反了以下內容安全政策指令："default-src 'self'"。請注意，'frame-src' 並沒有明確設定，因此 'default-src' 被用作 fallback。

你可以嘗試新增以下內容來解決上述的錯誤：

選項 1 (HTML)：如果你的 CSP 是以 HTML 檔設定，請使用以下代碼替換 CSP 代碼

<meta http-equiv="Content-Security-Policy" content="default-src 'self';
script-src 'unsafe-inline' https://*.paypal.com https://*.paypalobjects.com;
style-src 'unsafe-inline' https://*.paypal.com; connect-src
https://*.paypal.com; frame-src https://*.paypal.com; img-src
https://*.paypal.com https://*.paypalobjects.com">

選項 2（伺服器端）：如果你的 CSP 是在伺服器端設定，請使用以下代碼替換 CSP 代碼

Content-Security-Policy: script-src 'unsafe-inline' https://*.paypal.com https://*.paypalobjects.com
Content-Security-Policy: style-src 'unsafe-inline' https://*.paypal.com
Content-Security-Policy: connect-src https://*.paypal.com
Content-Security-Policy: frame-src https://*.paypal.com
Content-Security-Policy: img-src https://*.paypal.com https://*.paypalobjects.com

如何更改產品名稱 / 價格 / 數量的版面配置 / 尺寸 / 色彩？

目前無法變更此整合的版面配置 / 大小 / 色彩。

我編輯了產品資訊（名稱、金額或其他任何內容）；我是否需要

再重新複製 / 貼上按鈕程式碼？

不需要，我們會從 PayPal 伺服器取得所有資訊。變更一旦儲存到帳戶後，便無需更新網站上複製 / 貼上的按鈕 ID。

注意：如果變更了產品的貨幣代碼，就必須更新付款按鈕。

我在活動代碼中看到用戶 ID；這是為什麼呢？

客戶 ID 是你帳戶中的賣家客戶 ID。你不得編輯客戶 ID。請依照按鈕程式碼中的設定使用。

我新增了多個按鈕，但都沒有顯示在我的網頁上。

在以下情況下，同一網頁上的多個按鈕將無法運作：

• 如果在同一網頁上多次複製 / 貼上相同的按鈕 ID，只有第一個按鈕會顯示。同一個按鈕 ID 不能重複多次。
• 如果在同一網頁上複製 / 貼上不同的按鈕 ID 但幣別不同，則只有第一個按鈕會顯示。你不能在同一網頁上新增不同外幣的按鈕。
• 如果已複製 / 貼上不同的按鈕 ID，但系統載入速度緩慢，請確認具有用戶端 ID 的指令碼標籤只加了一次。指令碼如下所示：
  

  • <script src="https://www.paypal.com/sdk/js?client-id=XYZ&components=hosted-buttons&enable-funding=venmo&currency=USD"></script> 

我有一個特選 PayPal 帳戶，但沒有看到付款連結和按鈕

功能。

此功能僅適用於 PayPal 商業帳戶。若要使用此功能，請升級至商業帳戶或建立商業帳戶。

如何在 PayPal Sandbox 上測試此項體驗？

付款連結和按鈕可在 Sandbox 上進行測試。

信用卡 / 簽帳金融卡的內嵌擴充功能未完整顯示在我的

網站上。

請務必確認父容器的寬度和高度可容納內嵌擴充功能。請參閱你的託管平台文件或諮詢客戶支援，取得更多詳細資料。

付款連結和按鈕是否支援 IPN（立即付款通知）？

是。請依照以下步驟設定並啟用「立即付款通知」(IPN)。

在 PayPal 中尋找 IPN 設定的方法如下：

1. 前往你的「帳戶設定」。
2. 依序選擇「通知」和「立即付款通知」。
3. 按一下「更新連結」。

啟用 IPN 設定的方法如下：

1. 新增 IPN 處理器 URL，然後選擇「接收 IPN 訊息（已啟用）」。
2. 按一下「儲存」。

處理伺服器程式碼中的 IPN：

• 每當付款連結和按鈕交易完成時，PayPal IPN 都會啟動在步驟 2 中設定的「通知 URL」。

存取 IPN 紀錄：

• https://www.sandbox.paypal.com//ipn/history
• https://www.paypal.com/merchantnotification/ipn/history

存取 IPN 紀錄：

• https://developer.paypal.com/api/nvp-soap/ipn/IPNIntro/

當系統將客戶傳送至重新導向的頁面時，PayPal 會發送哪些購物相關資料？ 付款連結和按鈕是否支援付款資料傳輸？支援哪些變數？

是的，我們的確支援「付款資料傳輸」變數，如此處所述。

以下是啟用付款資料傳輸的方法：

1. 前往你的「帳戶設定」。
2. 依序選擇「產品與服務」和「網站偏好設定」。
3. 依序按一下「自動返回」和「付款資料傳輸」。

如果賣家在按鈕程式碼或付款連結中手動新增區域設定，則付款連結和按鈕

是否支援該區域設定？

預設情況下，付款連結和按鈕會使用客戶的瀏覽器偏好設定來顯示按鈕程式碼和付款連結體驗。

賣家只能附加“locale.x=fr_FR”作為查詢參數，才能覆寫付款連結和按鈕程式碼的相同內容。你可以在此處找到支援的區域設定代碼清單。我們將不會翻譯賣家在配置過程中輸入的任何文字。

範例： https://www.paypal.com/ncp/payment/F3YMU2ZGT49XX?locale.x=jp_JP

範例： <script src="……..¤cy=USD&locale.x=jp_JP"></script> 

是否可以隱藏來自付款連結和

按鈕程式碼的部分標籤？

我們瞭解你的網站在視覺設定上可能有所不同，但是不建議隱藏我們提供的按鈕程式碼。

在網站上隱藏這些程式碼將不會改變交易處理方式。交易仍將使用你的代管按鈕 ID 設定。

使用不需要客戶輸入的按鈕類型時，可以隱藏按鈕的特定或全部文字。例如，如果你的客戶需要選擇數量或從多項商品清單中選擇商品，而你隱藏了這些輸入元素，交易將會失敗。

以下是如何隱藏「價格標籤」的範例：

在按鈕程式碼下方加入以下指令碼，將 <HostedButton_ID> 取代為實際的按鈕 ID。

與「價格標籤」類似，你也可以對其他文字執行相同的操作：

• desc-label（用於產品名稱）
• price-label（用於價格）

如果要隱藏其中的多個文字，請使用分隔的 ID：

<style> #paypal-container-<HostedButton_ID> { #paypal-form-fields-container-<HostedButton_ID> { #price-label,  #desc-label { display: none !important; }} } </style> 

如果要隱藏按鈕的所有文字，請記住，你的按鈕類型不需要客戶進行任何選擇或輸入：

是否可以覆寫我的付款連結和按鈕，改為使用

個人檔案中設定的運送資料？

付款連結和按鈕無法接受帳戶設定中的運費大量覆寫，也就是「♦運費設定♦」中的以下設定。

我變更了按鈕的幣別，但是更新未顯示在

網站上。

如果將按鈕貼到你的網站上後又變更了幣別，你需要在網站上重新複製 / 貼上按鈕程式碼。