【云速建站】让你轻轻松松建立属于自己的网店

举报
建站小哥 发表于 2018/11/14 14:42:30 2018/11/14
【摘要】 通过使用华为云云速建站,轻松创建网店,大家快来一起体验吧。

1      控制台订购

1.1      购买站点/模板

首先我们需要购买一个站点,如果还未注册华为云,还要先注册成为华为云用户。链接https://console.huaweicloud.com/webmobile/?region=cn-north-1#/cloudsite/website

按照个人情况选购站点

image.png

image.png

支付成功后,后台创建站点大概需要1-2分钟,创建完成后,刷新一下控制台就可以看到新购的站点了

12.png

好了,站点创建完成。创建站点时,系统会给站点使用默认的模板,一般需要去后台选择符合自己站点的模板进行更换(系统提供了大量的免费模板,也可以选购精美模板)

购买精美模板入口

image.png

1.2     后台更换模板

控制台-后台管理-站点编辑

image.png


进入站点编辑后,点击模板图标,就可以选择模板进行更换了14.png

选择模板时需要注意的是,购买的精美模板和系统提供的免费模板是混在一起展示的,所以如果是自己购买精美模板的话,最好是购买模板时,记一下模板编号,通过编号来找到购买的精美模板

image.png

好了,已经选好了模板,点击该模板下面的安装按钮就搞定。(⊙o⊙)…出现这种提示什么意思!

image.png

然后又试了其他的模板,提示安装成功。经查询,原来选购的站点规格会限制模板的选择,大体是这样:站点规格从小到大为入门版,标准版,营销版;模板规格从小到大为标准版,营销版。入门版或标准版站点只能使用标准版模板,不能选用营销版模板,否则就会出现没有权限安装的提示,而营销版的站点可以使用标准或是营销版的模板。

image.png

image.png


好了,至此构建网站的基础有了,下面开始维护网站内容(这里我选取的模板是网店类型的,创建一个网上生鲜超市)。

2      后台管理/维护

2.1      管理分类

我们需要先创建商品的分类,所有的商品都需要划分分类

进入后台管理-产品-管理分类


image.pngimage.png

添加完一级分类后,每个分类后面都有一个创建子分类的按钮,可以创建多层分类

image.pngimage.png

2.2      添加产品

创建好分类后,需要给各个分类添加产品,维护产品的标签,用于区分普通,精品,秒杀,特色购等。

image.png

产品类型这里,除了普通外,其他几个都是属于营销类,营销类产品只出现在营销类控件

2.3      规格管理

如果同一款产品有多种规格,需要维护规格管理才能针对每种规格,设置价格

例如:

添加规格

image.png

规格值对应的就是面页面看到的种类,点击图片处可以上传图片

image.png

点击确定后可以看到添加的猪肉规则

image.png

然后添加猪肉的产品

填写名称、分类、简介等信息后,点击规格的编辑按钮

image.png

image.png

image.png

image.png

这时就可以看到选择的规格生成了相应的信息行,可以对每种规格分别设置

image.png


维护完产品信息后,可以设置网站页面了

3      编辑页面

控制台->后台管理->站点编辑

编辑网站需要用到的控件在两个地方,把需要的控件拖拽到页面上进行设置即可。

1+号(添加)

image.png

2、插件

image.png


首先我们来创建一个底版,做网页的页眉。底版的作用就是复用页面上重复的元素。如超市的logo、登录、语言选择等。

3.1      创建底板

点击页面后,会看到右边的底版管理,click it

image.pngimage.png

image.png


编辑小技巧:

可以使用通栏划分页面,把页面从上到下分成多份,这样可以针对不同的通栏设置相应的背景图片、颜色、范围等。

image.png


通栏1使用了两个控件,多语言和会员

image.png

只要把对应的控件图标拖拽到页面上,就可以生成控件了,然后设置控件,以会员为例:

image.png

image.png

可以选择会员登录的样式,以及设置文本框、字体、按钮的大小及颜色,背景图片、颜色,是否可使用忘记密码等。

3.2      文本内容设置超链接

双击需要设置超链接的文本,会出现类似Word文档的编辑栏,选中文本,点击超链接图标

image.png

image.png

链接可以设置如图的8种,根据实际情况选择,此处我设置跳转到首页

image.png

3.3      创建首页

切换回页面管理

image.png

创建一个新页面,底版选择刚才创建好的页头。可以看到新页面自动带了页头,无需再重新做一遍了,这就是底版的好处所在了。

image.png

image.png

3.4      创建产品详情页

维护产品详情页

添加一个面包屑插件,如果已经熟悉了有哪些插件后,可以在所有插件页,输入对应的插件名直接搜索出来

image.png

控件的设置大同小异,此处就不再详述控件的设置了,只要进入设置页面,根据实际情况填写对应的设置项即可。

添加产品详情

插件-产品

image.png

image.png

效果图

image.png

3.5      创建产品列表页

维护产品列表页

使用两个产品列表,其中一个缩小纵向排列,用作精品推荐栏位

image.png

image.png

image.png

列表1参数设置处,标签勾选精品,这样页面列表1处只会显示标签为精品的产品了

image.png

3.6      首页添加产品分类

返回首页

添加产品分类

image.png

设置时,分类链接处选择刚才创建的列表页,这样点击分类时,才可以跳转到对应的分类列表中。

image.png

可点击右上角的预览观察设置效果,效果如下:

image.png

绿苹果没有设置为精品,所以左侧精品推荐处没有显示绿苹果

image.png

3.7     首页添加Jslider控件

首页中间变换切图的控件叫Jslider

image.png

添加链接,这样点击图片时,就可以跳转了,其他的设置自行查看。

image.png

3.8     首页添加秒杀专区

秒杀专区需要用到秒杀控件,营销类的控件如秒杀、团购不和普通产品共用一个列表页的,因此需要单独创建秒杀和团购的详情页面。

image.png

3.9      创建秒杀详情页

image.png

image.png

如果需要设置更多,还需要创建维护一个秒杀列表页,然后链接设置,更多处选择秒杀列表页

image.png

image.png

3.10      优惠券的使用

需要先到后台维护优惠券,添加了三种优惠券

image.png

添加优惠券插件

image.png

多种优惠券,需要多次添加,每次添加一种

image.png

image.png

3.11      添加侧边栏

image.png

侧边栏添加后,编辑页面是看不到的,只有红色框里边的文字,保存后,预览一下,就可以在页面上看到侧边栏了

image.png

预览页(右侧红框处即为侧边栏)

image.png

4     平台电商设置维护

最后需要维护一下后台的电子商务设置,如支付设置的可支付类型(支付宝,微信,网银等),交易设置(可否使用积分,优惠券等),配送(使用哪家快递公司)。。。

image.png

自此,一个基本的网上生鲜超市就维护完成了,从用户注册、登录到浏览商品、购买商品、支付整个流程都可以顺利走下来

5      整体效果

5.1      注册

image.png

注册完成后,自动登录首页

image.png

5.2      购买

image.pngimage.pngimage.pngimage.pngimage.png

image.png

6     

6.1      多语言控件

如果需要使用多语言控件,有多少种语言,页面就要维护多少个,如有中文,英文两种语言,首页需要有两个,一个是中文的,一个是英文的,否则多语言是不生效的。

image.pngimage.png

如果点击了新语言的编辑,会跳转到新语言的空白页面,这时想要返回原语言页面的话,不可使用后退键,应该是在新页面上添加多语言控件,通过控件的语言编辑键返回。语言后面的复制按钮可以复制已有页面内容到新语言页面。

6.2      搜索框控件

默认拖拽出来的搜索框

image.png

点击样式,更改搜索框类型,若提示搜索设置,且搜索框样式没有改变,需点击设置按钮,设置搜索结果,重新选择即可。

6.3     设置背景透明度

不论是设置背景视频透明度还是设置背景图片透明度,都是需要先设置有背景视频、背景图片后才会生效的。

6.4      水印图片

如果需要在图片中添加水印效果,需要先到设置-图片水印开启水印并设置水印样式后,再上传图片,这样上传的图片才会有水印。开启水印后上传的图片都会带有水印,如果不需要水印效果了,需要去关闭水印。


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。