> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.customeow.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 什么是加价产品？

## 关于加价产品

在主商品定制过程中，消费者为了获得更高级、更个性化的定制效果，或者更完美的送礼仪式感，而自愿额外支付的附加费用的功能。

- 例如：无加价时商品只能抠一个头；加价后商家可提供两个头、三个头等。

- 无加价时商品只能定制正面；加价后消费者可定制背面。

- 无加价时商品只能传图；加价后消费者可添加文字。

Try it here：[https://demo-shopify.customeow.io/products/add-on-price-demo?\_pos=2&\_psq=Add&\_psid=3226f60e0&\_ss=e&\_v=1.0](https://demo-shopify.customeow.io/products/add-on-price-demo?_pos=2&_psq=Add&_psid=3226f60e0&_ss=e&_v=1.0)

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/6dc57b7f-9476-460a-8f6b-1bd68e180f8f.png?x-oss-process=image/format%2Cwebp)

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/b4f8405c-5db0-48d6-b288-d0e4a2e99d10.png?x-oss-process=image/format%2Cwebp)

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/90667dc9-e795-48bb-b9b5-c65d1404a5d0.png?x-oss-process=image/format%2Cwebp)

## 如何配置加价产品？

> 功能实现原理：
> 1. 配置加价时，定制喵会引导你创建一个加价产品；
> 2. 集成定制功能时，定制喵会把加价产品发送到你的店铺；
> 3. 用户选择加价项并加车时，主产品和加价产品会一并加入购物车。

在体验链接里，我们把「菜单选项」中的一个选项配置了加价产品。下面以此为例讲解。

### 1. 打开组件的加价配置

来到定制功能配置页面，选择你需要配置加价功能的组件

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/1f561e39-9a0e-4051-8242-757d0055b1d9.png?x-oss-process=image/format%2Cwebp)

向下滚动并找到「加价（Add-on Price）」

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/36662aed-8d4b-477b-85f8-9944814fffc7.png?x-oss-process=image/format%2Cwebp)

点击后会弹出配置窗口。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/30367e58-25ad-409d-8ddb-515537027fc7.png?x-oss-process=image/format%2Cwebp)

### 2. 了解批量配置方式

这里有几个批量操作的功能点

#### 1. 所有选项共用一个加价产品

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/68ea3edd-f891-4375-876f-02d32fc580b3.png?x-oss-process=image/format%2Cwebp)

可以看到只需要配置一个产品即可

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/bf4ab3de-5a52-44b4-86d9-365a3f4b25ae.png?x-oss-process=image/format%2Cwebp)

#### 2. 为多个选项批量添加加价产品

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/77927dc0-01ef-4020-96aa-019f47610426.png?x-oss-process=image/format%2Cwebp)

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/3e0fe58f-4611-4664-821b-070666d14205.png?x-oss-process=image/format%2Cwebp)

### 3. 为选项选择或创建加价产品

我们需要为“Yes”选项配置加价产品，因此点击对应的高亮区域。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/f8b80edc-7f60-4bc5-8569-6e79f25837c4.png?x-oss-process=image/format%2Cwebp)

随后会弹出选择产品窗口，读取的是定制喵产品页面中的产品。首次配置时需要创建产品，点击右下角创建，会打开一个新浏览器标签页。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/1c4e71f8-bc7e-41e2-8b25-4370ed624eba.png?x-oss-process=image/format%2Cwebp)

### 4. 填写加价产品信息

来到产品创建页面

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/18dc13d0-7586-455f-ac4b-d6fa9ab9d023.png?x-oss-process=image/format%2Cwebp)

正常填写加价产品名称，例如 Add One Text、Add Two Text、Add One Photo，主要用于告诉消费者该加价产品的用途。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/3ceb02a3-1517-47f7-a188-8c9dd3965885.png?x-oss-process=image/format%2Cwebp)

填写价格、SKU等产品信息（产品图片可暂不上传）后，在右下角找到产品用途（Product Use Case），务必勾选「加价（Add-on Price）」，否则功能会失效。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/451e7c63-7eb1-4a1d-8720-948b979415ab.png?x-oss-process=image/format%2Cwebp)

### 5. 设置主图并保存产品

勾选后会弹出4个图片，任意选择一个作为产品主图即可。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/36dbb698-c351-40a2-9cef-d18a6613ff70.png?x-oss-process=image/format%2Cwebp)

添加后向上滚动并点击保存。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/2261ea31-e7be-439a-8958-e083eeef3ff0.png?x-oss-process=image/format%2Cwebp)

### 6. 返回配置页面并选择产品或变体

保存后，创建产品的标签页会关闭。回到原页面后点击刷新（Refresh）。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/5304722a-b600-4795-83af-931f309fbd7f.png?x-oss-process=image/format%2Cwebp)

刷新后，新创建的加价产品会显示在第一个，点击选择它；继续点击确认。若创建的是多变体产品，请选择对应变体。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/b3692efe-153c-42ac-82ef-7d5b5e18340f.png?x-oss-process=image/format%2Cwebp)

若创建的是多变体产品，请选择对应变体。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/6e2b76aa-b4f5-441c-8fa6-55372263d0aa.png?x-oss-process=image/format%2Cwebp)

### 7. 完成配置并预览保存

“Yes”选项已配置完成，点击右下角完成。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/706e69be-f8f5-42f8-a8b8-5fe35383bc38.png?x-oss-process=image/format%2Cwebp)

此时可看到加价（Add-on Price）已勾选，然后点击右上角预览和保存查看效果。

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/bb6262b3-7f09-434a-97be-6cc080ebae33.png?x-oss-process=image/format%2Cwebp)

完成

![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/4ac9a1cf-b791-4824-9dd3-0a8e44c3efc6.png?x-oss-process=image/format%2Cwebp)

> 保存后，新配置的加价产品不会立刻同步到已绑定店铺；只有集成该定制功能时才会自动同步，请勿删除。若功能此前已集成，则配置加价并保存后会立即同步到店铺。

如需将加价产品和主产品绑定，需要修改购物车主题代码。

## 拓展阅读

### 新手入门

- [连接店铺](https://help.customeow.io/zh/article/6le5o6l5bqx6zo6-1hgumgi/)
- [新手向：跟着教程创建你的第一个定制功能](https://help.customeow.io/zh/article/5paw5oml5zcr77ya6lef552a5pwz56il5yib5bu65l2g55qe56ys5lia5liq5a6a5yi25yqf6io9-1mdw4s4/)
- [如何让「定制功能」集成到产品落地页？（产品详情页）](https://help.customeow.io/zh/article/5aac5l2v6k6p44cm5a6a5yi25yqf6io944cn6zug5oiq5yiw5lqn5zob6jc95zyw6ag177yf77yi5lqn5zob6km5oof6ag177yj-2ivrml/)

### 进阶功能

- [定制喵中的「模板」](https://help.customeow.io/zh/article/5a6a5yi25za15lit55qe44cm5qih5p244cn-1fy2no5/)
- [使用组件的条件判断实现组件的显示隐藏控制](https://help.customeow.io/zh/article/5l255so57ue5lu255qe5p2h5lu25yik5pat5a6e546w57ue5lu255qe5pi56s66zqq6jep5o6n5yi2-1dxls92/)
- [工作流-WorkFlow能干什么](https://help.customeow.io/zh/article/workflow-36no1x/)

### 加价与追销

- [什么是追销产品？](https://help.customeow.io/zh/article/5lua5lmi5piv6l96zsa5lqn5zob77yf-1ggsy/)
- [关于加价产品和追销产品以及其在购物车绑定方法](https://help.customeow.io/zh/article/5ywz5lqo5yqg5lu35lqn5zob5zkm6l96zsa5lqn5zob5lul5yk5yw25zyo6lst54mp6l2m57ur5a6a5pa55rov-1pyslym/)