
為什麼電商需要 Sanity 這樣的 Headless CMS?
Shopify 擅長商品與交易,卻不擅長承載品牌敘事:專題頁、產地故事、雜誌式內容都很吃力。Sanity 以結構化內容為核心——內容一次編寫,即可在商店、官網、App 等任何前端重組使用,並支援即時協作與版本歷史。對內容量大的品牌,這是把編輯部從工程排程中解放出來的關鍵。
內容是資料,資料就能被查詢、重組、發佈。
內容卡在工程手上
每個活動頁都要開工單,行銷的節奏被開發時程綁架。
同一段內容改八次
商店、官網、APP 各有後台,內容不同步、品牌口徑不一致。
模板化的敘事
品牌故事被塞進固定欄位,設計與內容都失去表達力。
01 · 結構化內容
一次編寫處處發佈
Sanity 官方文件:內容以結構化資料存放在 Content Lake,用 GROQ 查詢語言取用;Sanity Connect for Shopify 讓商品與內容互相引用,即時協作與版本歷史內建。
內容模型自由
欄位、關聯與可重用區塊由品牌自己定義(Sanity 官方文件),敘事結構跟著內容走,擺脫固定模板。
可視化編輯
編輯在真實頁面的預覽中直接修改(Sanity 官方文件的 Presentation 功能),所見即所得,上線前就看到最終樣子。
編輯部級工作流
多人同時編輯、草稿與排程發佈、完整版本歷史(Sanity 官方文件),內容團隊照自己的節奏出刊。
02 · 內容的商業價值
內容產能直接決定轉換天花板
創作者內容當道
Sprout Social 調查:83% 的行銷人回報創作者內容的轉換表現優於品牌自製內容。內容系統要接得住多來源、高頻率的產出。
AI 時代的引用性
McKinsey 調查(引自 Shopify):61% 的消費者用 AI 比較產品與服務。結構化內容加上具名資料,才有機會成為 AI 引用的答案。
行動優先的內容
Shopify 彙整(2025):行動裝置佔電商網站流量 77%。內容跑在 Headless 前端上,行動端的速度與排版由工程把關,編輯不用操心。
編輯體驗
讓編輯像出刊,不像開工單
Studio 介面依團隊的實際流程客製:欄位驗證、預覽、參照關係都調到順手,行銷檔期不再排隊等工程。

實戰驗證
我們自己的網站就跑在這套架構上
Tenten 的官網與內容系統以 Sanity 加 Next.js 建置營運,你看到的每一篇文章都經過這條管線。推薦給客戶的架構,我們先用在自己身上。

CMS 選型的關鍵問題只有一個:三年後內容要搬家、要重組、要出現在新通路時,這套系統會幫你,還是擋你。
我們怎麼做
結構化內容模型
內容即資料:可查詢、可重組、可跨通路發佈。
可視化編輯
編輯在真實頁面預覽中直接改稿,所見即所得。
與商務資料互通
Sanity Connect 同步 Shopify 商品,內容與商品互相引用。
即時協作
多人同時編輯、版本歷史與排程發佈,編輯部級的工作流。
合作流程
內容建模
盤點內容類型,設計 Schema 與編輯流程
Studio 客製
打造貼合團隊習慣的編輯介面
前端整合
與 Hydrogen/Next.js 前端串接與預覽
遷移培訓
既有內容遷入、編輯團隊上手陪跑
把內容當資產管理的品牌,每一篇都在累積複利。
常見問題
Shopify 的內容功能以商店版型為邊界;Sanity 是獨立的內容平台,內容可在任何前端使用,並支援複雜的結構與工作流。
可以。Studio 介面為編輯而設計,欄位、預覽與驗證都客製到位後,日常營運完全不需工程介入。
我們以腳本批次遷移既有內容並保留網址結構;人工只處理需要重排版的精選內容。
有免費層級;成長型團隊常用的方案按席次與用量計費,通常遠低於它省下的工程工時。


