Kanorio 目前在編輯器的「模組」面板中提供 40 種模組，涵蓋內容介紹、網上商店與 17 種主流外部平台嵌入。
| 模組名稱 | 白話用途 | 可選版型與特色設定 |
|---|---|---|
| 頁面主視覺 | 頁面最上方的首屏封面（Hero），傳達核心主張與主行動按鈕。 | 3 種版型（橫幅＋名片、左右分割、滿版疊字）；支援橫幅高度（精簡／標準／高挑）、品牌標誌大小、品牌關聯網址逐條勾選、重點清單與小數據。 |
| 滿版大圖 | 讓高畫質照片橫跨整個畫面，文字與按鈕直接疊在圖片上。 | 9 宮格文字位置與文字底板切換；可與「頁面主視覺」「圖文並排」一鍵無損轉換版型。 |
| 多張圖片畫廊 | 以網格或瀑布流展示多張作品、空間照或活動紀錄。 | 圖片比例選「原始」為瀑布流（Masonry），選 1:1 / 4:3 / 3:4 / 16:9 為整齊等高網格；支援點擊放大燈箱（Lightbox）與單張圖片寬度控制。 |
| 多張圖片輪播 | 讓多張照片橫向滑動瀏覽，節省頁面垂直空間。 | 支援自動播放、圖片尺寸與高度模式切換。 |
| 模組名稱 | 白話用途 | 可選版型與特色設定 |
|---|---|---|
| 圖文並排 | 一張圖搭配一段完整說明，適合品牌故事、主打服務或創辦人介紹。 | 圖片在左／圖片在右對調、圖片大小與 5 種長寬比例；支援展開「＋重點清單（打勾列表）」與「＋小數據」。 |
| 圖文小卡畫廊 | 最萬用的服務、案例與特色介紹網格。 | 3 種網格（等寬網格、首卡放大 Bento、橫列清單）× 4 種卡片風格（立體陰影、細框、微底色、極簡無框）；單卡可放照片或圖示、徽章、重點清單、獨立按鈕與 3/5 行內文收合。 |
| 圖文小卡輪播 | 將多張圖文小卡改為橫向滑動瀏覽。 | 支援 4 種卡片風格、單卡徽章、重點清單與按鈕；可與圖文／文字小卡畫廊一鍵互轉。 |
| 標語呼籲 | 用一句醒目主張搭配行動按鈕，放在段落間或頁尾前促成轉換。 | 支援置中或靠左排版、前導小標、重點清單與小數據。 |
| 多媒體內容 | 直接上傳並播放影片、音訊、網上翻頁 PDF 或提供檔案下載卡（Word／Excel／PPT／EPUB／ZIP）。 | 內建倍速與子母畫面播放器、PDF 閱讀器（詳見）；單一項目時可調顯示寬度（緊湊／標準／寬幅）。 |
| 模組名稱 | 白話用途 | 可選版型與特色設定 |
|---|---|---|
| 文字小卡畫廊 | 不需要照片也能清楚列出服務特點、優勢、計劃比較或步驟。 | 與「圖文小卡畫廊」共用 3 種網格、4 種卡片風格，且每張卡片同樣可加圖示、徽章、打勾重點清單與獨立按鈕。 |
| 長文內容 | 適合需要完整排版的長篇說明、章程或教學。 | 支援雙層標題結構與自動生成側邊／頂部章節目錄（TOC）。 |
| 文章列表 | 自動抓取並展示網站已發佈的帖文。 | 4 種版型（等寬網格、首篇置頂放大、左文右圖橫列、無圖純文字公告欄）；可篩選特定分類／標籤，並在底部放「查看全部文章」按鈕。 |
| 模組名稱 | 白話用途 | 可選版型與特色設定 |
|---|---|---|
| 常見問題（FAQ） | 整理顧客最常問的問題，減少重複客服詢問。 | • 3 種版型：單欄手風琴（預設）、電腦版雙欄手風琴、免點擊全展開問答網格 |
| 計劃展示 | 並列比較不同服務計劃、價格與包含項目（純資訊展示，不進結帳）。 | • 支援主推計劃高亮標籤、打勾清單、單計劃按鈕與模組級按鈕 |
| 關鍵指標 | 用大數字展示實績（如「服務 500+ 品牌」「99.8% 好評」）。 | • 2 種呈現：獨立卡片網格（預設）、無框垂直分隔線「極簡數據橫帶」 |
| 里程碑 | 呈現品牌發展歷史、活動時程或服務 4 步驟流程。 | • 3 種版型：垂直時間軸（預設）、電腦版橫向步驟流程（1 → 2 → 3）、中央軸線左右交錯 |
| 倒數計時 | 顯示活動開跑、早鳥優惠或報名截止的即時倒數。 | • 支援自訂截止時間與到期後提示文字 |
| 外送服務 | 展示店家外送距離級距、運費與免運門檻。 | • 2 種版型：距離雷達圖＋列表（預設）、隱藏雷達圖的純級距卡片並排 |
| 媒體網誌連結 | 整理外部媒體報導、合作夥伴或推薦文章連結清單。 | • 支援大圖或縮圖列表呈現 |
這四個模組會讀取您在後台或建立的資料：
| 模組名稱 | 白話用途 | 可選版型與特色設定 |
|---|---|---|
| 商品目錄 | 一次列出多件商品供買家瀏覽、篩選並加入購物車或快速購買。 | 商品圖片比例支援 1:1（正方形）、3:4（直式服飾）、4:3、16:9；支援「極簡無框」商品卡與底部模組按鈕。 |
| 商品展示 | 用多張商品圖、規格選擇器與完整說明主推單一商品。 | • 支援左圖右購 ／ 左購右圖對調與圖片長寬比切換 |
| 計劃選購 | 將單一商品的多個規格／計劃做成選購區，點選後直接結帳。 | • 適合網上課程、顧問計劃或單品多入組促銷 |
| 網上表單 | 在頁面放入您建立的聯絡表單、活動報名表或問卷。 | • 支援單欄或雙欄並排，回覆自動進入後台名單（見） |
整合模組讓您把其他平台的公開帖文、影片、音樂、問卷、預約日曆、設計稿或 Google 地圖據點直接嵌入網頁中，訪客不必離開網站就能觀看或互動。
整合模組 vs 第三方追蹤碼：整合模組是「讓訪客在網頁上看得到、點得到」的前台內容；若您要安裝 Google Tag Manager（GTM）、GA4 或 Meta Pixel 在背景統計廣告流量，請前往「網站設定 › 追蹤碼」（見）。
請先確認該則帖文、Reels、短影音或影片在原平台設為「公開」，再從該內容的「分享」按鈕複製公開連結貼入模組（切勿貼上瀏覽器後台管理網址或私人帖文）：
| 整合模組 | 適合展示的內容 | 設定重點 |
|---|---|---|
| YouTube 影片 | 品牌形象片、教學影片、訪談或公開播放清單。 | 支援多支影片並排（可調各裝置欄數）與單支影片寬度控制。 |
| 公開的 IG 帖文或 Reels 短影音。 | 貼上單則帖文或 Reel 的公開網址，支援多則並排。 | |
| Facebook 帖文 | 公開的專頁帖文、活動帖文、影片或 Reel。 | 帖文必須為全公開（若事後改為限好友或隱藏，網頁上會自動無法顯示）。 |
| Threads | 公開的 Threads 觀點短文與討論串。 | 貼上單則公開串文網址。 |
| TikTok 影片 | 公開的 TikTok 短影音與活動花絮。 | 貼上公開影片連結。 |
| 展示品牌靈感圖板（Board）或個人檔案。 | 需先在模組表單點擊連線授權 Pinterest 帳戶，授權後即可選擇要顯示個人檔案或特定圖板（新增圖板後可點「同步圖板」更新）。 | |
| Behance 作品 | 設計師、攝影師與創作者的公開專案作品集。 | 貼上公開的 Behance 專案網址。 |
| Discord | 顯示您的 Discord 伺服器資訊與加入邀請按鈕。 | 貼上伺服器的公開邀請連結或伺服器識別碼。 |
| 整合模組 | 適合展示的內容 | 設定重點 |
|---|---|---|
| Spotify | 單曲、專輯、公開歌單或 Podcast 節目／單集。 | 貼上 Spotify 公開分享連結；支援調整電腦／平板每行欄數（1～3 欄）與單一播放器寬度。 |
| Apple Podcast | Apple Podcast 上的公開節目或單集播放器。 | 貼上 Apple Podcast 公開分享連結；支援多欄並排與寬度切換。 |
| Apple Music | Apple Music 上的公開單曲、專輯或歌單試聽。 | 貼上 Apple Music 公開連結；支援多欄並排與寬度切換。 |
如果您已經習慣使用外部問卷或預約系統，可直接嵌入網頁（若想直接在 Kanorio 後台收件、整理顧客名單並寄發確認信，建議優先使用內建的）：
| 整合模組 | 適合展示的內容 | 上線前必查項目 |
|---|---|---|
| Calendly | 讓顧客直接在網頁上挑選時段預約諮詢、看房或服務。 | 先在 Calendly 確認可預約時段、時區與會議通知設定，再貼上公開預約頁網址。 |
| Google 表單 | 顯示 Google Forms 報名表或簡單調查。 | 確認 Google 表單已開啟「接受回應」，且未勾選「僅限您網域內的使用者」等強制登入限制。 |
| SurveyCake 問卷 | 在網頁內顯示 SurveyCake 問卷。 | 確認問卷為公開發佈狀態，並貼上公開問卷網址。 |
| Typeform | 在網頁內顯示互動式 Typeform 表單。 | 確認問卷已 Publish 並貼上公開分享連結。 |
| 整合模組 | 適合展示的內容 | 設定重點 |
|---|---|---|
| Figma | 在網頁直接互動預覽公開的 Figma 設計稿、原型（Prototype）、FigJam 白板或簡報。 | 請先在 Figma 點擊 Share，將權限設為 Anyone with the link can view，再複製連結貼入。 |
| Google 商家檔案（Google Business Profile） | 呈現實體門市或工作室的名稱、地址、電話、營業時間、評分與地圖導航按鈕。 | 搜尋並綁定您的公開 Google 商家地標，支援多店據點並排展示。 |
為了保護所有訪客與您的網站安全、維持極速載入與流動裝置排版穩定，Kanorio 不開放自行貼上任意 HTML、JavaScript 或第三方 <iframe> 嵌入原始碼（請勿將程式碼貼進文字框或網址欄位，系統會自動過濾擋下）。
不用！「整合模組」是把整則 IG 帖文或影片嵌在頁面中間；若您只是想在頁首、頁尾、主視覺或多連結頁放一排品牌社群圖示讓訪客點擊前往，請直接到「編輯網站 › 品牌」填寫「品牌關聯網址」。
請選「資訊」分頁下的「計劃展示」模組，即可自由填寫計劃名稱、價格、特色清單與預約／詢問按鈕，不需要先在商店建立商品。