示例二:创建多终端独立版站点
安装模板
模板购买后不是立即生效,需要您安装模板后,才能在网站页面查看到模板的呈现效果。
设置网站后台
网站开通后,您需要为您的网站增加内容,比如商品信息、支付方式等,本节主要指导您完成录入商品信息、设置配送方式和对接微信、支付宝等支付方式。
- 在企业门户控制台,单击“网站设计”。
图5 企业门户多终端独立版网站设计
- 添加产品分类。
- 在“管理后台”界面,选择“产品>管理分类”,删除网站自带的分类信息,单击“保存更改”。
- 选择“产品>管理分类>添加一级分类”,输入分类名称,单击“保存”。
图6 添加一级分类
- 添加产品。
- 在“管理后台”界面,选择“产品>产品管理”,删除网站自带的产品信息。
- 选择“产品>添加产品”,添加产品信息,具体请参见添加产品。
图7 添加产品
- 产品添加完成后,在“产品>产品管理”中,查看已增加的产品,并对产品进行排序。
图8 产品管理
- 设置配送方式。
- 在“电子商务设置>交易设置”中,开启“交易开关”,设置交易币种,单击“保存”。
- 在“电子商务设置>物流公司”中,单击“添加物流公司”,弹出设置物流公司对话框。
图10 添加物流公司
- 设置物流公司名称、申请网址和顺序,单击“确定”。
图11 设置物流信息
- 在“电子商务设置>配送设置”中,单击“添加配送方式”,弹出设置配送方式对话框。
图12 配送设置
- 设置买20元包邮。如果需要设置不同地区快递费用不同,请参见添加不同省份不同物流费用的配送方式。
图13 设置配送信息
- 设置发货地址。
- 在“电子商务设置>发货地址”中,单击“添加发货地址”,弹出设置发货地址对话框。
图14 添加发货地址
- 按照实际情况填写发货地址,单击“确定”。
- 在“电子商务设置>发货地址”中,单击“添加发货地址”,弹出设置发货地址对话框。
- 对接支付系统。
企业门户支持多种支付方式,有京东支付、手机支付宝-境外币种支付、手机银联支付、手机快钱支付、支付宝-境外币种支付、微信扫码支付、支付宝-网银支付、手机支付宝、微信支付、货到付款、Paypal、支付宝、快钱、财付通、网银在线、银联在线。
设置网站前台(PC版网站编辑)
- 在管理后台界面,单击“站点编辑”。
图15 站点编辑
- 设置地址栏网站的名称、网站地址栏图标和网站宽度。
- 选择“设置>网站设置”,弹出“网站设置”对话框。
图16 网站设置
- 输入地址栏网站的名称、上传网站地址栏图标和设置网站的宽度,单击“保存”。
对应网站的效果如下:
图18 站点地址栏图标和站点名称
- 选择“设置>网站设置”,弹出“网站设置”对话框。
- 设置底版内容。
底版内容为每个页面都会出现的内容,比如网站logo、导航栏等。在其他页面直接使用底版内容,无需重新制作,节省网站制作时间。底版其他设置,请参见底版设计。
- 单击“首页”。
图19 首页
- 选择“底版管理>home”。
图20 底版管理
- 设置底版内容,比如网站名称、页脚。
图21 修改前的底版内容
图22 修改后的底版内容
- 按“Ctrl”+“S”,保存页面的修改。
- 单击“首页”。
- 设置导航栏。
- 设置页面内容。以替换“首页”的图为例。页面中灰色部分为底版中的内容,需要在底版中编辑。
页面的其他设置,请参见页面中添加图片模块并编辑和页面中编辑文字。
- 单击“页面管理”,选择需要编辑的页面。
图25 选择需要编辑的页面
- 单击待编辑的图,选择“属性”。
图26 选择属性
- 在弹出的“图片设置”对话框中,单击“更换图片”。
图27 图片设置
- 在弹出的“选择图片”对话框中,单击“上传文件”。图片上传成功后,单击“选择使用”。
图28 选择图片
- 选择“缩放模式”,调整图片的大小。
图29 调整图片大小
- 页面编辑完成后,按“Ctrl”+“S”,保存页面的修改。
- 单击“页面管理”,选择需要编辑的页面。
- 展示设置网站后台添加的产品。
- 选择“页面管理>创建新页面”,创建产品详情页模板,此页面用来放置您在录入产品数据时添加的详细信息。设置页面名称、页面地址、选择底版和导航栏显示,单击“保存”。
图30 创建产品详情页模板
- 单击“插件”,弹出“我的插件”对话框。拖拽“产品”到页面中,弹出“选择产品类型”对话框。选择“产品详情”,单击“确定”。
图31 添加产品详情
- 选择“样式设置”,根据需要设置样式,并将产品详情模块拖动到适合的大小。
- 按“Ctrl”+“S”,保存页面的修改。
- 选择“页面管理>创建新页面”,创建产品列表页模板。设置页面名称、页面地址、选择底版和导航栏显示,单击“保存”。
图33 创建产品列表页模板
- 单击“插件”,弹出“我的插件”对话框。拖拽“产品”到页面中,弹出“选择产品类型”对话框。选择“产品列表”,单击“确定”。
图34 添加产品列表
- 单击“样式设置”,弹出“样式设置”对话框。选择“参数设置>链接设置”,设置“详情链接指向”到6.a中创建的“产品详情页模板”,设置“更多指向”和“分类链接指向”到6.e中创建的“产品列表页模板”。
图35 设置链接
- 按“Ctrl”+“S”,保存页面的修改。
- 在“页面管理>待添加产品的页面”所在行,单击“属性”。
图36 页面属性
- 在弹出的“页面属性”对话框中,单击“设置链接”,弹出“链接到”对话框。在“产品列表”页签,将“产品列表页”选择为6.e中创建的“产品列表页模板”,单击“选择”,弹出“选择”对话框。根据实际情况选择所需产品分类,单击“确定>确定>保存”。
图37 设置页面链接
- 选择“页面管理>创建新页面”,创建产品详情页模板,此页面用来放置您在录入产品数据时添加的详细信息。设置页面名称、页面地址、选择底版和导航栏显示,单击“保存”。
- 设置站内搜索插件。
站内搜索插件的其他设置,请参见站内搜索添加设置。
- 在待增加搜索插件的页面,单击“插件”,弹出“我的插件”对话框。
图38 选择插件
- 拖拽“站内搜索”到页面,弹出“选择站内搜索类型”对话框。选择“搜索框”,单击“确定”。
图39 插入搜索插件
- 单击“样式”,弹出“样式”对话框,设置搜索插件的样式。
图40 设置样式
- 按“Ctrl”+“S”,保存页面的修改。
- 在待增加搜索插件的页面,单击“插件”,弹出“我的插件”对话框。
- 增加购物车。
- 选择“添加>购物车”,拖拽购物车到页面。
图41 购物车
- 单击“购物车样式设置”,弹出“购物车样式设置”对话框。选择购物车样式,关闭对话框。
图42 购物车样式设置
- 按“Ctrl”+“S”,保存页面的修改。
- 选择“添加>购物车”,拖拽购物车到页面。
制作手机版网站
通过PC版生成手机版时,可能存在部分插件不兼容,建议手动修改。
- 制作完成PC版网站后,双击
,在弹出的对话框中,单击“生成”。
图43 生成手机版网站
- 转换成功后,单击“保存”。
备份网站数据
网站制作过程中建议经常备份网站数据,以便当您需要回退网站数据时,可以返回到备份的时间点。
- 在建站管理后台界面,选择“设置>数据库备份”,弹出“数据库备份”对话框。
图44 数据库备份
- 单击“创建数据库备份”,弹出确认备份对话框。单击“确定”,备份成功后,弹出“操作成功”对话框。单击“确定”。
图45 创建数据库备份
图46 确认对话框
图47 备份成功对话框
备份成功后,在“数据库备份”对话框中显示一条备份记录,您可以单击备份记录所在行的“恢复”,将网站恢复为备份的数据。
图48 备份记录
网站备案
网站备案原则是您的服务器资源在哪里就需要在哪里备案。购买企业门户后,需要在华为云备案。备案操作步骤请参考备案流程指导,绑定中国香港站点的域名无需备案。
如果您的域名已经在第三方备案过,需要把此域名绑定到企业门户,备案操作步骤请参考备案流程指导。
网站底部添加备案号
- 登录企业门户控制台,选择已购买的站点,单击“网站设计”,进入企业门户管理后台界面。
图49 企业门户多终端独立版网站设计
- 单击“站点编辑”,进入站点编辑界面。
图50 管理后台
- 单击“插件”,在弹出的“我的插件”对话框中,拖拽“备案”插件到网站中,弹出“选择备案类型”对话框。根据实际情况选择备案类型,单击“确定”。
图51 备案插件
- 单击“样式设置”,弹出“样式设置”对话框。设置备案号、字体和字号等信息,设置完成后,单击“确定”。
图52 样式设置
- 单击“属性”,弹出“属性”对话框。勾选“页脚元素”,关闭“属性”对话框,将设置好的备案插件拖入页脚中。
图53 属性
域名配置
域名是为了方便记忆而建立的一套地址转换系统,要访问一台互联网上的服务器,必须通过IP地址来实现,域名解析就是将域名重新转换为IP地址的过程。
- 在企业门户控制台,单击“前往配置”。
图54 域名配置
- 单击“添加域名”,弹出“添加域名”对话框。输入待解析的域名(例如:www.huaweicloud.com),单击“确定”。
图55 添加域名
- 选中www.huaweicloud.com,单击“一键解析”,弹出“一键解析”对话框,单击“确定”。
图56 一键解析
- 如果您已自行解析域名,单击“已自行解析”。
- 确认该域名未添加任何解析记录集,否则一键解析将报错。
- 解析成功后,解析状态变为“解析成功”,这时后台在DNS中增加一条解析记录。
图57 解析成功
域名绑定
(可选)添加空主机域名
验证网站
在浏览器地址栏输入域名配置中绑定的域名(www.huaweicloud.com),查看网站详细信息。确认网站内容无误后,您可以将域名地址提供给您的客户,通过域名地址直接访问您的网站。










