# Shopify商店配置手册

# Shopify店铺插件功能介绍

### 最终配置完成后Shopify店铺功能介绍

##### 1、经销商门店在地图上分布，支持预约服务、支持预约试驾

Shopify演示店铺地址：https://bsd-tjl-041516.myshopify.com，密码：euldau

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/etgimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/etgimage.png)

**预约服务**

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/Iejimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/Iejimage.png)

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/g6Timage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/g6Timage.png)

**预约试驾**

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/3MRimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/3MRimage.png)

##### 2、商品购买详情页支持查看附近的门店是否有改产品库存，支持预约上门试驾

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/Al9image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/Al9image.png)

##### 3、用户下单时支持选择门店安装服务

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/SNyimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/SNyimage.png)

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/FUDimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/FUDimage.png)

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/YZdimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/YZdimage.png)

### Shopify集成自定义物流服务配置流程

##### 1、首先创建一个应用，获取到API Access Token

进入在线商店的设置页面，点击“应用和销售渠道”，再点击“开发应用”，最后点击“创建应用”：

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/CqEimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/CqEimage.png)

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/mVEimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/mVEimage.png)

给应用授权后，再安装应用，安装成功后就可以获取到API Access Token

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/YiKimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/YiKimage.png)

**完整需要的权限如下：**

  
read\_shipping、 read\_orders、 write\_shipping、 read\_inventory、read\_products、

 read\_third\_party\_fulfillment\_orders、 write\_orders、 read\_returns、 write\_returns、

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/LH3image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/LH3image.png)

将API Access Token填入EasyCraft平台，如下：

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/DLZimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/DLZimage.png)

##### 2、安装插件应用，配置Shopify店铺前台页面，以下是一个商店的配置流程：

进入商店管理后台，进入“在线商店”，点击“自定义”

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/I98image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/I98image.png)

配置视频如下：

<video controls="controls" height="454" style="width: 719px; height: 538px;" width="605"> <source src="https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm" type="video/mp4"></source></video>

视频如果无法观看，请复制以下链接后在浏览器中打开：

[https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm](https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm "Shopify店铺插件配置教程视频")

# Shopify店铺插件配置及功能介绍-客户

### 最终配置完成后Shopify店铺功能介绍

##### 1、经销商门店在地图上分布，支持预约服务、支持预约试驾

（如有需要可以联系客户经理进行系统演示）

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/etgimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/etgimage.png)

**预约服务**

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/Iejimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/Iejimage.png)

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/scaled-1680-/59Vimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/59Vimage.png)

**预约试驾**

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/scaled-1680-/mlrimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/mlrimage.png)

##### 2、商品购买详情页支持查看附近的门店是否有改产品库存，支持预约上门试驾

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/Al9image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/Al9image.png)

##### 3、用户下单时支持选择门店安装服务

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/scaled-1680-/azNimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/azNimage.png)

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/scaled-1680-/waAimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/waAimage.png)

Shipping method区域功能介绍，这一块分两大部分：

<div class="rich-text-paragraph" data-eleid="2" id="bkmrk--7"></div>客户自己在Shopify后台配置的物流运输方式，就是前面不带序号的，如下图A区域;

<div class="rich-text-paragraph" data-eleid="2" id="bkmrk--8"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--9"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--10"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--11"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--12"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--13"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--14"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--15"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--16"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--17"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--18"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--19"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--20"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--21"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--22"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--23"></div>通过我们平台返回的门店列表，前面都有序号，如下图B/C/D区域：

<div class="rich-text-paragraph" data-eleid="2" id="bkmrk--24"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--25"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--26"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--27"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--28"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--29"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--30"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--31"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--32"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--33"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--34"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--35"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--36"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk-b---%E5%93%81%E7%89%8C%E6%96%B9%E7%AD%BE%E7%BA%A6%E7%9A%84%E9%97%A8%E5%BA%97%EF%BC%8C%E6%AF%8F%E4%B8%AA%E9%80%89%E9%A1%B9%E7%94%B1%E4%B8%80%E4%B8%AA">- B - 品牌方签约的门店，每个选项由一个门店组成，

</div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--37"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--38"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk-c---%E5%93%81%E7%89%8C%E6%96%B9%E6%9C%AA%E7%AD%BE%E7%BA%A6%E7%9A%84%E9%97%A8%E5%BA%97%EF%BC%8C%E7%94%B1%E6%9C%80%E8%BF%91%E7%9A%845%E5%AE%B6">- C - 品牌方未签约的门店，由最近的5家门店组合在一起

</div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--39"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--40"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk-d---%E5%93%81%E7%89%8C%E6%96%B9%E7%AD%BE%E7%BA%A6%E7%9A%84%E6%94%AF%E6%8C%81%E4%B8%8A%E9%97%A8%E5%AE%89%E8%A3%85%E7%9A%84%E9%97%A8%E5%BA%97%EF%BC%8C">- D - 品牌方签约的支持上门安装的门店，每个选项由一个门店组成

</div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--41"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--42"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--43"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--44"></div><div class="rich-text-paragraph" data-eleid="2" id="bkmrk--45"></div>[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/YZdimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/YZdimage.png)

### Shopify集成自定义物流服务配置流程

##### 1、首先创建一个应用，获取到API Access Token

进入在线商店的设置页面，点击“应用和销售渠道”，再点击“开发应用”，最后点击“创建应用”：

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/CqEimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/CqEimage.png)

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/scaled-1680-/bpBimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/bpBimage.png)

给应用授权后，再安装应用，安装成功后就可以获取到API Access Token

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/YiKimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/YiKimage.png)

**完整需要的权限如下：**

  
read\_shipping、 read\_orders、 write\_shipping、 read\_inventory、read\_products、

 read\_third\_party\_fulfillment\_orders、 write\_orders、 read\_returns、 write\_returns、

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/LH3image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/LH3image.png)

将API Access Token填入ServiceOn平台，如下：

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/scaled-1680-/image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/image.png)

##### 2、安装插件应用，配置Shopify店铺前台页面，以下是一个商店的配置流程：

进入商店管理后台，进入“在线商店”，点击“自定义”

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/I98image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/I98image.png)

配置视频如下：

<video controls="controls" height="454" style="width: 719px; height: 538px;" width="605"> <source src="https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm" type="video/mp4"></source></video>

<span style="color: rgb(224, 62, 45);">视频如果无法观看，请复制以下链接后在浏览器中打开：</span>

[https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm](https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm "Shopify店铺插件配置教程视频")

# Shopify店铺插件配置

### Shopify集成自定义物流服务配置流程

##### 1、首先创建一个应用，获取到API Access Token

进入在线商店的设置页面，点击“应用和销售渠道”，再点击“开发应用”，最后点击“创建应用”：

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/CqEimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/CqEimage.png)

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/scaled-1680-/bpBimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/bpBimage.png)

给应用授权后，再安装应用，安装成功后就可以获取到API Access Token

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/YiKimage.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/YiKimage.png)

**完整需要的权限如下：**

  
read\_shipping、 read\_orders、 write\_shipping、 read\_inventory、read\_products、

 read\_third\_party\_fulfillment\_orders、 write\_orders、 read\_returns、 write\_returns、

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/LH3image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/LH3image.png)

将API Access Token填入ServiceOn平台，如下：

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/scaled-1680-/image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-06/image.png)

##### 2、安装插件应用，配置Shopify店铺前台页面，以下是一个商店的配置流程：

进入商店管理后台，进入“在线商店”，点击“自定义”

[![image.png](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/scaled-1680-/I98image.png)](https://d2msipxqnvj5w6.cloudfront.net/uploads/images/gallery/2024-05/I98image.png)

配置视频如下：

<video controls="controls" height="454" style="width: 719px; height: 538px;" width="605"> <source src="https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm" type="video/mp4"></source></video>

<span style="color: rgb(224, 62, 45);">视频如果无法观看，请复制以下链接后在浏览器中打开：</span>

[https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm](https://cloud.besender.com/index.php/s/SdagQF58RagcwsA/download/bsd-tjl-041516-Shopify.webm "Shopify店铺插件配置教程视频")