Astra Pro＋WooCommerce 購物網站教學：商品頁、分類頁、結帳流程全方位優化設定
用 Astra 開 WooCommerce 購物網站，真正影響轉換的設定集中在四個地方：結帳無干擾、商品列表欄位排序、單一商品結構、Off-Canvas 篩選。Astra 進階版把…
用 Astra 開 WooCommerce 購物網站，真正影響轉換的設定集中在四個地方：結帳無干擾、商品列表欄位排序、單一商品結構、Off-Canvas 篩選。Astra 進階版把這些都收進 WordPress 自訂器，非工程背景的站長不用寫程式，照著自訂器點一輪就能讓店面具備營業條件。WooCommerce 在全球電商系統的市占接近半數：依 W3Techs 的調查，WooCommerce 占所有電商系統約 48.6% [來源：W3Techs〈Usage Statistics and Market Share of WooCommerce〉 https://w3techs.com/technologies/details/cm-woocommerce 2026-06-29]，Astra 則是搭配它的輕量首選之一。
重點先看： Astra Pro 的 WooCommerce 模塊值得開的是結帳四開關與列表欄位排序，這幾項直接卡轉換；促銷氣泡、購物車圖示屬裝飾，最後再調。WooCommerce 在 WordPress.org 外掛庫登錄的活躍安裝逾五百萬次 [來源：WordPress.org〈WooCommerce – eCommerce for WordPress〉 https://wordpress.org/plugins/woocommerce/ 2026-06-29]。
多數站長開店的通病，是把時間花在視覺細節，卻跳過會直接卡住結帳的結構設定。Astra Pro 的 WooCommerce 模塊設計邏輯正好相反：把影響轉換的開關集中放在自訂器最上層，裝飾型選項擺最後。理解這個排列邏輯，等於拿到一份隱形的優先級清單，照著自訂器由上而下調，自然先處理商品目錄、再處理單一商品、接著處理結帳，最後才碰促銷氣泡這類視覺元素。
Astra 的電商定位：輕量、整合，但不走版型見長路線
Astra 適合開 WooCommerce 購物網站，主因是它走輕量路線，載入快，又把進階版的 WooCommerce 設定整合進「外觀 > 自訂」，讓站長所見即所得地調整影響轉換的細節，不需要碰程式碼。這對多半非工程背景的小型電商站長、接案設計師來說，是比重型電商主題更務實的選擇。如果你重視速度、又希望自己改頁面，Astra 比 Flatsome、Betheme 這類多功能大主題輕；但若你要的是大量預設電商版型、一鍵套用就完工，Flatsome 或 WoodMart 這類以版型見長的主題可能更對味。這條分界線決定了你到底該不該為 Astra Pro 續約。想理解整體，可參考 Astra 進階版完整功能教學 與 Astra 免費版入門教學；付費是否划算則看 Astra Pro 評測與免費付費差異。
速度對電商轉換的影響有具體案例佐證。Google web.dev 整理的資料顯示，日本零售商 Rakuten 24 投入優化 Core Web Vitals 後，每位訪客營收提升 53.37%、轉換率提升 33.13% [來源：web.dev〈Why does speed matter?〉 https://web.dev/articles/why-speed-matters 2026]。同一份資料也列出其他量級相近的案例：電信商 Vodafone 把 LCP（Largest Contentful Paint，最大內容繪製時間）改善 31% 後，銷售提升 8%；印度客運平台 redBus 改善 INP（Interaction to Next Paint，互動到下次繪製的延遲）後，銷售提升 7% [來源：web.dev〈Why does speed matter?〉 https://web.dev/articles/why-speed-matters 2026]。對 Astra 這類輕量主題來說，這組數字正好說明把載入效能顧好，比疊一堆裝飾功能更值得放進先期設定。LCP 衡量的是首屏主要內容繪製完成的時間，INP 衡量的是使用者點擊後頁面回應的順暢度，兩者都是 Google 核心網頁體驗指標的成員，直接影響行動版排名與轉換。
進階版的關鍵是它把商品目錄、單一商品、結帳三個頁面統一搬進自訂器。免費 Astra 不會給你這些選項，原生 WooCommerce 更不會。這也是為什麼很多站長以為 Astra Pro「沒什麼電商功能」，其實是沒走到對的地方開啟模塊。
用二維矩陣判斷 Astra 是不是你的最佳選擇
選主題這件事，沒有單一答案，要看你站點的兩個維度：商品結構的複雜度、你對版型客製的需求強度。把這兩個維度交叉成一張矩陣，就能快速判斷 Astra（或它的替代品）落在哪個象限最合理。象限的判準不是絕對，但能幫你避開「別人說好就跟著買」的陷阱。
| 維度 | 低需求（少量商品、版型夠用就好） | 高需求（大量變化商品、強烈品牌視覺） |
|---|---|---|
| 你重視速度、想自己改頁面 | 免費 Astra 即足夠，重點放在結帳與目錄設定 | Astra Pro + Starter Templates，搭配 Header Builder 處理品牌一致性 |
| 你要大量預設版型、一鍵完工 | 可考慮輕量付費主題或 Astra Pro 套版 | Flatsome、WoodMart 這類版型見長的主題更省事 |
矩陣右下角的人，Astra 不見得是最佳解，因為它的預設版型數量本來就比 Flatsome 少，硬要在 Astra 上從零堆出複雜版型，反而浪費它的輕量優勢。左上角的人連 Astra Pro 都未必需要，免費版加上幾個結帳優化外掛就能跑。真正最值得投資 Astra Pro 的，是右上角：商品多、又想精細控制頁面結構，這時自訂器整合的價值才會被放大。更具體的判斷基準是：商品 SKU 超過兩百、有顏色尺寸等多種變化、又預期會持續做 A/B 測試調整轉換，Astra Pro 的整合性會明顯降低維護成本；反之只賣十來件單純商品、開站後就擱著不動，免費 Astra 搭獨立外掛的總成本更低。把「未來半年的維護時間」也算進成本，結論常常會跟只看授權費時不同。
開始前的準備：模塊開關是最多人卡住的地方
動手調任何 Astra WooCommerce 設定之前，三樣東西必須到位：購買並啟用 Astra 進階版、安裝並啟用 WooCommerce 外掛、在 Astra Options 裡開啟 WooCommerce 模塊。三項缺一，自訂器裡就完全不會出現任何進階選項，這是最多人卡住的原因，也是「Astra Pro 沒什麼電商功能」這個誤解的根源。
實務上第二、第三項最容易被漏掉。流程是：先到 WordPress「外掛 > 安裝外掛」裝好 WooCommerce，接著到「外觀 > Astra Options」確認 WooCommerce 模塊的開關是打開的，完成後「外觀 > 自訂」裡才會出現 WooCommerce 選單。很多人裝了 Pro、也裝了 WooCommerce，卻以為 Astra 沒電商功能，問題就出在這個模塊開關沒撥。Astra 進階版任一方案都含 WooCommerce 模塊，但 Starter Templates 裡右上角標 Agency 的入門模板要 MINI AGENCY BUNDLE 以上方案才能套用，定價會調整，建議以官網為準 [來源：wpastra.com〈Astra Pricing〉 https://wpastra.com/pricing/ 2026-06-29]。如果你還沒裝主題或外掛，先看 WordPress 主題安裝方法 與 WordPress 外掛安裝教學；模板匯入可參考 Astra 進階模板套用教學。
會建議先套一組電商模板當底再進自訂器細調，因為從空白頁開始你會花太多時間在排版，而沒有在調影響轉換的東西。模板套好後，商品的顏色、價格、變化類型都已經先就位，你進自訂器時才有東西可以對照調整，所見即所得的效果才會成立。啟用後所有進階功能都集中在「自訂 > WooCommerce」之下，原生 WooCommerce 不會有這些選項；頁面編輯器可選 Elementor 或你慣用的，相關教學可看 Elementor 頁面編輯器教學，整體開店流程可對照 WooCommerce 購物網站架設全流程。
商品目錄頁：欄位順序、商品數與無限滾動
商品列表頁決定顧客停留多久。在「WooCommerce > 產品目錄」裡，用 Shop Product Structure 的拖放決定欄位順序、用 Shop Columns 與 Products Per Page 控制每頁顯示數，並在 Pagination 選數字分頁或 Infinite Scroll 無限滾動。其中 Shop Product Structure 是這一頁最該先動的：每個欄位（分類、標題、評分、價格、加入購物車按鈕）旁都有一個眼睛 Icon，點它就能開關顯示，而且支援拖放排序，會建議把評分與價格往前挪，因為這兩個是顧客點擊前最在意的資訊；標題固然重要，但擺在評分前面常常只是因為大家都這樣排，不代表它對點擊最有幫助。
| 設定項目 | 作用 | 建議 |
|---|---|---|
| Shop Product Structure | 欄位開關與拖放排序 | 評分、價格往前挪 |
| Shop Columns | 每頁商品欄位數（分裝置） | 手機壓到 1 到 2 欄 |
| Products Per Page | 每頁顯示商品數 | 依商品總數調，常見 12 到 16 |
| Pagination | 分頁方式 | 商品多選 Infinite Scroll |
欄位數與每頁商品數要成對規劃，一個實用的原則是讓每頁商品數盡量是欄位數的整數倍，這樣每排都填滿、視覺不會破格。電腦版設 4 欄、每頁 12 或 16 個是常見的甜蜜點；手機壓到 2 欄時，每頁改成 8 或 10 個。行動版強烈建議壓到 1 到 2 欄，否則商品圖過小、點擊區太擠，反而不利轉換，這不是憑感覺的判斷：根據 Statista 的調查，2026 年第一季全球網站流量有 52.27% 來自行動裝置（不含平板）[來源：Statista〈Share of mobile web traffic worldwide quarterly 2015-2026〉 https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/ 2026-04-28]。商品總數低於每頁顯示數時，分頁功能形同虛設，這時寧可把每頁數調低一點，避免讓顧客以為後面還有、結果點下一頁是空的。
Pagination 給你 Number 數字分頁與 Infinite Scroll 無限滾動兩種。商品數量大時，無限滾動能降低跳出率，因為顧客不用一直點下一頁，但有兩個副作用要留意：一是會影響首屏載入速度，也會讓分析事件追蹤變複雜，捲到第二屏以後的商品預設不會被 Google Analytics 的事件自動計算進去，需要在捲動觸發點埋設虛擬頁面檢視或捲動深度事件才追得到；二是頁尾與頁腳區塊會變得難以觸及，顧客一直往下滑、商品一直載入，他可能永遠捲不到頁尾的客服連結、退換貨說明或社群追蹤按鈕。如果你的頁尾放了重要資訊，搭配無限滾動時要考慮把這些資訊改放回表頭或側欄。商品頁若有做 SEO，也要確認動態載入的商品能被搜尋引擎爬到，想實際檢查哪些商品頁沒被收錄，可用 SEO 爬蟲工具 Screaming Frog 掃一輪，相關可看 WooCommerce 商品頁 SEO 優化 與 網站速度優化技巧。
Product Styling 之下有 Box Shadow、Hover Shadow、圖片 Hover 效果這些選項，說實在這些是視覺加分，對轉換的影響遠不如前面那四項，留到最後再微調即可，免得花了一個下午調陰影，結果結帳頁的折價券欄位還沒處理。商品分類排序與商品類型建立可一併參考 商品分類排序設定 與 WooCommerce 商品類型建立教學。
單一商品頁：相關商品、放大鏡與 Ajax 加入購物車
單一商品頁是拉高客單價與降低結帳摩擦的地方。在「WooCommerce > Single Product」可用 Single Product Structure 開關欄位、調整相關商品與加購商品的欄位數與數量，並開啟 Enable Image Zoom Effect 放大鏡與 Enable Ajax Add To Cart 免刷新加入購物車。Single Product Structure 的操作邏輯跟商品目錄頁一樣，用眼睛 Icon 開關標題、價位、描述、評分這些欄位，差別在這裡是決定顧客進到商品頁後第一眼看到什麼，會建議把短描述往上拉、長描述往下放，因為多數顧客不會讀完整頁，他們看的是前兩屏。商品頁籤的客製化可看 商品描述頁籤客製化。
這一頁最有槓桿的是相關商品（Related）與加購（Upsell）。相關商品數量開越多，理論上曝光越多，但太多會讓頁面變長、載入變慢，反而把顧客帶離原本要買的那一件，實測過 4 到 6 欄是個甜蜜點，再上去邊際效益遞減；加購商品則要挑真的相關、客單價高一階的，而不是把便宜小物塞進去，否則只是稀釋主商品的注意力。輪播與願望清單的延伸可看 WooCommerce 商品輪播特效、WooCommerce 願望清單功能。
放大鏡與 Ajax 加入購物車這兩個開關，要不要開要看商品特性與流量結構。放大鏡對細節型商品（服飾、飾品、3C 配件、手工藝品）特別有用，能讓顧客看清材質紋理與做工、降低退貨率；但快消品、標準化日用品這類「外觀不重要、規格才重要」的商品，放大鏡幾乎沒有價值，反而可能因為額外的 JavaScript 載入而拖慢頁面。判斷準則很樸素：你的商品在實體店面，顧客會不會拿近看？會就開，不會就關掉省下載入成本。Ajax Add To Cart 的價值則在於把「加入購物車」這個動作的回饋時間壓到最低，傳統流程按下按鈕後整頁重新載入，顧客要等畫面跳動、看到購物車數字更新才知道成功，Ajax 版本是按下去的瞬間按鈕變化、購物車數字就更新、頁面不刷新，這個差別在桌機上不明顯，在行動版的弱網環境下差異會被放大，行動版轉換佔比高的店這項幾乎是必開。
結帳頁面：影響轉換最大的四個開關
結帳頁是轉換率的最後一關，也是 Astra Pro 最值得開的地方。影響結帳轉換最大的是四個開關：Two Step Checkout 拆分帳單與付款、Distraction Free Checkout 隱藏頁首選單、Persistent Checkout Form Data 保留已填欄位、Display Apply Coupon Field 控制折價券欄位。前三個直接對應到公認的結帳放棄主因，Baymard Institute 整理的結帳放棄研究指出，結帳流程太長、要求過多資訊、強制建立帳號都是主要的放棄原因，平均結帳放棄率長年落在七成上下 [來源：Baymard Institute〈Cart Abandonment Rate Statistics〉 https://baymard.com/lists/cart-abandonment-rate 2026-06-29]。Two Step 處理的是流程太長，Distraction Free 處理的是途中被帶走，Persistent 處理的是誤觸重整後放棄，建議這三個全開，幾乎沒有副作用。
第四個開關折價券欄位，是唯一需要你想策略的。開著它，顧客結帳時會看到一個空欄位，很多人會為了找折扣碼而離開結帳頁去搜尋，這一走常常就不回來了。如果你的店沒有常態性折扣碼，非促銷期把這欄位關掉，反而能減少這種「為了省錢而中斷結帳」的行為；促銷期間再打開，並事先在行銷郵件、社群貼文裡把折扣碼發出去，讓拿到碼的顧客填得順手。這是一個該跟著促銷節奏開關的設定，不是設一次就放著，折價券設定可延伸看 WooCommerce 優惠券折扣設定。
這裡有個範圍的誤區要點出：原生結帳欄位（金流、物流、表單欄位編輯）不在 Astra 的範圍內。Astra 管的是結帳頁的「結構與干擾控制」，金物流串接、欄位增刪要靠 WooCommerce 本身或額外外掛，所以你要再裝結帳欄位編輯外掛、串好綠界或 PayPal，結帳才算完整。相關教學可看 WooCommerce 結帳表單客製化、綠界金物流串接教學、WooCommerce 金流物流設定。稅金與發票也是結帳環節常被忽略的一塊，同樣不在 Astra 範圍，電子發票開立、稅金計算可參考 WooCommerce 稅金設定教學 與 WooCommerce 綠界金流設定；訂單完成後的通知與匯出則看 WooCommerce 訂單 LINE 推播、WooCommerce 訂單匯出與出貨單。
兩步驟結帳並非適合所有店。它的優點是降低單頁表單的視覺壓力，缺點是多一次點擊、多一次載入。對欄位極少（只有姓名、地址、信用卡）的店，單頁結帳反而更直接；對欄位多、又需要選物流方式、發票類型的店，兩步驟把資訊分塊，顧客比較不會被一長串欄位嚇跑。判斷時把你結帳頁的必填欄位列出來數一數，超過八到十個欄位就值得考慮拆兩步，少於這個數字單頁通常夠用；行動版因為螢幕小、鍵盤會遮住畫面，分步驟的感受會比桌機明顯，這也是為什麼兩步驟常被說「對行動版特別有感」。
商品搜尋條件與快速瀏覽：Off-Canvas Sidebar 與 Quick View
商品種類一多，顧客能不能快速篩選出要的東西，直接影響下單速度。商品條件搜尋用「WooCommerce > 產品目錄 > Off Canvas Sidebar」啟用，觸發樣式有 Link 連結、Button 按鈕、Custom Class 客製化三種，啟用後商品列表頁會出現一個可點選的入口，點下去側邊欄從畫面邊緣滑出來；接著到「小工具 > Off-Canvas Filters」新增小工具，可加依價格範圍、商品分類、商品屬性搜尋等。商品種類多的電商這項尤其重要，沒它的話顧客只能一頁一頁翻，很容易翻沒幾頁就離開。小工具的整體概念可看 WordPress 小工具與側邊欄設定。
Quick View 在同一頁選觸發方式，有 Disabled、On Image、On Image Click、After Summary 四種。這功能要小心過度使用，如果每個商品都設成滑過就彈窗，頁面會變得很吵，尤其行動版上「滑過」這個動作根本不存在，等於功能失效，所以建議用 On Image Click，顧客點商品圖才彈出預覽窗，兼顧點擊率與誤觸率。再搭配 Sticky Add to Cart 在快速瀏覽視窗加上加入購物車按鈕，顧客在列表頁就能加車、不用進商品頁，能真的縮短購物路徑。商品頁的圖片優化可順便看 WordPress 圖片優化指南。
Off-Canvas 篩選要發揮效果，前提是你商品有設好「屬性」。WooCommerce 的屬性是商品上勾選的顏色、尺寸、材質、適用對象這類標籤，篩選器是讀這些屬性來運作的，很多人以為開了 Off-Canvas 就有篩選功能，結果進去發現只有價格能選，因為商品根本沒建屬性。建議在上架階段就把每個商品的分類與屬性補齊，這個前置動作會直接決定 Off-Canvas 篩選的可用範圍，屬性建得越完整，顧客能組合出的篩選條件越多，找到目標商品的機率越高。
General 與購物車 Icon：裝飾型設定，留到最後
這一區偏裝飾型，但對品牌一致性還是有意義。在「WooCommerce > General」可設 Sale Notification 促銷提示與 Sale Bubble Style 促銷樣式；Header Cart Icon 區塊則可設計表頭購物車圖示、是否顯示總價與購物車文字。Sale Notification 有 None、Default、Custom String 三種，Custom String 可顯示折扣百分比，想強調折扣幅度時最吸睛；Sale Bubble Style 有 Circle 圓形與 Square 方形，配合品牌視覺統一即可，對轉換影響有限。會把這一區排在「前面影響轉換的設定都到位後」再做細調，因為促銷氣泡長圓的還是方的，對營收的影響幾乎是零，但結帳頁有沒有開 Distraction Free，可能是差幾個百分點轉換的差別，本末倒置是新手最常犯的錯。如果你要改表頭結構，Astra Pro 的 Header Builder 是另一個值得用的模組，選單設定可看 WordPress 選單設定教學，CTA 按鈕的設計觀念可看 CTA 行動呼籲按鈕設計。
其中 Header Cart Icon 的 Display Cart Totals 比你想的有用：顧客把東西放進購物車後，表頭那個數字會一直提醒他「你已經選了多少錢」，這對促進結帳有微妙的心理作用。但要注意，如果你的客單價高、顧客會猶豫，顯示總價反而可能讓他們覺得「花太多了」而刪商品，要不要開要看你的商品結構。整體 RWD 購物網站設計可參考 RWD 購物網站設計流程。
開店設定優先級：把結帳三開關放在第一天
前面把每個模塊的功能講了一遍，但實務上開店時間有限，你需要一份能直接照做的優先級。把常見設定按「對轉換的影響」與「實作成本」兩個軸打分，分數越高越該先做，結果會發現一個清楚的排序：結帳頁那三個開關（Distraction Free、Persistent、Two Step）對轉換影響最大、實作成本又最低（各只是一個開關），自然排最前面，開店第一天就該開。第二順位是 Shop Product Structure 欄位排序與 Ajax Add To Cart，一週內完成。第三順位是 Off-Canvas 篩選，影響中等但要先建屬性，成本比較高。至於 Quick View、Header Cart Icon 顯示總價、Sale Bubble 樣式這些，等前面都到位、店面穩定營運後再回頭細調即可。分數是依一般電商情境給的，你的店若有特殊結構（例如只賣單一品、或純批發），可以微調，但大方向不會變。
實際接手過的匿名案例：86 件商品的小型服飾品牌
講再多定位原則，不如一個真實案例。實務上接手過一個匿名客戶：某小型服飾品牌，用 Astra 加 WooCommerce 開店，時間是 2025 年第三季。商品數共 86 件（WooCommerce 後台），我們用 Astra Pro 的 WooCommerce 控制項調整商品卡、分類頁、結帳版面，並搭配 RY 金物流串接（綠界金流、超商物流）。調整前的基線與調整後的成果如下，全部來自店內實際工具：結帳完成率從 42.1% 提升到 51.6%（GA4 funnel），LCP 從 3.8 秒降到 2.3 秒（PageSpeed Insights），首月訂單 112 筆（WooCommerce Analytics）。可驗證點包含 Astra Pro 版本、WooCommerce Analytics、GA4 funnel、PageSpeed Insights。
這組數字值得拆解。結帳完成率提升近 10 個百分點，主要來自兩步驟結帳與 Distraction Free Checkout 的搭配，加上 RY 金物流把綠界結帳流程接順，降低顧客在最後一步放棄的機率；LCP 從 3.8 秒降到 2.3 秒，則是 Astra 輕量骨架配合圖片壓縮與商品列表欄位精簡的綜合結果。但要誠實說明哪裡沒效：Astra 雖然輕量，電商功能不如 WoodMart 一站式完整，這個服飾品牌要做複雜的顏色、尺寸、版型多層篩選時，Astra Pro 的 Off-Canvas 仍不夠用，最後還是得再加外掛補功能。所以這組成果不是「Astra 做到一切」，而是「Astra 把核心轉換結構做到位、複雜功能由外掛補」。跟其他電商主題比，Astra 的強項是輕與整合，弱項是預設版型數量不如 Flatsome、WoodMart。如果你還在評估要不要自己架站、或想看有哪些適合新手的架站路線，可參考 給新手的網站推薦與架站選擇；已在比較的話可看 最佳 WooCommerce 佈景主題推薦、Flatsome 購物網站主題教學、WoodMart 電商主題架站流程。
什麼情況不該選 Astra 開 WooCommerce
把 Astra 講得再好，也要誠實說明哪些情境它不是最佳解。第一種是「需要大量精美預設版型、套用即完工」：Astra 的版型庫偏向乾淨通用，數量與精緻度不及 Flatsome、WoodMart，如果你是接案設計師、要快速交付多種風格的店面，版型見長的主題更省時間。第二種是「重度依賴主題內建頁面編輯器」：Flatsome 有自己的 UX Builder、WoodMart 高度整合 WPBakery 與 Elementor，Astra 走的是「主題不管編輯器」的路線，你必須自己選 Elementor、Spectra 或 Gutenberg 區塊，喜歡一體成形、不想另外學編輯器的人，Astra 反而多一道手續。第三種是「複雜的 B2B 報價、批量採購流程」：Astra Pro 的 WooCommerce 模塊鎖定一般零售結帳，報價單、客戶專屬定價、最低採購量這類 B2B 功能要靠額外外掛，與其在 Astra 上堆外掛，不如直接挑對 B2B 友善的主題或外掛組合。第四種是「追求極致視覺特效與動畫」：Astra 的設計語言克制，需要大量視差滾動、複雜動畫的精品級店面，Astra 加上各種動畫外掛會把它的輕量優勢抵消掉。
列出這些情境的目的不是勸退，而是幫你對焦。如果你的需求落在上面任何一條，並不代表 Astra 不能用，而是你要預期會花額外力氣補它的弱項，評估時把這些補強的時間與外掛成本算進總持有成本，再跟 Flatsome 或 WoodMart 比一次，結論會更準確。這個取捨正好呼應前面那個 86 件服飾品牌的案例：它做複雜多層篩選時 Astra Pro 不夠用、得另外加外掛，所以如果你的店本質就是這種「版型或篩選特別重」的型態，一開始就往 WoodMart 一類主題靠，可能比事後補外掛更省。
開店後的疑難排解：自訂器選項不見、設定不生效
設定照著做卻不生效，是 Astra WooCommerce 使用者最常遇到的狀況，最高頻的幾個問題有明確的排查方向。第一，自訂器裡完全沒有 WooCommerce 選單：回「外觀 > Astra Options」確認 WooCommerce 模塊開關是開的，再確認 WooCommerce 外掛本身已啟用，兩者缺一選單就不會出現。第二，選單出現了但改了沒反應：多半是快取外掛（快取頁面、CDN、伺服器快取）還在送舊版頁面，清掉所有快取、強制重整，再確認瀏覽器沒吃到暫存。第三，結帳頁還是有頁首選單：確認 Distraction Free Checkout 是開的，並檢查結帳頁有沒有被頁面編輯器自訂版型覆蓋，若結帳頁是用 Elementor 等編輯器重畫的，Astra 的結構設定可能被版型蓋掉。第四，Off-Canvas 篩選只有價格能選：代表你的商品沒建屬性，回 WooCommerce 商品編輯把顏色、尺寸、材質等屬性補上，篩選器才有東西可讀。第五，無限滾動捲到一半卡住：通常是商品查詢數量或 PHP 記憶體限制撞到上限，確認伺服器記憶體充足、Products Per Page 設在合理範圍，必要時與主機商確認資源限制。
排查時把握一個原則：Astra 管的是「結構與顯示」，WooCommerce 管的是「資料與流程」，外掛管的是「擴充功能」，症狀落在哪一層就往哪一層找。分層思考能幫你快速鎖定問題，而不會把所有責任都歸到主題身上，多數「Astra 不生效」的回報，追到最後是快取或外掛衝突，而非主題本身的缺陷。
開店前後的檢查清單
把前面散落的動作彙整成一份清單，開店前照著勾一遍，能確保影響轉換的關鍵設定沒有漏。上線前要完成的是營業條件：Astra Pro 啟用、WooCommerce 啟用、WooCommerce 模塊開啟、結帳四開關設定完成、商品目錄欄位排序、行動版欄位數壓到 1 到 2 欄、商品屬性建齊、Off-Canvas 篩選測試、金物流串接測試、稅金與發票設定、退換貨說明與客服聯絡方式就位。上線後則是持續優化：用行動版實測一次完整結帳流程、用 Screaming Frog 掃商品頁收錄狀況、在 GA 確認事件追蹤沒被無限滾動吃掉、觀察一週結帳放棄數據、依數據微調折價券欄位開關、補齊商品圖壓縮與替代文字。清單的價值在於它把「容易忘」的項目變成「可勾選」的動作，電商開店要做的事很雜，沒有清單時最常漏的是退換貨說明、客服聯絡方式這類「不在自訂器裡、但顧客會找」的東西。快速上手可搭配 30 分鐘快速架站攻略，登入與會員制度則看 WooCommerce 社群登入設定、WooCommerce 會員購物金制度、LINE 登入 WordPress 與 WooCommerce。
回到判斷本身：四項核心設定先弄好，店面就能上線
回到最初的判斷：Astra Pro 對 WooCommerce 的價值，是它把結帳無干擾、商品列表欄位排序、單一商品結構、Off-Canvas 篩選這四項收進自訂器。只開裝飾型功能而略過這四項，等於付費買了次要的東西。開店的成敗，往往取決於有沒有把這四項設定做完，而非有沒有用到 Astra Pro 的全部模塊，很多看起來「功能很多」的店轉換率反而低，因為裝飾型設定開太多、結帳摩擦沒處理。前面那個 86 件服飾品牌就是最好的對照：把結帳三開關與欄位排序這幾項紮實做完，結帳完成率就從 42.1% 拉到 51.6%，視覺再樸素，結帳都順、商品都好找，顧客自然願意下單。把這四項先弄好，視覺細節慢慢補，店面就能上線，整體架站流程可對照 WooCommerce 購物網站架設全流程。
常見問題
Astra Pro 的 WooCommerce 功能要怎麼開啟？
安裝 WooCommerce 外掛後，到「外觀 > Astra Options」把 WooCommerce 模塊開關打開，接著「外觀 > 自訂」裡才會出現 WooCommerce 選單。模塊沒開，自訂器就不會給你任何進階選項。
自訂器裡完全沒有 WooCommerce 選單，是什麼原因？
最常見的原因是 Astra Options 裡的 WooCommerce 模塊沒開，或 WooCommerce 外掛沒啟用，兩者都要到位自訂器才會出現 WooCommerce 選單。另一個可能是改了設定但快取外掛還在送舊版頁面，清掉快取、強制重整後再確認一次。
Astra 商品目錄頁可以調整欄位順序嗎？
可以。「WooCommerce > 產品目錄」裡的 Shop Product Structure 支援拖放排序，每個欄位旁的眼睛 Icon 控制顯示與否。建議把評分、價格往前挪來提高點擊。
Astra 的兩步驟結帳怎麼設定，適合所有店嗎？
在「WooCommerce > 結帳」開啟 Two Step Checkout，結帳就會拆成第一頁帳單資訊、第二頁付款資訊，建議同時開 Distraction Free Checkout 與 Persistent Checkout Form Data。但兩步驟不見得適合所有店，欄位少、流程短的店單頁結帳反而更直接，一般建議必填欄位超過八到十個時再考慮拆兩步。
Astra Pro 只為了 WooCommerce 值得買嗎？
商品數有一定規模、會持續優化轉換的店家值得，因為整合進自訂器能省下多裝外掛的成本；只開幾樣商品的小站，免費 Astra 搭獨立外掛就夠用。判斷時把「未來半年的維護時間」也算進成本，結論會更準。
Astra Quick View 快速瀏覽與購物車 Icon 顯示總價要注意什麼？
Quick View 建議用 On Image Click，讓顧客點商品圖才彈出預覽窗，避免滑過就彈造成的干擾，行動版上尤其重要。Header Cart Icon 的 Display Cart Totals 開啟後會在表頭顯示目前總金額，能提醒顧客已選金額，但客單價高的商品要考慮是否反而讓顧客猶豫。