重點整理
Blocksy 是 Creative Themes 開發的免費 WordPress 佈景主題，在 WordPress.org 上有 30 萬以上網站啟用，搭配免費的 Blocksy Companion 外掛就能匯入範本網站、設定 WooCommerce 商品列表與商品頁。免費版已經夠開一間基本商店；快速檢視、願望清單、規格色塊、AJAX 篩選等商店功能要買 Blocksy Pro 的 Business 方案（US$99／年起）才有，最便宜的 Personal 方案不含商店擴充。
想用 WordPress 開購物網站，第一個問題常常是「主題要選哪一個」。付費主題功能多但學習成本高，免費主題又怕功能不夠、商品頁太陽春。Blocksy 是近幾年評價很高的免費主題，介面全在「外觀 → 自訂」裡完成，對新手友善。這篇用一間示範商店實際安裝 Blocksy 與 WooCommerce，說明它的免費版與 Pro 差異、2026 年的價格、WooCommerce 相關設定、安裝與匯入範本的步驟，最後整理適合哪種商店與優缺點。
Blocksy 是誰做的？定位是什麼
Blocksy 由 Creative Themes 開發，2019 年上架 WordPress.org 官方佈景主題目錄，目前啟用網站數超過 30 萬、評分接近滿分。它是「傳統佈景主題」：版面、顏色、字型、頁首頁尾都在「外觀 → 自訂」（Customizer）裡調整，內容頁則可以用區塊編輯器或 Elementor 等頁面編輯器製作。
Blocksy 的定位是「輕量、通用、可以做任何類型網站」，不是只為電商設計，但對 WooCommerce 的支援相當完整。它跟 Astra 屬於同一類：主題本身免費、功能靠官方外掛擴充，進階功能再付費解鎖。
使用 Blocksy 時會接觸到三個東西：
- Blocksy 主題：免費，從 WordPress 後台直接安裝。
- Blocksy Companion 外掛：免費，負責入門網站（範本網站）匯入與各種擴充功能的開關。
- Blocksy Pro：付費，不是另一個主題，而是一個外掛，裝上後會取代免費的 Blocksy Companion，解鎖進階功能與 Pro 範本。
Blocksy 免費版與 Pro 差在哪？2026 年價格與授權
依 Creative Themes 官方定價頁（2026 年 10 月查詢），Blocksy Pro 有三個方案，都可以選年繳或一次買斷終身授權，購買後 14 天內可以申請退款：
| 方案 | 可用網站數 | 年繳 | 終身授權 | 商店擴充（Shop Extra） |
|---|---|---|---|---|
| 免費版 | 不限 | 免費 | — | 不含 |
| Personal | 1 個 | US$69 | US$199 | 不含 |
| Business | 10 個 | US$99 | US$299 | 含 |
| Agency | 不限 | US$149 | US$499 | 含，另加白牌 |
要特別注意的是：WooCommerce 的進階功能集中在 Shop Extra 擴充，只有 Business 與 Agency 方案才有。Personal 方案雖然便宜，解鎖的是條件式頁首、Mega Menu、Content Blocks（Hooks、彈出視窗、自訂範本）、自訂字型等通用功能，買來做購物網站會發現商店相關功能還是鎖著。
年繳方案到期沒有續約，網站不會壞掉，只是收不到 Pro 的新功能、更新與客服支援，也不能再使用 Pro 範本。價格以美元計，實際金額請以官方網站結帳頁為準。
Blocksy 的 WooCommerce 整合：免費版能做到哪些
很多免費主題只是「相容」WooCommerce，商品頁和商店頁長什麼樣子幾乎不能調。Blocksy 免費版就提供了不少商店專用的設定：
商品列表（商店頁、分類頁）
可以調整桌機、平板、手機各自的欄數與列數，商品卡片要顯示哪些元素（分類、評分、價格、加入購物車按鈕）、卡片樣式與間距。加入購物車是 AJAX，不用重新載入頁面。
單一商品頁
可以切換商品頁版面、商品圖片相簿樣式、分頁籤（描述、評論）的樣式，並在加入購物車按鈕下方顯示付款方式圖示與「購買理由」清單。可變商品切換規格時，相簿也能切換成該規格的圖片。
購物車與迷你購物車
頁首建構器內建「購物車」元素，可以放在頁首任何位置顯示商品數量與金額。購物車與結帳頁沿用 WooCommerce 本身的區塊或短代碼，Blocksy 負責套上一致的樣式。
需要 Pro Business 以上才有的功能
- 快速檢視（Quick View）、願望清單、商品比較
- 規格色塊（顏色、圖片按鈕）、AJAX 篩選、側邊滑出的購物車、浮動購物車
- 商店頁的價格、分類與屬性篩選區塊
- 免運進度條、加入購物車彈窗、庫存緊張提示、特價倒數
- 尺寸表、商品品牌、自訂分頁、評論強化、自訂感謝頁、更多商品頁版面
如果暫時不買 Pro，規格色塊可以用其他免費外掛補上，做法可以參考WooCommerce 規格選項改成顏色或圖片這篇。
步驟一：安裝 Blocksy 主題與 Blocksy Companion
- 先安裝並設定好 WooCommerce（貨幣、商店地址等）。
- 到「外觀 → 佈景主題 → 安裝佈景主題」，搜尋「Blocksy」，按「安裝」後再按「啟用」。
- 啟用後後台會提示安裝 Blocksy Companion，依提示安裝並啟用；也可以到「外掛 → 安裝外掛」搜尋「Blocksy Companion」。
- 左側選單會多出「Blocksy」，裡面有「首頁、入門網站、擴充功能、有用的外掛、變更記錄」幾個分頁。
Blocksy 與 Blocksy Companion 都有繁體中文翻譯，後台設定項目幾乎都是中文。下圖是「擴充功能」分頁：上面是免費版就能開關的擴充，下面「專業版擴充功能」裡的 Shop Extra 就是前面提到的商店擴充，要有 Pro 授權才能啟用。
步驟二：匯入入門網站（範本網站）
如果不想從空白開始，可以到「Blocksy → 入門網站」挑一個範本。官方範本分成免費與 PRO 兩種，電商類的範本會一併帶入示範商品、商店頁與頁首頁尾設定。匯入流程大致是：
- 在範本上按「匯入」，選擇要用區塊編輯器（Gutenberg）或 Elementor 版本（依範本提供的版本而定）。
- 確認要匯入的項目：自訂設定、示範內容、需要的外掛。
- 等待匯入完成後，到前台檢查首頁、商店頁與商品頁。
示範內容會加入範例商品、文章與圖片，建議在全新網站上匯入，不要在已經有訂單和商品的正式商店直接操作。匯入後要把示範商品刪掉，換成自己的商品。
步驟三：在「外觀 → 自訂」調整商店頁
商店相關的設定都在「外觀 → 自訂」左側的 WooCommerce 區塊裡。下圖是「商品彙整」的設定畫面：可以選擇商品卡片的版型、設定每列幾欄、每頁幾列，「卡片選項」裡再決定要顯示哪些元素。右側預覽會即時更新，滿意了再按上方「發佈」。
同一個區塊裡還有單一商品頁的版面設定、商品圖片尺寸與商店公告。頁首的購物車圖示則是在「頁首」設定裡，用拖放的方式加入或移動。
步驟四：到前台檢查商店頁與商品頁
設定完成後到前台看實際效果。下圖是示範商店只用 Blocksy 免費版、沒有匯入任何範本的商店頁：四欄商品卡片、特價標籤、原價刪除線、分類與加入購物車按鈕都已經排好，版面乾淨，換上自己的商品照片就能用。
商品頁預設是左圖右文，上方有麵包屑導覽，數量欄位帶有加減按鈕。正式開賣前，記得用手機實際瀏覽一次商店頁、商品頁和結帳頁。
Blocksy 跟 Elementor、區塊編輯器相容嗎？
相容。Blocksy 從名字就看得出來是以區塊編輯器為優先設計，免費版就附了文章列表、分類列表、麵包屑、分享按鈕等主題區塊。官方入門網站多數同時提供區塊編輯器與 Elementor 版本，用 Elementor 做首頁或形象頁也沒問題。
要注意的是，Blocksy 不是「區塊主題」（全站編輯 FSE），頁首頁尾仍然是在自訂畫面裡用建構器設定，而不是在網站編輯器裡改。如果想用全站編輯做頁首頁尾，要選的是區塊主題而不是 Blocksy。
速度與更新維護狀況
Blocksy 以輕量為主要訴求，功能多半做成可以個別開關的擴充與模組，沒用到的功能不會載入。自訂畫面裡也有獨立的「性能」設定區塊可以調整。不過網站實際速度主要還是取決於外掛數量、圖片大小與主機，主題只是其中一環。
更新方面，Blocksy 主題與 Blocksy Companion 在 2026 年仍維持頻繁更新，10 月初主題已更新到 2.1.58 版，需要 WordPress 6.7 以上。對要長期經營的商店來說，持續更新代表能跟上 WordPress 與 WooCommerce 的新版本。
Blocksy 適合哪種商店？優缺點整理
適合：
- 預算有限、想先用免費主題開一間商品數不多的商店。
- 習慣用區塊編輯器，不想綁定特定頁面編輯器的人。
- 同時有形象官網、部落格與商店需求的品牌，一個主題就能處理。
- 接案或管理多個網站的人：Business 方案 10 個網站、Agency 不限網站數，終身授權划算。
優點：
- 免費版功能完整，商店頁與商品頁可調整的項目比多數免費主題多。
- 後台有繁體中文翻譯，設定集中在自訂畫面，好上手。
- 更新頻繁，評價高，使用者多。
- Pro 有終身授權可選。
缺點：
- 商店進階功能只在 Business 以上方案，Personal 方案對電商幾乎沒有幫助。
- 設定項目很多，第一次使用要花時間熟悉。
- 不是專為電商設計，若想要「一安裝就是完整電商版型」，專門的電商主題（例如 Flatsome）內建的商店功能更多。
常見問題
Blocksy 免費版可以直接拿來開購物網站嗎？
可以。免費版已經支援 WooCommerce 的商店頁、商品頁、購物車與結帳頁樣式，也能調整欄數與商品卡片；缺少的是快速檢視、願望清單、規格色塊這類加強轉換的功能，需要時再用外掛或升級 Pro 補上。
Blocksy Pro 要買哪個方案才有 WooCommerce 功能？
至少要買 Business 方案（US$99／年或 US$299 終身）。官方方案比較表中，Shop Extra 擴充與商店篩選區塊都不包含在 Personal 方案。
Pro 授權到期沒續約，網站會壞掉嗎？
不會。官方說明授權到期後網站會維持原狀，只是拿不到新功能、版本更新、Pro 範本與客服支援；為了安全與相容性，長期經營的商店還是建議持續續約更新，或一開始就選終身授權。
結語
Blocksy 是少數「免費版就能好好開店」的 WordPress 佈景主題：安裝主題與 Blocksy Companion、匯入入門網站、在自訂畫面調整商品彙整與商品頁，幾個步驟就能完成一間外觀整齊的商店。等到需要快速檢視、篩選、規格色塊這些功能時，再升級 Pro，但要記得 WooCommerce 功能從 Business 方案才開始提供。建議先用免費版把商店架起來，確定需求後再決定要不要付費。