把商品放上網站

概述

在「商店 › 商品」建立好商品後，您可以透過兩種方式讓訪客在公開網站上瀏覽並購買：

1. 在任何頁面加入「商店模組」（全方案皆支援）：把單一商品或商品列表直接嵌入首頁、活動落地頁（Landing Page）或部落格側欄。
2. 公開「商店系統頁」（專業版與商務版專屬）：為每件商品開啟專屬的獨立商品銷售頁（/product/...）、列出全店商品的商品主頁（/shop）與商品分類頁（/shop/category/...）。

---

4 種商品與價格模組怎麼選？

進入「編輯網站」點擊「新增模組」時，您會看到 4 個與商品或價格相關的模組。請依您的銷售情境挑選：

模組內的商品資料為唯讀預覽：「商品展示」與「方案選購」模組直接讀取商店後台的商品資料。在網站編輯器中點擊該模組時，面板只能調整標題層級（H1～H6）或切換綁定的商品；若要修改商品名稱、價格、規格或照片，請點擊面板右上角的「前往設定」回到商品後台編輯，儲存後所有頁面會自動同步。

---

將商品模組放到一般頁面的兩種方式

方式一：從商品列表一鍵加入頁面

1. 前往「商店 › 商品」。
2. 找到要上架的商品，點擊右側選單中的「加入頁面」。
3. 選擇目標頁面（如首頁）與模組類型，系統即會將該商品區塊加入頁面草稿。

方式二：在網站編輯器手動新增

1. 前往「編輯網站」，切換至您要放置商品的頁面。
2. 點擊左側欄的「新增模組」，切換至「商店」分類。
3. 點選「商品展示」、「方案選購」或「商品目錄」加入畫面，並在右側面板選擇要綁定的商品或分類。
4. 確認預覽畫面無誤後，點擊右上角「發布」。

為什麼商品模組在公開網站上沒顯示出來？ 若綁定的商品尚未上傳任何展示圖、所有規格皆設為下架，或商品已被封存，為了避免訪客看到殘缺區塊，公開網站會自動隱藏該模組，並在編輯器面板中顯示提醒。

---

認識商店 3 大系統頁（專業版與商務版）

在「編輯網站」點擊左側欄的「頁面管理」並切換至「商店」分頁，您會看到系統自動維護的三類商店專用頁面（這些系統頁皆不計入您的網站一般頁面數量上限）：

免費版與付費版在「商品目錄」的點擊體驗差異

• 專業版與商務版：訪客點擊「商品目錄」中的商品卡片時，會進入該商品的獨立商品銷售頁（/product/...），查看完整的多圖圖廊、長篇銷售介紹、購買資訊與買家評論。
• 免費版：由於免費版不開放公開獨立商品頁與商店主頁，訪客在首頁或一般頁面的「商品目錄」點擊商品卡片時，畫面會直接滑出「快速購買抽屜（Quick Buy）」，讓買家在同一個頁面內切換規格、查看摘要並直接結帳或加入購物車。

---

開啟獨立商品銷售頁與使用 AI 生成銷售長文

為了避免您剛建立、還沒整理好排版的新商品直接對外曝光，每件新商品的「商品銷售頁」預設皆為「隱藏」狀態：

1. 公開商品銷售頁：進入「編輯網站」 › 左側「頁面管理」 › 「商店」分頁，找到該商品並點擊右側的眼睛圖示切換為「顯示」，最後點擊右上角「發布」。
2. 用 AI 自動撰寫銷售長文：當您首次在編輯器點開某個尚未撰寫詳細介紹的商品銷售頁時，系統會主動詢問「這個銷售頁還沒有內容，要讓 AI 幫您寫嗎？」
   • 點擊「讓 AI 幫您寫」（扣除 2 點 AI 點數），AI 會根據您的商品名稱、簡介、規格定價與品牌記憶，自動生成一篇結構完整的 Markdown 銷售長文（約 300～2,500 字，包含痛點共鳴、核心賣點與常見問答）。
   • 生成後您可以隨時在編輯器中自由增刪文字、插入圖片或嵌入影片，也可在商品銷售頁的下方繼續新增 FAQ、客戶見證等其他模組。

---

商品頁自動整合的「購買資訊」區塊

在「商品展示」模組與獨立商品銷售頁的購買按鈕下方，系統會自動根據您的後台設定，即時推導並呈現「購買資訊」區塊，您完全不需要手動打字維護：

• 付款方式：自動列出您目前在結帳頁啟用的所有付款工具（如信用卡、Apple Pay、ATM、超商代碼、LINE Pay、街口支付等）。
• 配送方式與免運門檻（僅實體商品）：自動列出該商品勾選且已啟用的配送方式、各承運商的預估到貨天數（如 約 2-3 天），以及全店最低免運門檻（如 滿 NT$1,000 免運）。
• 交付與出貨時效：數位商品自動標示 付款後立即取得；實體商品則顯示您在「商店 › 設定 › 一般」設定的「出貨時效」（如 付款後 1-3 個工作天內出貨）。
• 電子發票：若您已在「網站設定 › 發票」啟用發票服務商，自動標示 付款完成後自動開立電子發票。
• 退換貨政策與購買須知：若您在編輯器「頁面管理 › 條款」已公開「退換貨政策」頁面，此處會自動附上查看連結；下方並自動串接「商店共通購買須知」與「商品專屬購買須知」。

相關文件