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