Shopify 版型升級或更換注意事項 2026

我眼中的網站：網站 = 建立成本 x 維護成本。一般最常被忽略與忽視的是「維護成本」，其中「成本」的定義：包含時間成本、人力成本、金錢成本等，這概念適用於所有建站方式，無論是使用架站平台還是工程師開發。以下我們以 Shopify 架站時，升級版型或更換版型為例

「實戰經驗分享，非只是網路資料整理」- Irving 爾文

🚀 Shopify 版型升級的關鍵執行項目

我主要分成三個大項目執行與確認，盡可能每個細節都要找到，以防在版型升級後出現嚴重的問題，至少關鍵的產品頁、購買流程、優惠資訊等要顧好，遇過最棘手的情況是從版型 Shopify 1.0 → 版本 Shopify 2.0。因此每個環節都要邊檢視邊紀錄，並跟相關執行團隊保持同步更新步驟與演練，讓整個任務順暢完成。

🍎 執行項目一：Shopify Theme 版型

自訂佈景主題的設定按照舊版型重新設定在新版型，Theme settings 和 App embeds 算比較好執行，通常最需要麻煩的是轉移一般頁面範本 Page Template 和產品頁範本 Product Template。

網頁頁面當初建立的方式

• 若使用的是 Shopify 版型自訂佈景主題範本建立各種頁面範本：那升級版型時就麻煩多了，必須手動人工逐一設定還有必須等新版型發布後，才能套用範本，相當費時費力。
• 若使用的是 Shopify App 頁面編輯器：例如 PageFly Page Builder 等，那升級版型時輕鬆多了，幾乎無痛轉移、頁面直接套用 PageFly 自動生成的頁面範本，只是有可能需要稍微更新一些範本中的排序設定即可。

全站自訂的程式碼

• 很多我們自己手動撰寫的程式碼如 Liquid、CSS、JavaScript 等都必須找出來，然後設定到新版型「對的地方」中。
• 找出之前不同的人進入網站中分別客製化的程式碼，都要重新套用在新版型中。由於新舊版型的程式碼架構隨著迭代的版本越多差異越大，所以在轉移時還是有可能造成工時的拉長。

---

🍎 執行項目二：Shopify App

不同的 Shopify App 在安裝與移除的設定方式都不完全相同，先將所有 App 列出，並逐一排查與找出初次安裝的方式與過程，透過其線上文件、操作影片、客服詢問以獲得更多的了解，這樣才能在升級新版型時不會遺漏關鍵步驟

 所有 Shopify App 都需要逐一檢查，必要時「需要重新設定」

• 有些 Shopify App 完全不用動作
• 有些 App 只會指定安裝到特定版型，所以新版型要重新安裝到「未發布的新版型」
• 有些 Shopify App 必須等到升級完版型後才能設定
• 部分 App 安裝步驟比較瑣碎，會需要「手動置入程式碼」
• 有些自己客製化的 Shopify App 記得要轉移程式碼
• 部分 App 沒有提供讓我們能安裝在「開發商店」中，亦即不讓我們安裝在 Sandbox 環境下執行測試

---

🍎 執行項目三：網站追蹤碼

網站分析工具和投放廣告的程式碼也相當重要，別忽略啊。轉移到新版型後要記得在上線後立即測試是否正常運作。追蹤碼的設定也要預先確認當初的設定是手動設定，還是部分是靠 Shopify 內建整合功能或其它 Shopify App 設定。

常見的追蹤碼

• GA（Google Analytics）：可以手動設定也可以直接在 Shopify 綁定帳號快速完成
• GSC（Google Search Console）：通常 GA 驗證過後，GSC 可以直接驗證，但需要 GA 最高權限的人執行
• Meta Pixels（Facebook Pixels 臉書像素）：可以手動設定也可以直接在 Shopify 綁定帳號快速完成
• Google Ads 廣告追蹤碼
• Google Ads Remarketing 再行銷追蹤碼
• GTM（Google Tags Manager）：有些追蹤碼會直接設定在 GTM 中，所以會以為沒安裝，例如 GA、Google Ads 等可以直接透過 GTM 設定

其它

• Twitter Analytics
• Microsoft Clarity
• Hotjar
• …

（以上內容會持續更新在此文章中，歡迎蒐藏與隨時回來閱讀）

---