Rijoy文档页面扩展
账户页面：展示相关会员权益
作者: Rijoy 团队
功能说明
Account页会员板块用于在用户账户页面（Account Page），向消费者直观展示：
当前会员等级、积分余额及相关会员权益
通过统一的 Loyalty 信息展示区域，帮助商家：
- 清晰呈现会员核心信息，强化会员价值感知
- 引导用户深入了解会员权益或进入会员面板
- 提升积分体系曝光度与用户活跃度
操作路径（添加到Account页面）
- 进入 App，点击 On-Site Content 菜单
- 选择 Account page 卡片，点击 Set up 按钮进入配置页
- 根据店铺的账户类型，选择对应的板块配置方式：
- 新账户模式（New Customer Accounts）：推荐用于使用新客户账户体验的店铺
- 传统账户模式（Legacy Customer Accounts）：适用于使用经典/传统客户账户的店铺
1. 新账户模式（New Customer Accounts）配置步骤
- 选择 New Customer Accounts 板块，点击 Customize 按钮，跳转到 checkout 编辑器的「Profile」模板页面
- 在页面右侧列表点击 Add block 按钮，在弹窗内选择「Rijoy Account Page」，将该板块添加到页面
- 拖拽板块到指定展示位置
- 点击页面右上角的 Save 按钮，完成基础配置
2. 传统账户模式（Legacy Customer Accounts）配置步骤
- 选择 Legacy Customer Accounts 板块，点击 Customize 按钮，跳转到在线主题编辑器的「Customer account」模板页
- 在页面右侧列表点击 Add block 按钮，在弹窗内选择「Rijoy Account Page」，将该板块添加到页面
- 拖拽板块到指定展示位置
- 点击页面右上角的 Save 按钮，完成基础配置
配置效果预览
上图为会员板块配置完成后的最终展示效果，包含会员等级、积分余额、自定义按钮及背景样式
展示内容配置说明
3.1 新账户模式（New Customer Accounts）配置项
| 配置项 | 说明 |
|---|---|
| Title | 板块标题（自定义展示名称） |
| Description | 板块描述（补充说明会员板块功能） |
| Button Text | 按钮文本（设置按钮展示文字） |
| Button Text Color | 按钮文本颜色（自定义按钮文字颜色） |
| Button Background Color | 按钮背景颜色（自定义按钮背景色） |
| Button Action Type | 按钮点击行为（可选两种方式） - Open Panel：唤起会员面板 - Link URL：跳转到指定页面（需填写Button URL） |
| Tier Icon URL | VIP等级前面的图标链接（输入图标资源URL） |
| Point Icon | Point内容前面的图标链接（输入图标资源URL） |
3.2 传统账户模式（Legacy Customer Accounts）配置项
| 配置项 | 说明 |
|---|---|
| Background Image | PC端板块背景图片（设置电脑端展示背景） |
| Mobile Background Image | M端板块背景图片（设置移动端展示背景） |
| Title | 板块标题（自定义展示名称） |
| Title Color | 标题文字样式（自定义标题颜色） |
| Description | 板块描述（补充说明会员板块功能） |
| Description Color | 描述文字颜色（自定义描述文本颜色） |
| Button Text | 按钮文本（设置按钮展示文字） |
| Button Text Color | 按钮文本颜色（自定义按钮文字颜色） |
| Button Background Color | 按钮背景颜色（自定义按钮背景色） |
| Button Action Type | 按钮点击行为（可选两种方式） - Open Panel：唤起会员面板 - Link URL：跳转到指定页面（需填写Button URL） |
| Tier Icon | VIP等级前面的图标（直接上传图标文件） |
| Point Icon | Point内容前面的图标（直接上传图标文件） |
| Key Value Text Color | 当前等级和积分数量的文字颜色（自定义数值展示颜色） |
| Label Text Color | Current Tier和Points Balance文字颜色（自定义标签文本颜色） |
按钮配置详细说明
该按钮用于在会员板块中，引导用户查看详细会员权益或进入会员相关页面，商家可自定义按钮文案及点击行为。
1. Button Text（按钮文案）
- 用于设置按钮上展示的文字内容
- 示例：
- 查看会员权益
- 进入会员面板
- View My Rewards
若不希望展示按钮，可将Button Text留空，按钮将自动隐藏
2. Button Action Type（按钮点击行为）
（1）Open Panel
- 点击按钮后，在当前页面直接唤起 Rijoy 会员面板
- 适用于希望用户无需跳转页面，快速查看会员等级、积分明细及权益的场景
- 使用前提：已在 App 中开启并配置会员面板功能
（2）Link URL
- 点击按钮后，跳转至商家指定的页面
- 需在对应的「Button URL」字段中填写完整的跳转链接（如会员说明页、忠诚度落地页等）
- 常见使用场景：
- 已配置独立的忠诚度落地页（Loyalty Page）
- 希望引导用户前往详细的会员规则说明页面
使用建议
- 若希望提升用户操作便捷性，推荐使用 Open Panel 模式
- 若已搭建完整的会员专题页，推荐使用 Link URL 模式
- 若暂无需引导操作，可留空 Button Text 隐藏按钮
💡 注意事项
- 板块配置完成后，需点击页面右上角的 Save 按钮，修改内容才会生效
- 图标资源建议使用清晰、符合品牌风格的图片，避免影响页面美观度
- 跳转链接（Button URL）需填写完整的有效地址，否则会导致跳转失败
- 移动端背景图片建议适配不同屏幕尺寸，确保文案可读性不受影响