說明
登入

購買按鈕常見問題

本頁內容

我可以將購買按鈕加入我的 Shopify 網路商店嗎？

不建議在您的 Shopify 網路商店或 Shopify 網誌加入購買按鈕，因為可能會導致網路商店的購物車發生問題。建議改為使用固定連結預先載入購物車。

如何從 Shopify 管理介面移除購買按鈕管道？

  1. 在 Shopify 管理介面中，前往 設定 > 銷售管道。

  2. 在 購買按鈕 管道上，按一下 … > 解除安裝。

  3. 在 要解除安裝購買按鈕嗎？對話方塊中，選取 我瞭解解除安裝此銷售管道的風險。

  4. 選用：在 解除安裝原因 下，從下拉式選單選取所有適用的原因，並在文字欄位中提供任何意見回饋。

  5. 按一下 解除安裝。

如何從我的網頁移除購買按鈕？

請刪除內嵌程式碼，也就是您新增到網頁的程式碼。

是否可以更新現有的購買按鈕，改為顯示不同的商品？

可以，方法是編輯內嵌程式碼。您可以變更內嵌程式碼中的 id 屬性，使其對應至其他商品。否則，您必須在 Shopify 中建立新的購買按鈕，指定您要的商品，然後產生新的內嵌程式碼，取代先前購買按鈕所用的程式碼。

建立購買按鈕時，「其他資訊」欄位可以用來做什麼？

「其他資訊」欄位可用來向顧客傳達訊息。這段訊息會顯示在顧客的購物車中。舉例來說，您可以告知「稅額會在結帳頁面計算」。

我的購買按鈕可以搭配哪些付款閘道？

購買按鈕僅能搭配支援的付款閘道使用。若要查看您所在國家/地區支援的付款閘道清單，請參考依國家/地區分類的付款資訊。

如何變更現有購買按鈕的外觀？

最簡單的方式是重新建立該購買按鈕，並以新程式碼取代現有程式碼。或是依照這篇進階教學來進行變更。

如果您需要協助調整外觀，可以聘僱 Shopify 合作夥伴。 瞭解詳情：聘僱 Shopify 合作夥伴。

為什麼我的購買按鈕無法與我的 app 搭配使用？

購買按鈕與 Shopify App Store 中的 app 不相容。舉例來說，如果您使用商品評價 app，則無法與購買按鈕搭配使用。

如何疑難排解購買按鈕相關問題？

若購買按鈕運作不如預期，您可以依照下列疑難排解步驟找出並解決常見問題：

檢查是否與 CSS (階層式樣式表) 發生衝突

有時候，網站中的 CSS 可能會影響購買按鈕的樣式。舉例來說，若 CSS 將 iframe 元素設定為 display: hidden;，購買按鈕就會變得不可見。

另一個常見問題是按鈕高度計算錯誤，或被設為 0。遇到這種情況，請嘗試在 Shopify 管理介面中以不同的版面配置設定重新建立購買按鈕，因為內建的自訂選項通常比自訂 CSS 更能有效解決高度問題。

檢查是否有 CSS 衝突：

  1. 開啟瀏覽器的開發人員工具 (在 Chrome 中按 F12)。
  2. 選取購買按鈕所在區域，並在 Elements 分頁檢視 HTML。
  3. 檢視 Styles 面板，確認是否有任何 CSS 規則影響按鈕的可見性或版面配置。

檢查是否有 JavaScript 錯誤

JavaScript 衝突可能會導致購買按鈕無法顯示或無法正常運作。請依下列步驟檢查是否有 JavaScript 錯誤：

  1. 開啟瀏覽器的開發人員工具。
  2. 前往 Console 分頁。
  3. 檢視在頁面載入時或您與購買按鈕互動時出現的任何錯誤訊息。

常見的 JavaScript 錯誤包括遺失指令碼相依項，或與網站上的其他指令碼發生衝突。

確認商品仍然存在

如果出現 404 錯誤，可能是該商品已被刪除並以新商品取代。請比較購買按鈕程式碼中的商品 ID 與 Shopify 管理介面中的商品 ID，確認兩者一致。

在簡單的 HTML 頁面上進行測試

判斷問題出在購買按鈕還是您的網站：

  1. 建立一個僅包含購買按鈕程式碼的簡單 HTML 封檔案。
  2. 在瀏覽器中開啟該檔案，查看按鈕是否能正常運作。
  3. 如果在簡單頁面上可正常運作，但在您的網站上不可行，問題很可能出在網站的 CSS 或 JavaScript。

確認這是 Shopify 購買按鈕

有時候，看起來像 Shopify 購買按鈕的按鈕其實是第三方方案。要確認您使用的是 Shopify 購買按鈕，請：

  1. 開啟開發人員工具並檢查該按鈕。
  2. 檢視 HTML，確認是否包含 Shopify 專屬的程式碼。
  3. 確認「Network」分頁顯示對 buy-button-storefront.min.js 的呼叫。

如果使用這些步驟仍無法解決問題，建議聘請 Shopify 合作夥伴協助。 深入瞭解hiring a Shopify Partner。

若要建立購物車永久連結，您必須先開啟該商品的詳情頁面。瞭解如何create a cart permalink。