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

Botiga 主題介紹:專為 WooCommerce 設計的免費主題功能、Pro 價格與安裝

WooCommerce 主題發布 2026.10.02閱讀約 10 分鐘
Botiga 主題介紹:專為 WooCommerce 設計的免費主題功能、Pro 價格與安裝

重點整理
Botiga 是 aThemes 專為 WooCommerce 設計的免費佈景主題,主打速度與轉換率,免費版就有快速檢視、即時搜尋與迷你購物車。商品篩選、願望清單、規格色塊、多步驟結帳等功能要加裝 Botiga Pro 外掛,2026 年價格為 1 個網站 US$79/年(首年優惠 US$63)或 US$199 終身。要注意它的後台目前沒有繁體中文翻譯,購物車進階功能也要搭配傳統購物車頁才能完整使用。

選電商主題時,常見的兩難是:通用型主題什麼都能做,但商店功能要自己東拼西湊;功能齊全的電商付費主題又貴、又重。Botiga 走的是中間路線:它從一開始就只為 WooCommerce 設計,免費版就能開店,需要更多銷售功能再升級 Pro。這篇用一間示範商店實際安裝 Botiga 與 WooCommerce,說明它的免費版與 Pro 差異、2026 年價格、WooCommerce 相關設定、安裝與匯入範本的步驟,以及中文商店使用時要注意的地方。

Botiga 是誰做的?定位是什麼

Botiga 由 aThemes 開發,2021 年上架 WordPress.org 官方佈景主題目錄,目前啟用網站數超過 1 萬、評分約 4.9 顆星。aThemes 也是免費主題 Sydney 的開發者,目前與 WPBeginner 同屬 Syed Balkhi 經營的產品家族。

Botiga 的定位很明確:專為 WooCommerce 商店設計、主打載入速度與轉換率。官方網站的賣點幾乎都圍繞著商店,例如商品卡片樣式、商品相簿、購物車與結帳版面、迷你購物車,並公布了自家的測速結果。它是傳統佈景主題,設定集中在「外觀 → 自訂」,也提供自己的「Botiga」後台選單。

Botiga 免費版與 Botiga Pro 差在哪?2026 年價格與授權

Botiga Pro 是一個外掛,裝在免費的 Botiga 主題上解鎖進階功能,不需要更換主題。依 aThemes 官方網站(2026 年 10 月查詢),三個方案的 Pro 功能完全相同,差別在可用網站數:

方案可用網站數年繳原價首年優惠終身授權
免費版不限免費——
Personal1 個US$79US$63US$199
Professional10 個US$149US$119US$299
Agency100 個US$399US$319US$599

幾個細節要留意:

  • 首年優惠價續約會回到原價,官方頁面註明續約一律以原價計算。
  • 終身授權含 12 個月的客服支援,之後要延長支援是每年 US$49。
  • Agency 方案另外包含 Sydney Pro 與白牌(隱藏 Botiga 品牌)功能。
  • 購買後 14 天內可以申請全額退款。結帳時也可以加購同公司的 Merchant Pro 外掛,或買涵蓋多個產品的 All Access 方案,依需求選擇即可。
Botiga 免費版與 Botiga Pro 的功能差異,以及 Personal、Professional、Agency 三個方案的價格示意圖
Botiga 免費版與 Botiga Pro 的功能差異,以及 Personal、Professional、Agency 三個方案的價格示意圖

Botiga 的 WooCommerce 整合:免費版能做到哪些

商品列表(商店頁、分類頁)

免費版可以調整商品卡片樣式、元素排序、圓角與顏色,加入購物車按鈕與特價標籤的樣式,以及每列商品數。免費版也有快速檢視,顧客不用進商品頁就能看主要資訊並加入購物車;頁首搜尋則支援即時搜尋,輸入關鍵字就會列出商品。

單一商品頁

免費版提供 3 種商品相簿樣式,以及相關商品、最近瀏覽商品等推薦區塊。浮動加入購物車列、尺寸表、評論強化、商品影片、分頁籤樣式等則是 Pro 功能。

購物車、結帳與迷你購物車

購物車頁可以選擇總計放在右側或下方,結帳頁也有幾種基本版面;頁首的購物車圖示點開是下拉式迷你購物車。Pro 再加上側邊滑出的迷你購物車、浮動購物車圖示、加入購物車通知、免運進度條,以及多步驟結帳、Shopify 風格結帳與單頁結帳。

需要 Botiga Pro 才有的商店功能

  • 商品篩選器(分類、尺寸、顏色、品牌、價格等)與篩選欄位置
  • 願望清單、規格色塊、圖片滑過切換、規格相簿
  • 立即購買按鈕、數量步進控制、信任標章、購買理由清單
  • 商店頁頁首樣式、相關商品與加購商品輪播
  • 範本建構器(商店頁、商品頁、購物車、結帳、感謝頁等)、Mega Menu、彈出視窗

不打算升級 Pro 的話,篩選和願望清單也可以用外掛補上,例如YITH Ajax Product Filter 商品篩選器與YITH 願望清單外掛。

步驟一:安裝 Botiga 主題

  1. 先安裝並完成 WooCommerce 的基本設定(貨幣、商店地址等)。
  2. 到「外觀 → 佈景主題 → 安裝佈景主題」,搜尋「Botiga」,按「安裝」後再按「啟用」。
  3. 左側選單會出現「Botiga」,裡面有「Setup Checklist」(設定清單)與「Theme Dashboard」,Dashboard 分成 Home、Starter Sites、Settings、Free vs Pro 四個分頁。

其中「Free vs Pro」分頁會逐項列出免費版和 Pro 的功能差異,評估要不要升級時可以先看這一頁;「Settings」則可以開關各個功能模組。

步驟二:匯入範本網站(Starter Sites)

Botiga 的範本網站要透過免費的「aThemes Starter Sites」外掛匯入。在 Theme Dashboard 的「Starter Sites」分頁按「Let’s Get Started」,依提示安裝外掛後,就能看到所有範本。

Botiga 後台的 Starter Sites 分頁,只有 Beauty 範本標示 FREE 可以直接匯入,其他範本標示 PRO
Botiga 後台的 Starter Sites 分頁,只有 Beauty 範本標示 FREE 可以直接匯入,其他範本標示 PRO

從上圖可以看到,免費版只能匯入 1 個範本(Beauty),Apparel、Furniture 等其他範本都標示 PRO,要有 Botiga Pro 授權。匯入時可以選擇區塊編輯器(Gutenberg)或 Elementor 版本,範本會一併帶入首頁、示範商品與頁首頁尾設定。示範內容建議匯入在全新網站,不要在已經有商品和訂單的正式商店直接操作。

步驟三:在「外觀 → 自訂」調整商店設定

Botiga 在自訂畫面裡把設定分得很細:頁首、頁尾、字型、單一商品頁、商店彙整頁各自有獨立面板,WooCommerce 底下還有購物車、結帳、搜尋、商品圖片等區塊。下圖是「Cart」(購物車)設定,可以修改購物車頁版面與迷你購物車樣式,鎖頭圖示的選項代表要 Pro 才能使用。

Botiga 自訂畫面的購物車設定,提示購物車頁使用區塊時部分 Botiga 功能無法作用,下方有迷你購物車樣式選項
Botiga 自訂畫面的購物車設定,提示購物車頁使用區塊時部分 Botiga 功能無法作用,下方有迷你購物車樣式選項

這張圖也點出一個重要的細節:新安裝的 WooCommerce 購物車頁預設是「購物車區塊」,Botiga 在這裡直接提醒,要讓 Botiga 的購物車功能全部生效,必須把購物車頁改成傳統短代碼([woocommerce_cart])。如果購物車頁的版面設定改了卻沒反應,先檢查這一點。結帳頁也一樣,使用 Botiga 的結帳相關設定前,先確認結帳頁用的是區塊還是短代碼。

步驟四:到前台檢查商店頁與商品頁

下圖是只用 Botiga 免費版、沒有匯入範本的商店頁:頁首左側是選單、中間是商店名稱、右側有搜尋、會員與購物車圖示,商品卡片置中排列,視覺風格偏簡潔精品感。

Botiga 免費版的 WooCommerce 商店頁,頁首有搜尋、會員與購物車圖示,下方為四欄商品卡片與特價標籤
Botiga 免費版的 WooCommerce 商店頁,頁首有搜尋、會員與購物車圖示,下方為四欄商品卡片與特價標籤

商品標題、價格、加入購物車等文字來自 WooCommerce 本身,會顯示中文;但仔細看會發現特價標籤是英文的「SALE!」。這是因為 Botiga 目前在 WordPress.org 上沒有繁體中文翻譯,主題自己的字串(包含後台設定與部分前台文字)都會是英文。要改成中文,可以用 Loco Translate 這類翻譯外掛自行翻譯主題字串。

Botiga 跟 Elementor、區塊編輯器相容嗎?

相容。官方說明 Botiga 同時支援區塊編輯器與 Elementor,範本網站也都提供這兩種版本。首頁、品牌故事頁可以用 Elementor 做;商店頁、商品頁則建議交給 Botiga 的自訂設定,或使用 Pro 的範本建構器,避免同一頁被兩套系統同時控制。

速度與更新維護狀況

速度是 Botiga 最主要的賣點,官方網站公布了與其他電商主題的測速比較。實際速度仍取決於外掛數量、商品圖片大小與主機,主題只是其中一環,不過以免費主題來說,Botiga 的前台確實相當精簡。

維護方面,Botiga 在 2026 年 10 月初更新到 2.5.0 版,已測試支援 WordPress 7.1,更新記錄裡持續有 WooCommerce 區塊購物車、結帳相關的修正,維護狀況穩定。

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

適合:

  • 想要專門的電商主題,但預算有限、先從免費版開始的商店。
  • 商品數不多、走簡潔精品風的品牌,例如美妝、服飾、家居選物。
  • 重視速度,不想用功能龐大的多用途付費主題的人。

優點:

  • 從一開始就為 WooCommerce 設計,商店相關設定集中、好找。
  • 免費版就有快速檢視、即時搜尋、迷你購物車等常用功能。
  • Pro 內建篩選、願望清單、規格色塊與多種結帳版面,可以少裝好幾個外掛。
  • 有終身授權可選,更新頻繁。

缺點:

  • 沒有繁體中文翻譯,後台設定與部分前台文字是英文。
  • 免費版只有 1 個範本網站,其他範本都要 Pro。
  • 購物車相關功能要搭配傳統短代碼購物車頁,和 WooCommerce 新的區塊購物車不完全相容。
  • 首年優惠後續約回到原價,預算要用原價估算。

如果需要更多內建電商功能、也願意付費,可以比較 Flatsome 這類專門的電商付費主題。

常見問題

Botiga 免費版夠不夠開一間購物網站?

夠用。免費版已經有商品卡片樣式、快速檢視、即時搜尋、迷你購物車與購物車/結帳版面設定,商品不多的商店可以直接上線;篩選器、願望清單、規格色塊等需要時再升級 Pro 或改用外掛。

Botiga 有中文介面嗎?

目前沒有官方的繁體中文翻譯。WordPress 與 WooCommerce 本身的介面會是中文,但 Botiga 自己的設定項目與部分前台文字(例如特價標籤)是英文,需要中文可以用翻譯外掛自行補上。

為什麼 Botiga 的購物車設定改了沒反應?

最常見的原因是購物車頁使用了 WooCommerce 的購物車區塊。Botiga 的購物車功能需要傳統購物車,請到購物車頁把購物車區塊換成內容為 [woocommerce_cart] 的短代碼後,再清除快取檢查一次。

結語

Botiga 是少見從一開始就只為 WooCommerce 設計的免費主題:安裝主題、透過 aThemes Starter Sites 匯入範本、在自訂畫面調整商店與購物車設定,就能做出一間簡潔、速度快的商店。選用前要先接受兩件事:介面沒有中文翻譯,以及購物車功能需要傳統購物車頁。如果這兩點可以處理,先用免費版開店,等需要篩選、願望清單或多步驟結帳時再升級 Botiga Pro,記得用續約原價來估算長期成本。

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

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

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