> ## 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). # How to Integrate a Customization Feature into a Product Landing Page (Product Detail Page) ## Online customization products Online customization products can be integrated in two ways: by SKU or by product. ### What is the difference? | Integration method | When to use it | | ---- | ---- | | **By SKU** | Choose SKU-based integration if different product attributes require different customization features. For example, one product may have three colors, each requiring a different preview. | | **By product** | Choose product-based integration if the entire product needs only one customization feature. | > **Important:** Product-based integration takes priority over SKU-based integration. If a product already has a product-level feature and you add a SKU-level feature to one of its SKUs, the product-level feature will still appear on the product detail page. > API stores, Etsy, TikTok, and similar non-mainstream self-hosted platforms can only be integrated by SKU. Before integrating, make sure the correct store is selected. ![](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) ### Integration by SKU First, click the store in the upper-left corner. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/0617c853-be0e-495a-8935-4cfb9a521360.png?x-oss-process=image/format%2Cwebp) then go to **Store → Custom Product SKUs → By SKU**. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/8a5377c9-d71c-4a97-8c27-e814033ce642.png?x-oss-process=image/format%2Cwebp) #### 1. Add a SKU Click **ADD SKU** in the upper-right corner. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/4e917eaa-ce47-46c0-8008-d0e596b12dcf.png?x-oss-process=image/format%2Cwebp) #### 2. Enter the SKU Enter the SKU. > **SKU format:** SKUs support only English letters, numbers, and the symbols `-`, `#`, and `_`. **Where to find a product SKU in Shopify** ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/1b3cec78-cf5b-454a-8230-15c6e944b0a5.png?x-oss-process=image/format%2Cwebp) **Shopline** ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/50f6240d-f335-4f13-8956-0fa2e53f5ee8.png?x-oss-process=image/format%2Cwebp) **Shoplazza** ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/7dc4149b-fb0e-44a3-85f6-c55956fb719b.png?x-oss-process=image/format%2Cwebp) #### 3. Confirm the SKU After entering it, click **Add**. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/bf79b887-4b86-4dad-8bbe-90f3f9d3ca2e.png?x-oss-process=image/format%2Cwebp) #### 4. Add a customization feature After adding the SKU, click **Add Feature** to add a customization feature. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/06cc34b1-57b0-4374-8246-5625de2245e2.png?x-oss-process=image/format%2Cwebp) You can also select multiple SKUs on the left to batch-add, remove, or edit customization features and upsells. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/c107f821-8b6a-4491-83a6-fd9032bce570.png?x-oss-process=image/format%2Cwebp) - If a SKU no longer needs a customization feature, delete that SKU in CustoMeow. ### Integration by product First, click the store button in the upper-left corner. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/745310a8-f775-47c7-af46-957d17141ac4.png?x-oss-process=image/format%2Cwebp) then go to **Store → Custom Product SKUs → Product**. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/9911a9ca-865a-47e3-8905-c3cdd3f571d5.png?x-oss-process=image/format%2Cwebp) #### 1. Add a product Click **ADD PRODUCT** in the upper-right corner. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/ff9f603f-84ed-41b4-bebf-3387c60f5db8.png?x-oss-process=image/format%2Cwebp) #### 2. Select products All products in the store will be loaded. Select the products that need the feature. #### 3. Confirm your selection Click **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 a customization feature Click **Add Feature** to add a customization feature. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/c84f4806-3252-4627-b6d5-2adc82e1167c.png?x-oss-process=image/format%2Cwebp) ## POD Integration varies by store type: major self-hosted platforms and WooCommerce use product-based integration; API stores can only be integrated through **Product Publish**. ### Integration by product Go to **CustoMeow Store → POD Products**. #### 1. Add a product Click **ADD PRODUCT** in the upper-right corner. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/d1ecc135-0152-4703-8e66-0177ff27cbd3.png?x-oss-process=image/format%2Cwebp) #### 2. Select products All store products will be loaded. Select products, then click **ADD** in the lower-right corner. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/23840de4-9f6b-4b1f-8552-95e6771404d5.png?x-oss-process=image/format%2Cwebp) #### 3. Edit the product After adding a product, click **Edit** in the highlighted area. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/1cd8bb99-752c-4eef-9f65-039735567654.png?x-oss-process=image/format%2Cwebp) #### 4. Configure variants and Mockups You are now on the POD product page, which displays all product variants, styles, and basic specifications. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/3d15bf58-9fa8-47df-a54b-d96d9db566a8.png?x-oss-process=image/format%2Cwebp) Below the variants is **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) When enabled, customers can select other product variants and add them to the cart in the designer. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/2b432f5f-8ac1-4fc6-85cb-09fc173c94c2.png?x-oss-process=image/format%2Cwebp) > **When to enable this option:** > - Enable it when all sizes use one Mockup. > - It can also be enabled for different materials when the Mockup design-area settings and production result are identical. > - **Do not enable it when design-area parameters differ.** Scroll down to view more detailed variant items. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/5b3f9fba-5beb-4842-9cca-d3f4e4be7fdf.png?x-oss-process=image/format%2Cwebp) Click the highlighted area to expand more detailed variant options. ![](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) Here, you can add a Mockup to an entire variant group. ![](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) You can also add a Mockup separately to individual variants. ![](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. Complete the integration After adding everything, scroll back to the top and click **INTEGRATE** in the upper-right corner to complete POD product integration. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261022/53ee26e2-4446-4450-8785-141019743aa6.png?x-oss-process=image/format%2Cwebp) ## Further Reading ### Getting Started - [Connect Your Store](https://help.customeow.io/en/article/connect-your-store-9kzhxj/) - [Beginner Guide: Create Your First Customization Feature Step by Step](https://help.customeow.io/en/article/beginner-guide-create-your-first-customization-feature-step-by-step-3th848/) ### Advanced Features - [Templates in CustoMeow](https://help.customeow.io/en/article/templates-in-customeow-d69xbk/) - [Use Component Conditions to Control Whether Components Are Shown or Hidden](https://help.customeow.io/en/article/use-component-conditions-to-control-whether-components-are-shown-or-hidden-1r2defw/) - [What Can Workflow Do?](https://help.customeow.io/en/article/what-can-workflow-do-3jwgks/) ### Add-on Pricing and Upselling - [What Is an Add-on Price Product?](https://help.customeow.io/en/article/what-is-an-add-on-price-product-959ka/) - [What Is an Upsell Product?](https://help.customeow.io/en/article/what-is-an-upsell-product-9pmt71/) - [Cart Binding for Add-Price and Upsell Products](https://help.customeow.io/en/article/cart-binding-for-add-price-and-upsell-products-bi7wjx/)