設定指南

如何為 Shopify 新增運費計算器

在 Shopify 商品頁、購物車頁面和相容購物車抽屜中新增運費估算的實用指南。

更新於 2026年9月21日 · MerchantOS 的 ShipCalc 團隊

簡要回答

Shopify 通常在顧客於結帳時輸入地址後,才計算針對目的地的運費。要更早顯示這些運費,請透過 Shopify 佈景主題編輯器新增一款商店運費計算器應用程式。先選擇位置——商品頁用於單品問題,購物車頁面用於完整訂單,相容的購物車抽屜用於快速購物車佈景主題——然後在釋出前測試有代表性的商品、目的地、運費和行動裝置佈局。

選擇需要給出答案的時刻

當配送費用實質性地影響顧客是否購買某件商品時,商品頁位置很有用。當完整訂單決定配送資格或價格時,購物車位置更合適。當佈景主題使用浮動視窗而不是完整購物車頁面時,抽屜位置可以避免答案消失。

  • 商品頁:在加入購物車之前回答。
  • 購物車頁面:按已組好的訂單計算。
  • 購物車抽屜:讓報價留在快速購物流程中。

透過佈景主題編輯器新增應用程式區塊

安裝計算器應用程式,開啟 Online Store → Themes → Customize,選擇相關的商品或購物車範本,並在價格、購買按鈕、小計或結帳按鈕附近新增應用程式區塊。在電腦版和行動裝置預覽位置後再儲存。

各佈景主題的購物車抽屜實現方式不同。有些使用應用程式嵌入或選擇器而不是普通區塊,因此請按照應用程式的抽屜說明操作,並測試每一次新增、刪除和修改數量的操作。

想讓顧客在結帳前看到運費?ShipCalc 在商品頁、購物車和購物車抽屜中顯示你現有的 Shopify 運費。瞭解工作原理。

以 Shopify 作為運費來源

以展示為主的計算器應使用 Shopify 中已設定的運費和區域。保持單一可信來源,可以避免公開的運費表與結帳結果脫節。最終的結帳結果仍可能取決於完整地址、購物車、出貨地點以及任何由應用程式計算運費的提供商。

像顧客一樣測試

使用每個重要市場的真實郵遞區號或 ZIP。測試輕小件商品、重件或特殊設定檔商品、混合購物車、免運費門檻、不支援的目的地,以及靠近區域邊界的地址。確認文案說明了最終計算在結帳時完成。

檢查清單

  • 確認商品已分配到預期的運送設定檔。
  • 驗證每個重點目的地都屬於已啟用的市場和配送區域。
  • 在行動裝置和電腦版測試商品、購物車和抽屜位置。
  • 把顯示的選項與真實結帳測試進行比較。
  • 檢查空白、無效、不支援和無運費等狀態。
  • 上線後追蹤報價使用情況,並檢視支援諮詢。

問題

Shopify 預設帶有商品頁運費計算器嗎?

Shopify 的標準計算運費在結帳時顯示。通常需要藉助商店應用程式,才能更早顯示針對目的地的估算。

需要編輯 Liquid 程式碼嗎?

現代應用程式區塊通常可以透過佈景主題編輯器放置。部分購物車抽屜可能需要應用程式嵌入或佈景主題特定的選擇器。

應該在商品頁和購物車頁面都新增計算器嗎?

如果顧客既需要提前瞭解單品運費,又需要稍後確認整單運費,就兩者都用。從最貼近顧客最主要疑問的位置開始。

資料來源

Shopify 幫助中心頁面可能以英文開啟。

免費試用 ShipCalc

在顧客開口詢問之前就展示運費。

想先問問?聯絡我們。

開始免費試用
  • 14 天免費試用
  • 無需佈景主題程式碼