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 帖文或视频嵌在页面中间；若您只是想在页首、页尾、主视觉或多链接页放一排品牌社交图标让访客点击前往，请直接到「编辑网站 › 品牌」填写「品牌关联网址」。
请选「信息」分页下的「计划展示」模块，即可自由填写计划名称、价格、特色清单与预约／询问按钮，不需要先在商店建立商品。