zibll商城系统详解

zibll商城系统详解

zibll子比主题从21年开始就支持虚拟资源付费功能了,包含付费阅读、付费下载、付费视频、付费图库,配合付费VIP功能,让zibll主题成为了更多知识付费网站的热门WordPress主题模板。zibll子比主题更新V8.2后,又带来了全新的商城系统,这一次真正的让zibll子比主题成为最优雅、最完善的WordPress商城主题了!zibll子比主题付费商品主要分为文章中的知识付费功能、论坛帖子的付费阅读,V8.2更新后,新增了独立的商城系统,支持发布任意实物商品、自动发货的虚拟商品和手动发货的虚拟商品,功能涵盖发布、优惠、便签、下单、购物车、支付、发货、物流跟踪、售后、退款、退货、评价等全流程全功能,购物体验、UI设计全面对标淘宝、京东等大厂!现在,使用WordPress和zibll子比主题就可快速、低成本的搭建完整、精美的的商城独立站了!

功能简介

简单的介绍一下zibll主题的商城系统的功能和逻辑

首先,zibll子比主题商城商品主要分为3大类型:文章、帖子、商品

  • 发布文章时支持设置付费阅读、付费下载、付费视频、付费图库,这是知识付费网站常用的板块,例如教程收费网站、课程收费网站、软件下载网站、图片分享网站等等
  • 发布帖子时支持设置收费阅读帖子、支持隐藏部分内容付费查看,这是社区论坛、圈子等类型网站必备功能
  • V8.2新增的商城功能,直接发布商品,支持任意实物商品(例如手机、服饰等)、自动发货的虚拟商品(例如:卡密、自动发送文本等)、手动发货的虚拟商品(例如游戏币充值、软件定制等),几乎和我们目前熟知的淘宝、京东、拼多多的购物流程一致,这成为了独立商城网站的必要功能

其次,就是强大的辅助功能,例如推广返佣(推荐奖励、分销功能)、创作分成、站内余额、站内积分、VIP付费会员、优惠码、卡密兑换、站内消息等功能与商城系统紧密配合,实现各种个性化、高度自定义的丰富效果。

V8.2新增的商城功能又有更多的特点以及更强大的功能:

  • 商品发布:
    • 自动虚拟商品:卡密、邀请码、等任意文本内容自动发货
    • 手动发货虚拟商品:例如话费充值、游戏币充值、远程技术辅助等
    • 任意实物商品:支持物流发货、物流监控、运费配置等
    • 商品选项:不同商品规格不同价格,不同库存,不同图片等
    • 服务保障:自定义商品服务,例如7天无理由退货等服务
    • 价格类型:积分商品、现金商品
    • 商品参数:例如手机的像素、屏幕尺寸、电池容量等
    • 商品限购:按会员等级、是否认证分别设置限购数量
    • 自定义用户必留信息:例如话费充值要求用户必留手机号等
    • 自定义售后服务:是否开启退款、退货、保价等
    • 还支持配置封面图像、封面视频,支持多级分类、支持商品标签等功能
  • 优惠活动:
    • 支持立减、折扣的优惠方式
    • 支持设置时间有效期,满多少金额可享受、哪些用户类型可享受
    • 赠品:支持添加多个赠品,支持赠送站内虚拟资源(积分、会员、经验值等)或其它任意商品
    • 优惠活动可叠加、可多选
  • 功能逻辑:
    • 用户下单,快捷支付
    • 加入购物车、合并支付
    • 虚拟商品自动发货,实物商品通知商家发货
    • 物流跟踪,用户确认收货
    • 用户评价
    • 申请售后、商家处理、退货或退款
  • 后台统计:
    • 重新设计了后台统计页面
    • 功能更加丰富、UI更加美观
  • 其它特色:
    • 配置极其简单:3分钟上手,后台配置清晰一目了然,配置逻辑简单易懂,不用看教程都会用
    • 功能强大且高度自由化:几乎商城需要的所有功能都有,并且我们首次采用配置继承功能,配置参数时高度自由化
    • 精心打磨的UI设计:不管是PC端还是移动端,所有细节都是精心打磨,大到整体框架,小到文字颜色、间距再到UI动画都是精心处理,就是让用户享受比淘宝京东还丝滑的购物体验
    • 优雅的的购物体验:用户的购物流程和现代化商城APP完全一致,简单易用,0上手成本
    • 高性能优化:V8.2新增了约20%的代码量,但是性能反而再次提升20%,降低建站成本和门槛

功能及特色简介

功能简介:

  • 商品发布:
    • 自动虚拟商品:卡密、邀请码、等任意文本内容自动发货
    • 手动发货虚拟商品:例如话费充值、游戏币充值、远程技术辅助等
    • 任意实物商品:支持物流发货、物流监控、运费配置等
    • 商品选项:不同商品规格不同价格,不同库存,不同图片等
    • 服务保障:自定义商品服务,例如7天无理由退货等服务
    • 价格类型:积分商品、现金商品
    • 商品参数:例如手机的像素、屏幕尺寸、电池容量等
    • 商品限购:按会员等级、是否认证分别设置限购数量
    • 自定义用户必留信息:例如话费充值要求用户必留手机号等
    • 自定义售后服务:是否开启退款、退货、保价等
    • 还支持配置封面图像、封面视频,支持多级分类、支持商品标签等功能
  • 优惠活动:
    • 支持立减、折扣的优惠方式
    • 支持设置时间有效期,满多少金额可享受、哪些用户类型可享受
    • 赠品:支持添加多个赠品,支持赠送站内虚拟资源(积分、会员、经验值等)或其它任意商品
    • 优惠活动可叠加、可多选
  • 其他功能
    • 支持购物车合并下单
    • 商品页面内容支持多种布局方案,支持模块化布局
    • 下单、支付、发货、物流跟踪、收货、评价、售后等流程和淘宝京东等大厂一致
    • 精美的全新后台统计、后台订单页面

特点简介

  • 配置极其简单:3分钟上手,后台配置清晰一目了然,配置逻辑简单易懂,不用看教程都会用
  • 功能强大且高度自由化:几乎商城需要的所有功能都有,并且我们首次采用配置继承功能,配置参数时高度自由化(下面教程会讲)
  • 精心打磨的UI设计:不管是PC端还是移动端,所有细节都是精心打磨,大到整体框架,小到文字颜色、间距再到UI动画都是精心处理,就是让用户享受比淘宝京东还丝滑的购物体验
  • 优雅的的购物体验:用户的购物流程和现代化商城APP完全一致,简单易用,0上手成本
  • 高性能优化:V8.2新增了约20%的代码量,但是性能反而再次翻倍提升,降低建站成本和门槛【查看优化教程及说明】

商城配置

进入后台:主题配置-商城&商品:开启商城系统,并按需配置相关参数:

image

image

image

image

image

创建商品分类

我们强烈建议在创建商品之前,先布局好商品分类,特别是分类较多,层级也较多的时候,先把分类层级整理好,能够有效的提高效率!

image

创建优惠活动

优惠政策支持打折、立减、赠品,支持金额限制、时间限制、用户身份限制,同时支持优惠叠加,优先级配置、重点优惠等功能。需要注意的是:优惠力度要合理配置,同时各个功能要相互配合以达到理想效果

image

创建商品标签

商品特色标签主要是用于商品特色显示,例如我们常在淘宝、京东看到的新品回购1W+假一赔十等特色标签

image

创建商品

在后台:商城-创建商品:填写好标题和内容

最底部即可配置商品信息,右侧可以选择商品的分类、标签以及优惠活动

在底部的商品配置中,我们依次配置商品详情、价格、发货、售后、UI样式

image

image

image

image

image

image

商品发货及售后

进入后台-商城中心:在列表中就可以处理用户发货以及售后了

image

image

image

image

image

image

zibll子比主题更新V8.2之后,新增了实物商城功能,现在可以使用zibll主题搭建独立的WordPress商城网站了!

既然是实物商城,那肯定少不了物流跟踪功能,例如发货、退货,所以我们需要配置好快递查询接口

配置教程

进入后台->主题设置->商城&商品->物流&发货:配置快递查询接口、以及接口参数等其它功能

image

关于查询快递查询间隔时间设置,需要注意的是:主题并不会在后台查询快递信息,而是当用户或管理员点击查看快递信息时,才会通过API接口进行查询。这里配置的间隔时间,实际上是API查询的最小时间间隔,也就是说在此间隔时间内,用户或管理员查看同一快递信息,都不会通过API更新内容

快递鸟接口

快递鸟是国内知名的物流信息服务商,价格实惠,支持免费试用。

配置方法:注册并登录后,进入快递鸟后台-账号管理-API密钥管理,将获取到的用户IDAPI KEY填入主题配置即可

image

快递100接口

快递100也是常用的快递接口,支持免费试用。

注册并登录后,进入快递100后台,将授权keycustomer填入主题配置即可。

image

阿里云接口

阿里云全球快递物流查询支持30天100次免费试用

先进入全球快递物流查询页面,免费领取试用或购买后,进入云市场控制台,就可以看到AppCode了,只需要把AppCode填写到主题配置中即可

image

后台测试

参数填写完成后记得先保存主题配置!然后就可以找一个订单号,自己先测试一下

image

功能截图

商家后台发货截图

image

前台UI截图

image

image

创建页面并配置

教程开始,首先第一步就是创建一个空白页面,并做一些基础的必要配置:

  1. 先设置别名,也就是网址链接后缀,注意必须为唯一值,不能重复(如果你后面需要把此页面设置为整个网站首页,可以忽略此步骤)
  2. 将布局设置为无侧边栏,一般商城首页都是不需要的,如果你需要在侧边栏显示模块,也可以开启
  3. 因为我们仅使用模块化布局,所以需要关闭标题显示
  4. 同理,关闭内容显示
  5. 重要的来了!必须开启模块布局,并开启一个容器位置(因为没有开启侧边栏,所以除了侧边栏其他几个容器都是一样的)
  6. 有些商城首页顶部会显示视频或者幻灯片,看上去很大气,所以顶部多功能组件功能根据您的需要启用

image

添加模块

保存页面后,进入前台,点击模块配置,即可进入模块配置页面,在这里我们按需添加模块

image

image

作为商城首页,一把常用的模块有:幻灯片模块、图片模块、图文视频封面模块、还有最重要的商品列表模块等等

通过各种模块组合,我们很轻松的就可以做好我们的商场首页了

设置为网站首页

有些网站主要以商场为主,文章、论坛只作为次要内容,我们就可以把刚刚创建的页面设置为网站首页,文章或论坛就可以作为商城的辅助信息平台了,例如淘宝社区、评测等等。

配置方法也十分简单,进入后台->设置->阅读:将主页设置为静态页面,并选择刚刚创建的页面

image

主题关联配置

创建好商城首页后,我们还需要将商城首页的链接配置到主题设置中,然后再根据需要配置商城的面包屑导航

image

举一反三

最后,大家一样要把思路打开,模块化布局是一个十分强大的功能,如果您略懂HTML,那将会有更好的效果和模块。同时以上教程我们仅仅是以创建网站首页为例,同时您还可以通过此方式创建任意的页面,或任意效果的首页。例如企业官网,炫酷的视频首页、技术服务说明页面等等

zibll子比主题V8.2新增商城系统,在配置商品参数的时候,我们带来了全新的配置继承功能,让餐食配置时既简单易用又高度的自由化!

那么什么是参数继承呢?简单的说就是商品的某一个参数,我们可以为商品、商品分类、父分类、主题设置都进行配置。当系统查询此参数的时候,会先查询该商品的配置,如果该参数没有配置,就查询该商品的分类配置,如果改分类也没有配置,就同理依次查询父分类,最后查询主题配置中的参数。

参数继承示例

例如我们有一个商品名为苹果16,它的分类结构依次为:数码产品->手机->苹果

系统现在需要获取这个商品的运费,那么参数查询的流程为:

  1. 系统首先会查询苹果16这个商品的运费参数,如果有单独设置则返回,如果为默认则继续查询分类配置
  2. 继续查询分类苹果的分类参数,如果有单独设置则返回,如果为默认则继续查询父分类配置
  3. 继续查询分类手机的分类参数,如果有单独设置则返回,如果为默认则继续查询父分类配置
  4. 继续查询分类数码产品的分类参数,如果有单独设置则返回,如果为默认则继续主题配置中的设置
  5. 最后查询主题设置中的参数,返回参数数据

配置教程

通过上面的查询逻辑,相信我们就完全理解什么是继承功能了,那么如何配置参数就十分简单了。

在商品编辑最底部,我们可以配置商品的参数:(注意:支持参数继承的配置都有黄色备注)

image

在商品分类编辑中,可以配置当前分类下的商品参数:(注意:支持参数继承的配置都有黄色备注)

image

最后,在主题设置中我们可以配置商品参数的最终默认值:

image

思维扩展

看完了上面的教程,配置起来是不是超级简单,同时如果你理解了这个继承功能,相信你也能想到它的高度自由化了!通过这个配置继承功能,我们就能轻松简单的实现许多场景,例如:

  • 一家服装店铺,默认全部商品包邮(主题设置中配置运费为0),但是有几件冬季衣服需要运费20元(单独给这几件设置运费20)
  • 一家杂货店,手机配件支持退货退款但不支持仅保价,话费充值不支持任何售后,还有单独几件商品不支持保价

zibll子比主题v8.2更新的商城系统,满足各种类型商商城网站,支持发布任意商品,包括所有实物商品,自动发货的虚拟商品和手动发货的虚拟商品,那么同时,不同类型的商品对详情页的UI布局可能也有不同的需求。因此主题也适配了多种效果,满足几乎所有类型的商品显示。

基础配置

我们先说商品详情页的配置功能,这个很简单,一张图就够了:
进入后台-主题设置-商城商品-商品详情页:

image

内容区域布局配置

重点我们说的就是内容区域的布局配置,这直接影响到商品详情显示的UI效果,必须要根据自己商品的情况合理设置,才能达到最好的效果。

配置方法

首选我们看一下,需要配置的几个重点参数和功能:

  1. 商品详情而布局:全屏、适应内容宽度、适应内容宽度+侧边栏
  2. 商品详情背景盒子:显示、隐藏
  3. 古腾堡块:无缝图块

image

配置示例

那么我们根据常见的不同商品类型,举几个例子来展示一下这几种功能配置后的布局效果

1.最常见的实物商品,例如手机、服饰、家电等,目前淘宝京东拼多多等商城最常见的做法就是商品详情介绍全部都是图片拼接,并且全屏展示,效果最佳。
那么我么这样配置:1.商品详情页布局选择全屏,2.商品详情背景盒子选择隐藏,3.所有商品介绍只是用无缝图插入图片(无缝图开启宽度填满容器)。最终效果如下:

image

2.有时候我们的商品介绍并不是全是图片填满,可能就是常规的图文融合,因为一般也只有知名产品、或者大公司才能为自己的产品做全图介绍,那么像这种图片文字都有的详情介绍,使用全屏显示效果就不好看了。那么我们这样配置:1.商品详情页布局选择内容适配宽度,2.商品详情背景盒子选择显示,3.商品介绍就正常编辑。最终效果如下:

image

3.很多站长可能不会销售比较知名的品牌产品,例如技术服务、自动发卡等,没有专业的图片介绍,同时还可能需要显示丰富的内容,那么这时候我们可以开启侧边栏(注意:侧边栏不会在移动端显示),整体效果如下:

image

更多TAB栏目

有时候,有些特殊商品我们需要添加更多的内容用于丰富商品介绍,例如手机一般会额外显示参数配置、售后细则等,那么我们可以添加更多TAB栏目,丰富详情页的说明。

效果示例:

image

添加方式:

image

zibll子比主题V8.2更新了全新的商城系统,整体对标京东淘宝等大厂体验,让站长轻松快递低成本的搭建好一商城独立站。

商城系统支持所有类型的商品销售,包括:

  • 常规的实物商品,需要快递发货的
  • 自动发货的虚拟商品,例如教程、文字、卡密自动发卡等
  • 需要手动发货的虚拟商品,例如远程指导、游戏币充值、软件定制等

同时还支持根据用户身份限购、多选项、优惠活动、封面视频、库存、发货、售后等多种自定义功能,让站长几乎可以实现任意类型的商城网站。

创建商品

进入后台:商城,点击创建商品。然后输入商品标题,在右侧侧边栏中配置分类、标签、及参与的优惠活动。

同时我们在正中央写作商品介绍,和写文章一样。
此次我们特意新增了无缝图块,可以将多张图片无缝连接显示,更加适合展示商品详情,这也是目前大多数商品的详情介绍方式。

image

商品简介、封面等参数

我们在商品编辑页面的最底部,就可以看到商品的参数配置区域了,首先我们给商品添加商品简介和商品封面图,支持添加多张封面图,支持添加封面视频。这也和我们常见的商城功能一致。

image

商品价格及选项

接下来就是配置商品的价格和选项,商品选项也可以理解为商品规格,我们可以创建多个类型以及多个选项。

特别需要注意的是:我们一定要提前规划好商品选项,后期尽量不要改动,因为如果改动了,同时限购、库存、发货等功能如果配置的是按选项分别配置,则都需要重新配置一下。并且,我们配置好了商品选项、或修改了商品选项都一定要先保存,再刷新页面一下,然后再配置其他的功能。

image

不同的选项,支持配置不同的价格,同时还可以给选项设置图片。

image

库存及限购

库存配置支持为该商品统一配置一个库存数量,也支持根据不同选项分别配置库存数量。

限购支持根据不同用户身份配置选购数量,如果一个用户拥有多个身份,则取最大值。

image

发货及物流

在这里需要先配置商品的发货方式,也是就相当于是配置商品的属性是实物还是虚拟商品。

同时也可以配置用户必留信息,这对有些虚拟商品十分有用,例如游戏币充值要求用户必留游戏账号等

实物商品

image

自动发货的虚拟商品

自动发货的虚拟商品也就是用户购买后会自动将配置好的内容,通过邮件和站内信的方式发送给用户,同时支持开启免登陆购买,发货的内容也支持根据不同商品选项配置不同的内容。

自动发货的类型支持:固定内容、邀请码、卡密。卡密除了支持zibll的充值卡密、积分兑换卡密、优惠码等还支持自定义卡密,相当于实现自动发卡的功能。

image

当选择邀请码时候,不仅支持系统已经创建好的邀请码,还支持自动创建邀请码,无需提前创建好,用户购买后会自动按配置创建并发货,实现无人值守。

image

如果选择卡密,我们需要先创建或导入好卡密,然后填入对应的备注即可。

手动发货的虚拟商品

这个就更简单了,配合用户必留信息,可实现例如话费充值、游戏币充值、软件定制等需要商家手动处理好了后再点击发货的商品。

image

售后及服务保障

这里我们支持自定义售后及服务保障

image

UI显示样式

最后就是该商品的详情页UI样式配置了,支持自定义布局、支持添加自定义TAB栏目等

image

参数继承

最后,相信大家在配置中经常都看到默认会使用依次调用分类、主题设置中的的配置,在此处可为当前商品单独设置这样的说明,这是主题V8.2新增的配置继承功能,在获取参数时,会依次获取商品-分类-父分类-主题配置中的参数,这样就极大的扩展了参数配置的自由度和方便程度。

© 版权声明
THE END
喜欢就支持一下吧
点赞6584赞赏 分享
评论 共778条

请登录后发表评论

    • 头像狄仁杰0
    • 头像提莫0
    • 头像男枪0
    • 头像极简画师0
    • 头像剪辑十三0