提示:本文将详细讲解如何通过 BookingMeta 系统后台对用户端页面组件（下单页面）进行自定义配置，
为您呈现清晰的操作指引与实用技巧,助力您高效开展 B2C 业务。全文阅读预计耗时10分钟。
主要内容：
一、功能定位与业务价值
- 新客转化场景：通过个性化首屏组件快速建立品牌认知，降低跳出率
- 促销转化场景：灵活配置活动模块实现营销资源最大化曝光
- 差异运营场景：差异化展示专享权益，提升复购率
二、操作指引
目前此功能已作为插件集成到 BookingMeta 系统中，属于额外付费模块，2025年5月16日至2025年8月15日为免费尝鲜期。如后续需继续开通此功能可在专属服务群内和 CS 沟通，或通过邮件申请开通: support@bookingmeta.com 。
2.1 如何进行自定义页面
- 路径：BookingMeta 后台 → 「前台首页管理」 → 「移动端页面 / Web端页面」
- 权限要求：需开启「前台页面管理」菜单
（温馨提示：如您的系统界面查无此菜单，需主账号在「账号管理」-「角色与权限」中，为相应子账号角色，勾选「前台页面管理」的菜单）
2.1.1 移动端页面 / Web端页面配置
在「前台首页管理」 → 「移动端页面 / Web端页面」-「移动端首页配置」(注：本章节将以「移动端 页面」为例展开），点击「编辑」进入；
2.1.1.1 组件类型选择：
2.1.1.1.1 标题栏组件功能说明：
-
显示标题文字内容
-
左侧显示分隔色块
2.1.1.1.2 商品组件功能说明：
支持自定义组件名称（仅用于后台管理识别，不对外展示），便于快速区分不同模块（如「首页热销专区」「新品推荐栏」），提升组件管理效率。
【显示效果】
多场景排列模式可选，适配不同运营需求：
- 仅在一行中展示（轮播 / 滑动展示形式，适用于 Banner 图、广告图等核心入口）：
所有上传元素（商品图 / 广告图）横向排列至同一行，强化视觉焦点，适合打造高曝光引流模块，支持轮播 / 滑动展示模式（适用于多图动态展示场景）：
轮播模式：支持设置自动切换间隔（秒数），多图循环展示，高效利用页面空间，提升信息承载量；
滑动模式：可自定义首屏显示数量（移动端建议 2-3 个、Web 端建议 3-4 个），用户通过滑动浏览剩余内容。
注：建议上传图片数量大于首屏显示数量，避免页面空位，优化浏览体验。
- 多行中展示（瀑布流形式，适用于分栏导航、频道入口场景）：
元素按多行分栏展示（如每行 2/3/4 个），支持灵活搭建商品分类或频道入口模块。
最佳效果建议：上传图片数量建议为每行显示个数的整数倍（如每行 2 个，可上传 4/8 个），确保布局整齐无错位。
【跳转设置】功能说明：
跳转设置功能覆盖多种跳转场景，满足业务多样化需求，实现精准引流与展示，具体如下：
- 跳转自定义二级页面
当组件模块页展示空间不足时，支持跳转至自定义二级页面，或更多热销商品的二级页面，以提升商品曝光与客户的体验。
- 跳转商品列表页
可跳转至系统内商品列表页，通过代入品类、目的地等筛选参数，精准展示目标商品。您可以参考下图，选定品类、目的地。
参考：Web端 )
复制筛选之后的地址栏当中的 URL，填写到下方的跳转设置地址栏的输入框即可。
- 跳转商品详情介绍页面
支持跳转至 BookingMeta 系统内商品详情页，可通过搜索关键词、或点击商品列表条目，快速查看商品信息。
- 跳转系统外链接
支持跳转至飞猪自有店铺、自有官网等外部链接，实现跨平台流量引流与业务推广。
【选择商品】
可通过「选择商品」进入，选择已发布商品时，支持通过关键字、品类、供应商、入库人信息快速筛选，勾选添加至展示列表。此处建议商品总数不超过 100 个，以保障页面加载效率与展示效果。
2.2 效果图参考
PC端效果参考链接：portal.bookingmeta.com
H5端效果参考链接：portal.bookingmeta.com/m/
2.3 如何进行自定义二级页面配置
若需进行二级页面配置，其功能与2.1首页配置一致，可直接参照上方的首页配置指南完成模块搭建。
三、FAQ
Q1：修改后多久生效？
→ 当您点击页面维度的“保存并发布”，可立即生效（用户刷新页面即可看到新版本）。
Q2：组件数量是否有限制？
→ 目前单页添加组件，尚未限制个数，但为了展示最佳，建议参考上方配置说明，以保证客户的使用及视觉体验。
整体的配置过程中如有任何疑问，欢迎随时通过专属服务群与技术支持团队沟通，我们将及时为您解答。