EP25. “About 页面设置”

• EP21 首页 Mission 区域的「Learn More」按钮暂时留空——这篇笔记就是把它补上的地方
• About 页面顶部复用首页 Mission Section 当 Banner，加入品牌故事文案，安装 WPForms Lite 联系表单
• About 页是访客深入了解品牌、建立情感连接的地方，不该只是一段枯燥的「关于我们」

所需工具

WordPress + Elementor + WPForms Lite（免费插件）

重点内容

About 页面结构

操作步骤

进入 About 页面 → Edit with Elementor

1. 复用 Mission Section 作为顶部 Banner

1. 在首页 Elementor 编辑器里，选中 Mission Section（整个 Section 容器）。
2. 右键 → Copy。
3. 打开 About 页面的 Elementor 编辑器。
4. 在空白页面里右键 → Paste。
5. 调整这个 Banner 区域的最小高度为 250px（比首页的 Mission 区域矮，适合作为页面 Banner 而不是全屏展示）。

2. 添加品牌故事区

1. 在 Banner 下方新增 Section。
2. 添加 Heading Widget：
   • 标题：Hydration with a Purpose
3. 添加 Text Widget：
   • 内容来自 Starter Pack 的品牌故事（Brand Story）文案。
   • 内容要点：
     • 品牌创立背景
     • 产品独特卖点（UV-C 自清洁技术）
     • UNICEF 合作：每笔销售的 10% 捐给 UNICEF 净水计划
   • 这个 UNICEF 使命是重要的差异化点，必须清楚说明。

3. 安装并添加联系表单

安装 WPForms Lite：

1. WordPress 后台 → Plugins → Add New。
2. 搜索 WPForms Lite，安装并激活。

创建联系表单：

1. WordPress 后台 → WPForms → Add New。
2. 选择 Simple Contact Form 模板。
3. 确认包含以下字段：
   • Name（姓名）
   • Email（邮箱）
   • Message（留言）
   • Submit 按钮
4. 保存表单，复制表单的 Shortcode（例：[wpforms id="123"]）。

在 About 页面里添加表单：

1. 在品牌故事区下方添加 Shortcode Widget。
2. 粘贴 WPForms shortcode。
3. 表单会自动显示在页面上。

4. 连接首页 Mission 区域的「Learn More」按钮

1. 回到首页 Elementor 编辑器。
2. 找到 Mission Section 里的 Learn More 按钮。
3. 点击按钮，设置链接 URL 为 About 页面的地址。
4. Update 保存。

检查清单

• [ ] About 页面顶部有 Mission Banner（最小高度 250px）
• [ ] 有「Hydration with a Purpose」标题
• [ ] 有完整品牌故事文案（含 UNICEF 使命）
• [ ] 有 WPForms Lite 联系表单
• [ ] 首页 Mission 区域的「Learn More」已连接到 About 页

[截图：About 页面最终效果，含 Mission Banner、品牌故事文案和联系表单]

常见误区

• 不要让 About 页面只是一段枯燥的「关于我们」，要突出品牌使命和 UNICEF 合作，这是最有说服力的内容。
• 不要忘记把首页的 Learn More 按钮连接到 About 页，否则按钮是死链接。
• Banner 高度设 250px 就好，不需要全屏，About 页的重点是文案而不是视觉震撼。

行动步骤

1. 进入 About 页面 Elementor 编辑器。
2. 从首页复制 Mission Section 粘贴到顶部，高度调整为 250px。
3. 添加「Hydration with a Purpose」标题和 Starter Pack 品牌故事文案。
4. 安装 WPForms Lite，创建联系表单，复制 shortcode 到 About 页。
5. 回到首页，把 Mission 区域的 Learn More 按钮链接到 About 页。

工具 & 资源

Sources

Udemy（课程 transcript）：

1. The Completed Digital Marketing Guide 27 in 1 — Section 3, Lecture 25 About Page