模組類型完全指南
概述
Kanorio 目前提供 38 種模組，分成 20 種內容模組、2 種商店模組與 16 種整合模組。模組清單會隨產品更新增加或調整；建立網站時，請以編輯器「模組」面板中實際顯示的選項為準。
選擇模組時，先想清楚「訪客看到這一段後，應該理解什麼或做什麼」。若目的是說明服務，選圖文或卡片；若目的是讓訪客填資料，選表單整合；若目的是直接販售，再選商店模組。
怎麼選模組
- 在編輯器開啟「模組」。
- 先選「內容」、「商店」或「整合」分類。
- 查看卡片預覽與用途說明，再加入目前頁面。
- 點選預覽中的模組，填入自己的文字、圖片、按鈕或第三方連結。
頁首與頁尾雖然也是模組，但它們是網站固定的上、下框架，請從「排版」面板新增或設定，而不是在一般新增模組清單中尋找。
內容模組
內容模組用來介紹品牌、服務、作品與資訊。除了頁首與頁尾外，多數可直接在「模組」→「內容」中新增。
| 模組 | 白話用途 |
|---|---|
| 頁首 | 網站最上方的導覽列；放 Logo、頁面連結和一個主要按鈕。 |
| 頁尾 | 網站最下方的共用資訊；可放聯絡方式、社群、導覽與法律連結。 |
| 頁面主視覺 | 頁面一打開最先看到的封面區；適合一句主張、簡短介紹與品牌 Logo。 |
| 圖文並排 | 一張圖搭配一段完整說明；適合品牌故事、服務流程或特色。 |
| 多張圖片輪播 | 讓多張作品或照片依序滑動；適合精選案例與活動照片。 |
| 圖文小卡輪播 | 多張帶圖片與短說明的卡片可橫向瀏覽；適合多項服務。 |
| 媒體部落格連結 | 將外部文章、媒體報導或品牌連結整理成清單。 |
| 多張圖片畫廊 | 以網格展示多張圖片；適合作品集、空間照與活動紀錄。 |
| 圖文小卡畫廊 | 圖片、標題與簡介組成的卡片網格；適合服務、案例與產品特色。 |
| 文字小卡畫廊 | 不用圖片也能呈現多個重點；適合流程、優勢、團隊角色或服務內容。 |
| 方案展示 | 把不同方案、價格與特色並列比較；適合先讓訪客理解選項。 |
| 文章列表 | 自動列出網站已發布的部落格文章；可調整來源、欄數與排序。 |
| 長文內容 | 需要較長說明時使用；可加入 Markdown 內容與目錄。 |
| 標語呼籲 | 用一句醒目的話建立情緒或強調品牌主張。 |
| 倒數計時 | 顯示活動、優惠或報名截止時間；請確認結束日期正確。 |
| 關鍵指標 | 以數字說明成果，例如服務客戶數、年資或滿意度。 |
| 里程碑 | 依時間呈現品牌發展、專案進度或重要歷程。 |
| 常見問題 | 把重複被問到的問題收合呈現，減少訪客離開網站找答案。 |
| 滿版大圖 | 讓圖片佔滿寬度，可在圖上加標題、說明與按鈕。 |
| 外送服務 | 呈現配送範圍、運費與免運門檻；適合提供外送的店家。 |
選擇內容模組的小建議
- 要講完整故事：使用「圖文並排」或「長文內容」。
- 要讓資訊容易掃讀：使用「圖文小卡畫廊」、「文字小卡畫廊」或「關鍵指標」。
- 要建立信任：使用「常見問題」、「里程碑」和真實作品圖片。
- 要做活動頁：使用「頁面主視覺」加上「倒數計時」與「常見問題」。
商店模組
商店模組適合已設定商品和收款流程的網站。它們不只是展示價格，還會將訪客帶往商品選擇與結帳流程。
| 模組 | 白話用途 |
|---|---|
| 多方案細節比較 | 顯示同一商品的不同方案、特色與可選條件，適合服務方案或可報價項目。 |
| 多張產品圖片展示 | 以多張圖片、重點與方案呈現一項商品，適合需要先看細節再購買的商品。 |
若您只是想比較服務內容、不需要結帳，可先用「方案展示」。若您要真的出售商品，請先完成網路商店的商品與收款設定。
整合模組
整合模組會把您在其他平台的公開內容或預約工具放進網站。它們不是追蹤碼；追蹤碼在背景記錄數據，整合模組則直接讓訪客看到內容或完成互動。
社群與作品
| 模組 | 白話用途 |
|---|---|
| 顯示公開的 Pinterest 個人檔案或圖板，適合靈感、商品或作品整理。 | |
| Behance 作品 | 將設計專案整理成作品展示，適合設計師與創意工作者。 |
| 顯示公開的 Instagram 貼文或 Reels，適合日常作品與品牌動態。 | |
| Threads | 顯示公開的 Threads 貼文，適合短文字觀點與社群討論。 |
| TikTok 影片 | 顯示公開的短影片，適合教學、活動花絮與產品示範。 |
| Discord | 顯示社群邀請資訊，引導訪客加入 Discord 伺服器。 |
影片、音樂與 Podcast
| 模組 | 白話用途 |
|---|---|
| YouTube 影片 | 顯示公開影片或播放清單，適合教學、訪談與品牌影片。 |
| Spotify | 嵌入音樂、專輯、歌單或 Podcast，適合音樂人與節目經營者。 |
| Apple Music | 顯示 Apple Music 的單曲、專輯或歌單。 |
| Apple Podcast | 顯示 Apple Podcast 的節目或單集。 |
表單與預約
| 模組 | 白話用途 |
|---|---|
| SurveyCake 問卷 | 在網站內顯示 SurveyCake 問卷，適合調查、報名與蒐集意見。 |
| Google 表單 | 在網站內顯示 Google Forms，適合簡單詢問與報名。 |
| Typeform | 在網站內顯示 Typeform，適合重視填答體驗的問卷或申請表。 |
| Calendly | 讓訪客直接選擇可預約時段，適合顧問、諮詢與服務預約。 |
設計與在地資訊
| 模組 | 白話用途 |
|---|---|
| Figma | 顯示公開的設計稿、FigJam 白板、原型或簡報，適合設計提案與作品展示。 |
| Google Business Profile | 呈現據點、地址、電話、營業時間與地圖相關資訊，適合有實體服務地點的品牌。 |
整合模組的共同準備
- 先確認第三方內容是公開的，而且平台允許嵌入或分享。
- 在該平台複製公開內容網址、識別碼或邀請連結。
- 到「模組」→「整合」選擇平台，依欄位提示貼上資料。
- 用預覽和公開網站測試；部分平台會因登入狀態、隱私設定或瀏覽器阻擋而無法在預覽中完全顯示。
小技巧
- 首頁通常使用 4 至 7 個有目的的模組就足夠；不要為了看起來豐富而堆滿內容。
- 同一頁只保留一個主要行動，例如預約、購買或聯絡，按鈕文字也要一致。
- 將影片、表單與外部內容放在相關說明文字後面，先讓訪客知道為什麼要互動。
- 第三方平台內容無法顯示時，先確認該貼文、影片或表單本身是否設定為公開。
常見問題
先在模組面板搜尋用途或平台名稱。若仍找不到，使用最接近的內容模組組合，例如用圖文小卡介紹服務、用外部連結帶訪客到其他工具；不要假設所有第三方服務都能任意嵌入。
支援 AI 的模組會在建立或編輯流程中顯示 AI 協助入口。整合、頁首、頁尾與依賴外部資料的模組通常需要手動設定。
整合模組讓訪客看見或使用外部內容，例如影片、表單與預約。第三方追蹤則在背景記錄廣告或流量資料，例如 Google Tag Manager、GA4 或 Meta Pixel。
可以，但每次都應有不同目的。例如一個圖文模組說明服務，另一個圖文模組說明流程。不要重複貼上相同文案與圖片。
請先完成網路商店中的商品建立與收款設定，並確認您正在編輯正確網站。商店模組需要網站內已有可用商品資料。