1、站点门户概述
站点门户与之前的企业门户是两个框架,可理解为站点门户为订货通3.0前端框架。这个全新的前端框架基于全新的技术,对商场进行了重构。
1)使用场景:
在电商发展的长期影响下,客户对订货商城的UI美观度、操作流畅性以及功能定制化需求不断提升。原有渠道门户因设计风格传统、体验不佳,已难以满足期望。全新升级的站点门户采用国际主流B2B电商SaaS模式,提供符合现代审美的UI设计、优化的订货流程,支持灵活配置与定制开发,旨在提升用户体验,满足订货需求。
2)功能升级及价值
订货门户3.0全新上线,UI颜值及体验全面升级,支持组件灵活配置与PWC低代码定制开发。在显著提升用户体验和效率的同时,可满足业务个性化定制需求。
2、申请灰度
申请订货通独立站点灰度项

配置完成后,大概的效果如下:

3、配置和应用
3.1.维护独立站点
1、在订货通的配置中,新建站点门户,维护基本信息:站点名称、是否需要登录访问、适用范围


2、点击操作【WEB站点】进入web门户配置页面,根据需要配置页面和组件,并在主导航菜单中配置显示出来

3.2.首页配置
订货通首页组件:商品列表、广告轮播、收藏商品、推荐分类
1、配置页眉,一般新增一个栅栏容器,配置栅栏布局,对齐方式

2、举例:栅栏容器分三列,依次拖入图片、多级导航、个人中心

个人中心,可以再拖一个栅栏容器,放迷你购物车组件

多级导航:除了首页、新建几个站内页面、例如:商城、商品详情、购物车、订单;通过配置导航内容新建菜单项绑定站内页面


3、配置页脚:一般配置快捷访问链接,主要用到组件,栅栏容器、富文本组件

4、配置首页区域:一般用到栅栏容器、图片、按钮、商城列表(订货通组件放在首页容器里面)等


3.2.商城页配置
订货通商品组件:商品列表、商品分类数、商品筛选(左侧)、商品筛选(顶部)、商品筛选结果、商品排序、商品分页、商品列表数据
1、新建商城页

2、配置商品组件


3.3.商品详情页配置
1、新建商品详情页(不用在导航中显示)

2、组装商品详情组件


3.4.购物车页面配置
1、新建购物车页面

2、组装购物车页面组件

3.5.订单页面配置
1、新建销售订单页面

2、依次配置订单列表、详情、新建页面




4.访问独立站点
提供新的站点门户url给客户,或绑定在企业门户中,让用户体验新的站点效果。
1、首页效果

2、商城效果

3、购物车效果

4、订单效果
