Spree: 电商独立站的又一选择

馒头酱

发布于279天前
你没事吧?我美式
做电商若是烦恼自己又要弄域名又要弄服务器,或者依赖平台建站需要提交佣金的话,那可以考虑用 Spree 来建站。

Spree有完整的后台,创建商品、订单管理、页面装修等常见功能都集合一体。且是开源的软件,若是有缺的功能,可以基于开源的基础上进行添加。

https://appstore.lazycat.cloud/#/shop/detail/spree.gutenye

## 登录

在懒猫微服里安装后,需要在链接里做下改动。原链接为 Http://spree.你的盒子.heiyu.space.

在该链接的后面加上 admin,改为 Http://spree.你的盒子.heiyu.space/admin

> 刷新后,进入登录页面。登入邮箱spree@example.com 密码spree123 即可登录

![2.png](https://dl.playground.lazycat.cloud/guidelines/710/98729f9a-8e6a-417e-b4ad-9f274253cadc.png "2.png")

登录后,进入首页。

![3.png](https://dl.playground.lazycat.cloud/guidelines/710/6a49131d-2c7b-444a-914a-9afd17763847.png "3.png")

设置商店URL

- 设置 - Domain - New Domain

![4.png](https://dl.playground.lazycat.cloud/guidelines/710/f77a8be8-8145-4ba4-a817-6219dcd94efe.png "4.png")

输入  Http://spree.你的盒子.heiyu.space ,Default处打钩,点击“Create”,网站就能使用了

![5.png](https://dl.playground.lazycat.cloud/guidelines/710/ae653ad4-5f41-4718-9abe-0dc1ab1b8e27.png "5.png")

## 创建商品

在 products 处创建商品,和日常用的电商网站一样,创建商品的页面分别是输入商品的标题、商品详情、商品的SKU、商品图等,

![6.png](https://dl.playground.lazycat.cloud/guidelines/710/26647170-2cd4-4e6e-baa1-39025841cb49.png "6.png")

商品的物流信息、税,都在右侧进行设置。全都输入后,保存即创建成功。

![7.png](https://dl.playground.lazycat.cloud/guidelines/710/c24ed131-8bba-41a1-b897-438382110b5f.png "7.png")

保存成功后,若是有需要修改的,可以直接在页面修改,修改后可以点击右上角的“Update”,即修改成功。

![8.png](https://dl.playground.lazycat.cloud/guidelines/710/035cbb02-4ceb-4d5a-a8f4-4b768a347d67.png "8.png")

## 修改库存

若是要修改库存,仍然是在 Product 这里,点击 Stock,便可修改库存。红框处我是新添加的商品,因此红框的后面,便是库存。可进行修改。

![9.png](https://dl.playground.lazycat.cloud/guidelines/710/c8bfde32-f17e-492c-b162-3525222d5376.png "9.png")

## 修改商店名称和logo

点击设置(Setting)→ Store Details,便可修改:

 - Name:店铺的名称
 - Logo:上传 logo 图片

右侧的红框是设置商店的基本信息:如显示的货币名称、店铺所在国家、发货地等;都设置后保存即可,若是要修改,可在页面上直接修改,并点击 update,便更新成功了。

![10.png](https://dl.playground.lazycat.cloud/guidelines/710/f205610f-a023-40bf-9d4f-977cf968c74c.png "10.png")

都弄好后,前端显示便立即更新了。

![11.png](https://dl.playground.lazycat.cloud/guidelines/710/04aa2b01-b40e-43d7-88ed-ad53cee25d91.png "11.png")

## 商店装修

### 商店主题

在StoreFront中点击 Themes(主题),点击红框里的页面

![12.png](https://dl.playground.lazycat.cloud/guidelines/710/08e4f8ff-ee20-443d-ae08-141e9defdb64.png "12.png")

进入后,按下图的箭头处,点击各自的按钮,便可调整主题颜色或字体。调整主页的图片便点击左侧导航栏中的Image With Text

![13.png](https://dl.playground.lazycat.cloud/guidelines/710/11a3a678-be7e-4422-9378-cc979d7b1731.png "13.png")

调整字体,便直接点击”铅笔图标“,直接修改。修改后,直接返回就行。

![14.png](https://dl.playground.lazycat.cloud/guidelines/710/eb8962b1-3749-4f82-8bf5-bbf002fa12dc.png "14.png")

每个按钮的颜色,也是在调整主题色处进行修改

![15.png](https://dl.playground.lazycat.cloud/guidelines/710/5a892043-7c14-45d0-a61a-e303d990940c.png "15.png")

字体的修改,如下图所示。修改头部字体(如下图中的 on sale、 new arrivels等)就在Header font fammily里修改。

![16.png](https://dl.playground.lazycat.cloud/guidelines/710/12e93dca-2aa5-416d-9aa1-aa6c0621828c.png "16.png")

## 订单管理

若是有新订单,都会在Order中显示。点击右上角的 Export,也可以导出订单信息。

![17.png](https://dl.playground.lazycat.cloud/guidelines/710/09d5d44a-68d7-4ef1-b00a-9145c626d07f.png "17.png")

## 发货管理

点击每个单独的订单,便进入了订单详情。针对订单的发货:

 - 点击 Tracking 中的“铅笔图标”,输入快递单号;
 - 点击 ship,进行发货

![18.png](https://dl.playground.lazycat.cloud/guidelines/710/f6b8bb19-560f-43ff-aefe-e2f53ce937e0.png "18.png")

发货成功后,页面如下图所示,全都显示绿色。右侧是快递信息和收货人信息。

![19.png](https://dl.playground.lazycat.cloud/guidelines/710/1756943e-01e5-4774-a3b3-7cd540b55a65.png "19.png")

## 总结

对于电商后台的要求,皆离不开底层的需求:创建商品、订单管理、发货、装修。Spree的功能,使用下来非常顺滑,若是考虑做一个独立站的,可以试试Spree

评论

0

暂无评论

说点什么呢~
收藏
1
0
0