Markdown 版本

AI-translated from English; not yet reviewed by a fluent editor.

# Shopify Canvas：發布前建立並預覽佈景主題

> 在 Shopify Canvas 中建立或複製佈景主題，在發布前檢查預覽，並了解早期存取條件、發布控制和推出限制。

By BIG CHANGE Editorial

Published: 2026-10-02T13:28:36.420Z
Updated: 2026-10-02T13:28:36.420Z
Canonical: https://bigchange.ai/blog/shopify-canvas-theme-guide

![Editorial illustration of a miniature shopfront on a base, with a coral awning and separate teal frame and facade pieces arranged for customization.](https://bigchange.ai/api/media/file/shopify-canvas-storefront-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE.

符合資格的商家可以在 Shopify Canvas 中請 Sidekick 建立或修改線上商店佈景主題，再檢視它在各種商店範本中的呈現方式。此功能於 2026 年 10 月 1 日開始早期存取，目前限桌上型裝置、符合條件的方案，以及 Shopify 開發或自訂的佈景主題。本指南根據官方文件，說明如何在 Canvas 中建立獨立草稿，並在檢查期間保持未發布狀態。

## 重大變化

- 改變之處：Shopify 將 Sidekick 編輯佈景主題檔案的功能帶進視覺化工作區，讓商家並排檢視商店範本，並即時預覽正在修改的佈景主題。
- 重要性：商家可以先描述想要的佈景主題風格，再檢查不同範本和螢幕寬度下的呈現效果，最後決定是否發布。
- 後續觀察：早期存取不支援第三方 Theme Store 佈景主題、應用程式區塊和嵌入、Markets、翻譯或佈景主題更新。Shopify 未公布 Canvas 專屬價格，也未提供獨立證據支持其「20 分鐘建好商店」的說法。

本指南適合想嘗試新店面設計、又希望修改不影響顧客的 Shopify 商家或員工。以下步驟取自 Shopify 說明中心的現行文件，於 2026 年 10 月 2 日查閱。BIG CHANGE 未使用 Canvas，也未測試這套流程。

## 開始前確認是否可以使用

Canvas 仍處於早期存取階段，只開放給部分商店。Shopify 的[要求說明頁面](https://help.shopify.com/en/manual/online-store/themes/canvas/requirements)（10 月 2 日查閱）指出，商店方案必須包含佈景主題自訂功能；Canvas 必須在桌上型裝置上開啟；員工帳戶則需要**Online store > Themes > Edit code**權限。Canvas 支援 Shopify 開發的佈景主題和自訂佈景主題。功能推出初期不支援 Shopify Theme Store 的第三方佈景主題。

開始前，先準備一段簡短說明，介紹品牌和想建立的商店；也可以選擇現有且受支援的佈景主題作為起點。Canvas 會建立新佈景主題或獨立副本。無論選擇哪種方式，都不會直接修改現有佈景主題。

Shopify 在發布公告中表示，Canvas 將於 10 月 1 日後的幾天內逐步開放給商家。其說明中心目前仍將功能描述為有限早期存取；公告並未保證所有商店都已取得使用權。頁面未列出 Canvas 的額外費用。文件規定的方案條件是具備佈景主題自訂權限，因此請先確認商店方案，再進行下列操作。

## 建立新佈景主題並保持未發布

1. 在桌上型裝置上開啟 Shopify 管理介面，進入**Online Store**並選擇**New**。Canvas 說明中心將此列為建立佈景主題的其中一種方式。
2. 在 Sidekick 對話欄描述品牌和想建立的商店。Shopify 表示，Sidekick 會依據描述建立佈景主題，並在 Canvas 中開啟。
3. 等待佈景主題出現在 Canvas 工作區。Shopify 表示，新主題會以**未發布**狀態加入佈景主題庫。檢查期間請繼續編輯這份副本。
4. 在工作區總覽中切換不同範本，並開啟要檢查的頁面。Shopify 的 Canvas 導覽指南指出，你可以開啟範本、使用全螢幕預覽，並在可用時選擇商品、商品系列或頁面變體。
5. 請 Sidekick 進行特定修改，或選取區塊來修改其設定或文字。Shopify 表示，修改會自動儲存。若佈景主題尚未發布，變更只會出現在 Canvas 及其預覽中；這不是目前已發布的佈景主題，顧客看不到修改內容。
6. 決定是否發布前，先檢查相關範本和不同預覽寬度。Shopify 的導覽指南提供桌上型電腦、平板和手機等裝置寬度預設值。確認重要頁面在各種寬度下都符合預期。Canvas 工作區僅支援桌上型裝置；這些預覽寬度可讓你在桌面工作區中檢查回應式版面。

如果想試改現有且受支援的佈景主題，可以先建立草稿副本。在**Online Store**中開啟該佈景主題的操作選單，然後選擇**Duplicate in Canvas**。Shopify 表示，原始佈景主題會保留在佈景主題庫，副本則會在 Canvas 中開啟。兩者彼此獨立，之後對其中一個所做的修改不會同步到另一個。發布前，請確認打算使用的副本已包含最新修改。

## 了解哪些操作會讓修改上線

新建或複製的佈景主題尚未發布時，修改會儲存在該主題中，但在發布前不會公開顯示。Shopify 的發布說明要求點選**Publish**，在確認對話框中檢查修改，然後點擊**Publish changes**。最後按下確認後，佈景主題就會在網路商店上線。如果你只是想預覽，請勿執行這項確認。

如果你在 Canvas 中編輯目前已發布的佈景主題，流程不同：修改會儲存在 Canvas 中，顧客仍會看到先前發布的版本。Shopify 表示，你必須選擇**Update**，檢查修改，然後選擇**Publish changes**，修改才會對顧客顯示。若想採用風險較低的檢查方式，請改在獨立且未發布的佈景主題中操作。

當你準備使用的主題在主題庫中顯示為未發布、預覽中包含你要檢查的範本和產品變體，而且你尚未確認**Publish changes**時，即可視為完成檢查。Shopify 表示，未發布的佈景主題可供預覽，顧客不會看到。Shopify 一般佈景主題預覽文件也說明可以分享預覽連結；任何取得網址的人都能開啟，連結兩天後到期，分享時請留意。

## 需要留意的限制

Shopify 首發版本不支援所有佈景主題工作流程。其要求說明頁指出，你不能直接在 Canvas 中翻譯佈景主題內容，應改用 Translate & Adapt 應用程式。你無法在 Canvas 中手動將區塊新增至範本，但 Shopify 表示可以請 Sidekick 新增。Canvas 不能新增或設定應用程式區塊或嵌入，也不能針對不同 Markets 自訂佈景主題。Shopify 的發布更新紀錄也將 Markets、分階段推出、翻譯，以及應用程式區塊或嵌入列為首發限制。

在 Canvas 中編輯的佈景主題不會收到佈景主題更新；Shopify 的要求說明頁也指出，無法下載這些主題的檔案。若商家仰賴 Theme Store 的第三方佈景主題、應用程式擴充功能、本地化佈景主題內容、Markets 或佈景主題更新，選用 Canvas 前應先考量這些不支援的工作流程。

Shopify 也指出，部分較舊的佈景主題無法直接在預覽中編輯文字。Sidekick 修改後，復原記錄會清除；Shopify 表示，你可以請 Sidekick 改回原狀，或透過佈景主題歷程記錄還原舊版本。還原前請檢查版本和預覽，並在確認滿意前維持未發布狀態。

## Shopify 已證實和未證實的事項

Shopify 於 10 月 1 日宣布推出 Canvas，將它描述為可讓 Sidekick 協同修改佈景主題檔案、並讓商家同時檢視多個範本的工作區。公司表示，Sidekick 會在反覆修改時驗證程式碼並檢查畫面截圖。在其[10 月 1 日發布公告](https://www.shopify.com/news/introducing-canvas)中，Shopify 高層 Ben Sehl 表示，商家可在 20 分鐘內建立完全自訂的商店。這是 Shopify 的說法；發布資料沒有提供可重現的計時研究、錯誤率、無障礙評估、轉換結果或獨立比較。

[TechCrunch 的獨立報導](https://techcrunch.com/2026/10/01/shopify-debuts-canvas-a-way-to-build-online-stores-by-chatting-with-ai/)將 Canvas 與 Shopify 早期以區塊編輯佈景主題的方式比較，並指出深入自訂通常需要撰寫程式碼或請開發者協助。報導也提到相同的首發限制和桌面裝置限制。這是產品發布報導，並非獨立的效能評估。

## 資料來源與延伸閱讀

- [Shopify，《推出 Canvas：拓展線上商店設計的可能性》](https://www.shopify.com/news/introducing-canvas)，2026 年 10 月 1 日。Shopify 對產品的介紹、功能主張和推出安排；Shopify 是產品供應商。
- [Shopify 更新紀錄，《使用 Canvas 設計完全客製化的商店》](https://changelog.shopify.com/posts/design-a-fully-bespoke-store-with-canvas)，2026 年 10 月 1 日。首發階段的功能清單和限制。
- [Shopify 說明中心，《Canvas》](https://help.shopify.com/en/manual/online-store/themes/canvas)，2026 年 10 月 2 日查閱。早期存取和僅限桌上型裝置的規定，並連結至使用要求與操作流程。
- [Shopify 說明中心，《使用 Canvas 的要求與注意事項》](https://help.shopify.com/en/manual/online-store/themes/canvas/requirements)，2026 年 10 月 2 日查閱。方案、權限、支援的佈景主題、翻譯、應用程式、Markets、佈景主題更新和下載限制。
- [Shopify 說明中心，《在 Canvas 中建立和自訂佈景主題》](https://help.shopify.com/en/manual/online-store/themes/canvas/customizing)，2026 年 10 月 2 日查閱。新建或複製主題、自動儲存、顧客可見性、發布和版本還原流程。
- [Shopify 說明中心，《使用和導覽 Canvas》](https://help.shopify.com/en/manual/online-store/themes/canvas/navigating)，2026 年 10 月 2 日查閱。範本總覽、全螢幕預覽、回應式預覽寬度和 Sidekick 控制項。
- [Shopify 說明中心，《新增、預覽和購買佈景主題》](https://help.shopify.com/en/manual/online-store/themes/adding-themes)，2026 年 10 月 2 日查閱。草稿主題檢視方式和訪客預覽連結的存取規則。
- [Sarah Perez，TechCrunch，《Shopify 推出 Canvas：與 AI 對話即可建立線上商店》](https://techcrunch.com/2026/10/01/shopify-debuts-canvas-a-way-to-build-online-stores-by-chatting-with-ai/)，2026 年 10 月 1 日。獨立產品發布報導，並比較先前的佈景主題編輯器；未進行計時或品質基準測試。

## Sources

- [推出 Canvas：拓展線上商店設計的可能性](https://www.shopify.com/news/introducing-canvas) — Shopify 官方產品公告，說明推出安排、功能及其所稱的「20 分鐘」主張。
- [使用 Canvas 設計完全客製化的商店](https://changelog.shopify.com/posts/design-a-fully-bespoke-store-with-canvas) — 官方首發功能清單、推出安排和限制。
- [Canvas](https://help.shopify.com/en/manual/online-store/themes/canvas) — 官方概述；目前為早期存取，且僅限桌上型裝置使用。
- [使用 Canvas 的要求與注意事項](https://help.shopify.com/en/manual/online-store/themes/canvas/requirements) — 現行官方要求：方案、桌上型裝置、員工權限、支援的佈景主題和產品限制。
- [在 Canvas 中建立和自訂佈景主題](https://help.shopify.com/en/manual/online-store/themes/canvas/customizing) — 現行官方指示：新建或複製主題、自動儲存、顧客可見性、發布和版本還原。
- [使用和導覽 Canvas](https://help.shopify.com/en/manual/online-store/themes/canvas/navigating) — 現行官方工作區、範本、預覽寬度和 Sidekick 流程指示。
- [新增、預覽和購買佈景主題](https://help.shopify.com/en/manual/online-store/themes/adding-themes) — 官方一般草稿主題檢視方式，以及訪客預覽連結的存取和到期資訊。
- [Shopify 推出 Canvas：與 AI 對話即可建立線上商店](https://techcrunch.com/2026/10/01/shopify-debuts-canvas-a-way-to-build-online-stores-by-chatting-with-ai/) — Sarah Perez 的獨立產品發布報導，並比較先前的佈景主題編輯器；未獨立測試所需時間或品質。