进阶页面：Cases、画廊、视频和弹窗

💡 本篇你将完成：知道什么时候做进阶页面，以及每类模块该放在哪里。预计 5 分钟。

先把首页、产品、文章、菜单跑通，再做进阶页面。进阶页面不是第一步，但它能让网站更专业。

基础没跑通前不要做进阶

如果产品点不开、文章点不开、菜单 404、首页还是模板内容，先回到 首页必备模块。不要急着加 Cases、视频或弹窗。

先找到操作入口

操作路径： AllinCMS 工作台站点列表 → 目标站点 → 进入后台 → 主题 → 当前主题页面 → Home 或目标页面

1进入目标站点后台找到要编辑的网站，点击“进入后台”

2进入“主题”，点击“页面”在当前启用的主题卡片中点击“页面”

3找到 Home 或目标页面在当前主题的页面列表中找到 Home 或要修改的页面

什么时候做进阶页面

满足下面条件再做：

• 产品分类已经有内容。
• 每个主要分类至少 2 个产品。
• 已经有 3 篇基础文章。
• 首页产品和文章模块能正常点击。
• 顶部菜单和底部菜单已经改好。
• 联系方式和表单通知邮箱已经检查过。

进阶模块要一个一个加。 每加一个模块，就发布到前台点一遍。不要连续改很多处，最后才发现哪里坏了。

推荐顺序

1先做 Cases 页面

2补图片画廊

3有视频素材再加视频

4表单可收信后加弹窗

5上线前完整检查

一、Cases 页面

Cases 页面适合展示：

• 客户案例。
• 项目图片。
• 使用场景。
• 行业解决方案。

做法：

1. 先 新建页面，路由可以用 /cases。
2. 页面内容先放 3 到 6 个案例，不要空着。
3. 每个案例至少有标题、图片、一段说明。
4. 把 Cases 加到顶部菜单或 Company 下拉菜单。

没有案例时先别硬做。 如果暂时没有案例图片，可以先把 Cases 放到后面，先保证产品和文章完整。

二、图片画廊

图片画廊适合展示多张图片，比如：

• 工厂环境。
• 产品细节。
• 证书资质。
• 客户案例图。

上传画廊图片前，先看 图片规范，把尺寸、压缩和比例先准备好。

具体操作看 视频模块和图片画廊。

三、视频模块

视频模块适合放：

• 公司宣传片。
• 生产流程视频。
• 产品使用演示。
• 客户案例视频。

如果视频旁边需要配文字，选择 Split 分栏布局。

没有压缩的视频不要直接上传。 视频太大会拖慢页面。没有合适视频时，先用图片和文字完成页面，视频后面再补。

四、弹窗表单

弹窗表单适合放在这些按钮上：

• Get a Quote
• Contact Us
• Request Sample
• Send Inquiry

具体操作看 弹窗表单。

表单能收信后再大量使用

先提交一次测试表单，确认通知邮箱能收到。否则客户提交了询盘，你可能看不到。

五、WhatsApp 悬浮按钮

如果客户更习惯用 WhatsApp 咨询，可以在页面右下角添加悬浮按钮。

具体操作看 WhatsApp 悬浮按钮。

六、别一次加太多

进阶页面建议一个一个做：

1. 先做 Cases。
2. 再补图片画廊。
3. 有视频素材后再加视频模块。
4. 表单确认能收到邮件后，再加弹窗表单。
5. WhatsApp 号码确认无误后，再发布悬浮按钮。

每做一个模块，都发布到前台点一遍。

接下来

📌 上线检查 —— 进阶页面做好后，上线前逐项检查。