> ## 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). # 如何让「定制功能」集成到产品落地页？（产品详情页） ## 在线化定制产品 在线化定制产品集成有两种模式：按SKU维度以及按产品维度。 ### 两者有何不同？ | 集成方式 | 适用情况 | | ---- | ---- | | **按 SKU 集成** | 如果您的产品不同属性需要集成不同的定制功能，按SKU集成是你的最佳选择。 | | **按产品集成** | 如果您整个产品只需要一个定制功能，请选择按产品集成。 | > **注意：** > 按产品添加功能的权重大于按SKU添加。简单举一个例子： > A产品一共有6个SKU，如果你通过「按产品」模式集成功能后， > 再拿其中一个SKU到「SKUs」模式那集成功能， > 那么详情页里还是会显示「按产品」模式集成的功能。 > API、ETSY、Tiktok等非主流自建站平台只能通过按SKU进行集成。 在进行集成操作前，请先确认店铺选择是否正确 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/3e441e6b-034c-483c-9132-0a0fecaeb5fb.png?x-oss-process=image/format%2Cwebp) ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/59f1b11c-2db6-4690-bb18-424ada9a9dc5.png?x-oss-process=image/format%2Cwebp) ### 按SKU集成 首先点击左上角店铺 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/0617c853-be0e-495a-8935-4cfb9a521360.png?x-oss-process=image/format%2Cwebp) 来到定制喵店铺-在线化定制产品-按SKU ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/8a5377c9-d71c-4a97-8c27-e814033ce642.png?x-oss-process=image/format%2Cwebp) #### 1. 添加 SKU 点击右上角「ADD SKU」按钮 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/4e917eaa-ce47-46c0-8008-d0e596b12dcf.png?x-oss-process=image/format%2Cwebp) #### 2. 输入 SKU 输入SKU > 注意，SKU中仅支持英文字母、数字以及符号-#\_，其他均不支持。 **Shopify产品SKU位置：** ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/1b3cec78-cf5b-454a-8230-15c6e944b0a5.png?x-oss-process=image/format%2Cwebp) **Shopline产品SKU位置：** ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/50f6240d-f335-4f13-8956-0fa2e53f5ee8.png?x-oss-process=image/format%2Cwebp) **Shoplazza产品SKU位置：** ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/7dc4149b-fb0e-44a3-85f6-c55956fb719b.png?x-oss-process=image/format%2Cwebp) #### 3. 确认添加 输入后点击添加 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/bf79b887-4b86-4dad-8bbe-90f3f9d3ca2e.png?x-oss-process=image/format%2Cwebp) #### 4. 添加定制功能 添加SKU后，点击「Add Feature」即可添加定制功能 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/06cc34b1-57b0-4374-8246-5625de2245e2.png?x-oss-process=image/format%2Cwebp) 此外，点击左侧勾选多个SKU，还可对SKU批量进行增删改定制功能以及追销。 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/c107f821-8b6a-4491-83a6-fd9032bce570.png?x-oss-process=image/format%2Cwebp) * 如该SKU不需要定制功能了，需要在定制喵里删除SKU ### 按产品集成 首先点击左上角店铺按钮 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/745310a8-f775-47c7-af46-957d17141ac4.png?x-oss-process=image/format%2Cwebp) 来到定制喵店铺-在线化定制产品-按产品 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/9911a9ca-865a-47e3-8905-c3cdd3f571d5.png?x-oss-process=image/format%2Cwebp) #### 1. 添加产品 点击右上方「ADD PRODUCT」按钮 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/ff9f603f-84ed-41b4-bebf-3387c60f5db8.png?x-oss-process=image/format%2Cwebp) #### 2. 选择产品 在这里我们会读取店铺中所有产品，勾选需要添加功能的产品 #### 3. 确认添加 点击「Add」 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/e6f191a7-76ae-4e55-9959-27ba7dabd8a8.png?x-oss-process=image/format%2Cwebp) #### 4. 添加定制功能 点击「Add Feature 」即可添加定制功能 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/c84f4806-3252-4627-b6d5-2adc82e1167c.png?x-oss-process=image/format%2Cwebp) ## POD 根据店铺类型不同，集成方式也有不同： 主流自建站平台以及Woo是通过按产品集成（与“在线定制化”中的按产品一样） API店铺只能通过「产品分发」功能集成 ### 按产品集成 来到定制喵店铺-POD产品 #### 1. 添加产品 点击右上角「ADD PRODUCT」按钮 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/d1ecc135-0152-4703-8e66-0177ff27cbd3.png?x-oss-process=image/format%2Cwebp) #### 2. 选择产品 我们会读取店铺中的所有产品，选择产品并点击右下角「ADD」 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/23840de4-9f6b-4b1f-8552-95e6771404d5.png?x-oss-process=image/format%2Cwebp) #### 3. 编辑产品 添加产品后，点击红框中的编辑 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/1cd8bb99-752c-4eef-9f65-039735567654.png?x-oss-process=image/format%2Cwebp) #### 4. 配置变体与 Mockup 来到了POD产品页面，这里会展示出所有产品变体（多属性、多款式、Variants、基本产品规格……） ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/3d15bf58-9fa8-47df-a54b-d96d9db566a8.png?x-oss-process=image/format%2Cwebp) 在变体下方有一个勾选项叫「Allow selecting multiple options within POD designer.」 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/9729efc5-58f4-4753-a09e-3ac61c4036cb.png?x-oss-process=image/format%2Cwebp) 当商户勾选后，消费者可以在设计器中选择其他产品变体并加车 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/2b432f5f-8ac1-4fc6-85cb-09fc173c94c2.png?x-oss-process=image/format%2Cwebp) > **注意：商户需要分清楚以下情况** > * 所有尺寸用同一个Mockup，可勾选 > * 商品不同材质但Mockup中的设计区域参数一致且实际生产效果一致，可勾选 > * **如果设计区域参数不同，请不要勾选** 鼠标往下翻滚，我们可以看到更细分的变体项 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/5b3f9fba-5beb-4842-9cca-d3f4e4be7fdf.png?x-oss-process=image/format%2Cwebp) 点击红框处，会展开更多细分的变体项 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/649d49f2-2b84-4e5a-8dd7-c03a6558ce67.png?x-oss-process=image/format%2Cwebp) ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/8228750a-3a60-4b56-a1fc-de822e5b03e0.png?x-oss-process=image/format%2Cwebp) 在这里我们可以对一整个变体项添加Mockup ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/0405a002-6507-46cc-8106-4d364db8792b.png?x-oss-process=image/format%2Cwebp) ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/77a486ed-802f-4bd1-a0ee-a649f54df61c.png?x-oss-process=image/format%2Cwebp) 也可以为细分变体项单独添加Mockup ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/d0bae087-043e-4467-85a6-32b04c110de0.png?x-oss-process=image/format%2Cwebp) ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/20bb25bc-94aa-4c92-9eaa-1331d9dc41a8.png?x-oss-process=image/format%2Cwebp) #### 5. 完成集成 当添加好后，鼠标往上滑回到顶部，点击右上角「INTEGRATE」，完成POD产品集成 ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/53ee26e2-4446-4450-8785-141019743aa6.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/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/5lua5lmi5piv5yqg5lu35lqn5zob77yf-pbohnp/) - [关于加价产品和追销产品以及其在购物车绑定方法](https://help.customeow.io/zh/article/5ywz5lqo5yqg5lu35lqn5zob5zkm6l96zsa5lqn5zob5lul5yk5yw25zyo6lst54mp6l2m57ur5a6a5pa55rov-1pyslym/)