建立商品後，還需要把它放到公開頁面，訪客才能看到並購買。Kanorio 編輯器提供三種電商模組，都連結您在「商店 → 商品」建立的資料，讓訪客進入真正的結帳流程。
| 模組名稱 | 適合情境 |
|---|---|
| 方案選購 | 單一商品的多個方案、價格與購買按鈕（最常用的銷售區塊） |
| 商品展示 | 以卡片或重點版面介紹商品，再引導購買 |
| 商品目錄 | 一次列出多個商品，方便訪客瀏覽後選購；所有方案皆可使用 |
三者都不是單純的靜態價目表；實際金額與可購買狀態仍由商品管理頁決定。
商品目錄會以卡片列出多個商品。訪客點選卡片後：
獨立商品頁與商店主頁是 Kanorio Pro 與 Business 的功能。免費版可使用商品目錄與快速購買面板完成銷售；若您需要每件商品有專屬網址與更完整的商品頁內容，請使用 Pro 或 Business。
這是建立第一個商品時最快的方式。
若商品已經建立，或您想在另一個頁面再次展示它，請使用這個方式。
| 設定 | 白話說明 |
|---|---|
| 商品 | 選擇此區塊要賣哪一個（或哪些）商品 |
| 顯示方式 | 依模組類型用卡片、列表或其他版面呈現 |
| 標題與介紹 | 在方案或商品前補充銷售文案或購買理由 |
| 按鈕文字 | 把預設購買按鈕改成更符合情境的文字 |
| 自訂金額 | 商品允許自由輸入金額時，決定是否顯示此選項 |
商品名稱、價格和可購買狀態仍由「商店 → 商品」管理。若您只在頁面中改了介紹文字，不會改變實際結帳金額。
若您在「商店 → 促銷」啟用了自動促銷，電商模組會自動顯示促銷標籤與折後價；您不需要在模組裡另外設定折扣文案。詳見。
請讓買家在按下購買前清楚看到商品內容、交付方式、退款規則與客服聯絡方法。
當公開頁面含有電商模組且商品資料完整時，Kanorio 會建立產品與價格的結構化資料。結構化資料是給搜尋引擎讀取的標準格式，有助於搜尋引擎理解這是一個商品與其售價；它不保證搜尋結果一定顯示商品摘要。
請先到「商店 → 商品」建立並儲存商品，並確認您正在編輯同一個網站。商品未建立、已刪除或不屬於目前網站時，都不會出現在選單中。
可以。同一商品可放在首頁、銷售頁或其他合適頁面；所有區塊會讀取同一份商品價格與購買狀態。
因為實際金額由商品方案管理。請到「商店 → 商品」修改方案價格，不要只修改頁面文案。
訪客會看到目前不可購買的狀態。建議您同步移除模組，或把它改成另一個上架中的商品。
編輯器的變更會先存在草稿中。完成調整後請發布網站，公開訪客才會看到最新版。
可以。免費版、Pro 與 Business 都能使用商品目錄。訪客點選卡片後，若沒有公開的獨立商品頁，會開啟快速購買面板進入結帳；獨立商品頁與商店主頁則為 Pro 與 Business 功能。
