找我們做網站
↑
Woocommerce · WooCommerce 主題

Shoptimizer 主題介紹:主打速度與轉換率的 WooCommerce 主題怎麼選、怎麼裝

WooCommerce 主題發布 2026.10.02閱讀約 9 分鐘
Shoptimizer 主題介紹:主打速度與轉換率的 WooCommerce 主題怎麼選、怎麼裝

重點整理
Shoptimizer 是 CommerceGurus 在官網販售的 WooCommerce 付費主題,主打「速度」與「轉換率」。採年費訂閱制,官網原價每年 99 美元(常有折扣),含 1 年更新與支援,並隨附 CommerceKit 轉換外掛。安裝只要 4 步:上傳主題、安裝推薦外掛、跑 WooCommerce 設定精靈、匯入範本資料。適合商品數量中等、重視成交率的品牌商店。

很多商店老闆換主題,看的是首頁漂不漂亮;但真正影響營收的,往往是商品頁有沒有讓人想按「加入購物車」、結帳頁會不會讓人分心離開。Shoptimizer 就是從這個角度設計的主題:版面樸素,但把轉換率相關的功能都做進去了。這篇整理 Shoptimizer 的定位、價格與授權、WooCommerce 功能、安裝步驟、相容性與更新狀況,以及它適合哪種商店。

Shoptimizer 是誰做的?定位是什麼

Shoptimizer 由 CommerceGurus 開發,這是一家專做 WooCommerce 主題與外掛的團隊,主題只在自家官網 commercegurus.com 販售,不在 ThemeForest 上架。官網副標就是「為速度與轉換率打造的 WooCommerce 主題」。

它的定位跟多用途主題很不一樣:不提供幾十套產業範本,而是一套簡潔的商店版型,把力氣花在讓頁面載入快、讓顧客順利完成購買。下圖是官方 demo 的首頁:上方是搜尋列、會員、客服與結帳入口,深色主選單右邊是購物車金額,下方黃色橫幅是促銷代碼公告。

Shoptimizer 官方 demo 首頁:上方搜尋列與會員、客服、結帳入口,深色主選單右側顯示購物車金額,下方是促銷公告橫幅
Shoptimizer 官方 demo 首頁:上方搜尋列與會員、客服、結帳入口,深色主選單右側顯示購物車金額,下方是促銷公告橫幅

Shoptimizer 多少錢?授權怎麼算

Shoptimizer 是年費訂閱制。查詢時官網標示原價每年 99 美元、限時折扣價 49 美元,折扣常常出現,實際金額以結帳頁為準。授權規則整理如下:

  • 含 1 年更新與支援:一年後要續約才能繼續下載新版與提問。
  • 不續約也能繼續用:官方說明訂閱到期後,仍可繼續使用最後下載的版本,只是拿不到更新與支援。
  • 可以用在多個網站:主題採 GPL 授權,可以裝在多個網站;但一個授權只提供一個網域的技術支援與自動更新,其他網站要手動更新。
  • 10 天退款保證:購買後不滿意,10 天內可以申請全額退款。
  • 隨附 CommerceKit:官方的轉換功能外掛,購買主題就包含,不用另外付費。

以長期成本來看,Shoptimizer 每年都要付費;ThemeForest 主題是一次買斷、更新不限期,但技術支援只有 6 個月。選擇時可以把「需不需要持續的官方支援」一起考慮進去。

不要用盜版或 nulled 版

因為主題是 GPL 授權,網路上有不少「GPL 分享站」或破解版(nulled)提供下載。這些來路不明的檔案可能被加入後門程式,網站被植入垃圾連結或惡意跳轉,購物網站還有顧客資料外洩的風險;而且拿不到官方更新,安全漏洞也不會被修補。請從 CommerceGurus 官網購買,相關風險可以參考WordPress 資安防護全攻略。

Shoptimizer 有哪些 WooCommerce 轉換功能?

Shoptimizer 的功能是照著顧客的購物流程設計的,從商品列表、商品頁、購物車到結帳,每一段都有對應的功能。部分功能由隨附的 CommerceKit 外掛提供,要在 CommerceKit 設定裡逐一開啟。

Shoptimizer 轉換功能示意圖:商品列表、商品頁、購物車、結帳四個階段各自對應的功能
Shoptimizer 轉換功能示意圖:商品列表、商品頁、購物車、結帳四個階段各自對應的功能

商品列表:在列表就能選規格

商品列表除了左側分類與價格篩選,滑鼠移到商品上,會直接顯示其他顏色的縮圖與「Quick add」尺寸按鈕,顧客不用點進商品頁就能挑選加入購物車。搜尋列也支援 Ajax 即時建議,打字時就會跳出相關商品。

Shoptimizer 商品列表:左側分類與價格篩選,滑鼠移到商品上會顯示其他顏色縮圖與 Quick add 尺寸快速加入按鈕
Shoptimizer 商品列表:左側分類與價格篩選,滑鼠移到商品上會顯示其他顏色縮圖與 Quick add 尺寸快速加入按鈕

商品頁:把購買理由放在按鈕旁邊

商品頁右側欄位排得很緊湊:價格與折扣標籤、庫存數量、加入購物車按鈕,下面接著限時倒數、剩餘庫存條、免運說明、退貨政策與安全結帳標章。往下捲動時,還有固定在畫面上的加入購物車列,顧客看完商品說明不用捲回上面。

Shoptimizer 商品頁:價格與折扣標籤、庫存、加入購物車按鈕,下方有限時倒數、剩餘庫存條、免運與退貨說明、安全結帳標章
Shoptimizer 商品頁:價格與折扣標籤、庫存、加入購物車按鈕,下方有限時倒數、剩餘庫存條、免運與退貨說明、安全結帳標章

倒數計時和「只剩幾件」這類功能有效,但請照實設定。假的倒數或假的庫存,在台灣可能違反公平交易法的不實廣告規定,也會傷害品牌信任。

購物車與結帳:減少分心

  • 側邊滑出的迷你購物車:加入購物車後從右側滑出,不必跳頁就能看到內容與總額。
  • 免運進度條:提示「再買多少元就免運」,有助於提高客單價。
  • 無干擾結帳:結帳頁拿掉主選單、頁尾和側欄,只留下結帳表單,降低顧客中途點去別頁的機會。
  • 加購(Order Bump):結帳前推薦一件相關商品,一鍵加購。

結帳欄位本身的設定(公司、電話是否必填)還是在 WooCommerce 處理,跟主題無關。

Shoptimizer 安裝與匯入範本步驟

安裝前先確認 WordPress 與 WooCommerce 已經裝好。如果還沒開過商店,可以先看WooCommerce 教學入門。

  1. 下載主題:登入 CommerceGurus 帳號,在訂單裡下載 shoptimizer.zip。
  2. 上傳啟用:WordPress 後台「外觀 → 佈景主題 → 安裝佈景主題 → 上傳佈景主題」,選 shoptimizer.zip 安裝後按「啟用」。
  3. 安裝推薦外掛:啟用後畫面上方會出現提示,按「Begin installing plugins」,勾選全部外掛,用批次動作安裝並啟用。
  4. 匯入範本資料:到「外觀 → Import Demo Data」執行匯入,官方說明大約需要 2 分鐘。範本裡的商品圖片會用佔位圖取代,匯入比較快,之後換成自己的商品照即可。
  5. 完成設定:到「外觀 → 選單」指定主選單,到「設定 → 閱讀」把首頁設成靜態頁面;用 Elementor 的話,官方建議把版面寬度設成 1190px。
  6. 連結網域:在 CommerceGurus 帳號裡加入網站網域,之後就能在後台一鍵更新。

如果要改程式碼,官方有提供子主題,記得改在子主題裡,主題更新才不會覆蓋你的修改。

和 Elementor、區塊編輯器相容嗎?

相容。官方說明 Shoptimizer 支援 Elementor 和 WordPress 區塊編輯器,文件裡也有不少 Elementor 搭配的教學。實際使用時要知道:

  • 商店頁面由主題控制:商品頁、商品列表、購物車與結帳的版型與功能,主要在「外觀 → 自訂」和 CommerceKit 設定調整,不是用拖拉編輯器排版。
  • 首頁與活動頁可用 Elementor 或區塊編輯器:形象區塊、促銷頁自由排版。
  • 跟一般 WooCommerce 外掛相容:主題沒有改動 WooCommerce 的資料結構,金流、物流外掛照常使用。

想更了解區塊編輯器與傳統主題的差異,可以參考WordPress 全站編輯(FSE)完整比較。

Shoptimizer 速度與更新狀況

速度是 Shoptimizer 的主要賣點。它沒有內建大量動畫和滑塊,CSS 會自動壓縮,官方主打能通過 Core Web Vitals。不過主題只是其中一環,實際分數還是取決於主機、圖片大小和外掛數量;官方另外推出效能外掛 CommerceGurus Turbo,也建議搭配快取外掛使用。

更新方面,CommerceGurus 維護很穩定:官方更新紀錄顯示,2026 年 8 月到 9 月就發布了 2.9.6 到 2.9.9 共 4 個版本,最新的 2.9.9 在 9 月 17 日發布,隨附的 CommerceKit 也同步更新,並處理新版 WooCommerce 的相容性。

Shoptimizer 適合哪種商店?優缺點整理

項目Shoptimizer
開發商CommerceGurus(官網販售)
價格年費訂閱,原價每年 99 美元,常有折扣
授權GPL,可裝多站;支援與自動更新限 1 個網域
範本一套簡潔商店版型,非多產業範本
編輯器Elementor、區塊編輯器
強項轉換功能、速度、更新頻繁
弱項版面變化少、每年要續約

適合:

  • 商品數量中等、已經有穩定流量,想提高成交率的品牌商店
  • 服飾、鞋包、保養品這類有多種規格、需要在列表快速選購的商品
  • 重視手機版速度,不想花太多時間調效能的人

不太適合:

  • 想要強烈品牌視覺、大量動畫的形象型商店
  • 需要現成產業範本(餐廳、企業官網)的多用途網站,這類需求可以看 Avada 或 Flatsome
  • 不想每年付費的人

常見問題

Shoptimizer 訂閱到期後網站會壞掉嗎?

不會,訂閱到期後主題照常運作。你仍可使用最後下載的版本,只是無法再下載更新、也不能向官方提問;為了安全性與 WooCommerce 相容性,建議持續續約。

Shoptimizer 可以用在兩個網站嗎?

可以安裝,但只有一個網域享有技術支援與自動更新。第二個網站要手動上傳新版更新;如果兩個網站都要官方支援,就需要買兩個授權。

CommerceKit 一定要裝嗎?

不一定,但建議安裝。主題本身就能運作,不過規格色塊、免運進度條、加購、即時搜尋建議這些轉換功能都在 CommerceKit 裡,不裝就等於少了 Shoptimizer 的一大半特色。

結語

Shoptimizer 不是功能最多、範本最多的主題,但它把力氣花在購物流程的每一個環節:列表可以直接選規格、商品頁把購買理由放在按鈕旁、結帳頁拿掉干擾。年費訂閱換來的是穩定的更新和直接向開發者提問的支援。如果你的商店已經有流量、想提高成交率,Shoptimizer 很值得列入評估;裝好後別忘了照實設定倒數與庫存提示,再用數據觀察哪一步流失最多,持續調整。

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。