> ## 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). # Add-on price to components from custom feature. [1. What is Add-on Price?](#1-what-is-add-on-price)** ** [2. How to Configure Add-on Price](#1-how-to-configure-add-on-price)** ** [3. How Customers Experience Add-on Price](#1-how-customers-experience-add-on-price)** ** [4. Which Components Support Add-on Price?](#1-which-components-support-add-on-price)** ** [5. Notes for Configuring Add-on Price](#1-notes-for-configuring-add-on-price) # What is Add-on Price? This feature allows merchants to charge customers extra fees during customization by setting up an **add-on price**. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_v29pvh.png) For example, when a buyer enters a piece of text, they may need to pay an additional $1.0 USD. # How to Configure Add-on Price 1. ** Enable Add-on Price in the Component** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_128sdn3.png) At the bottom of the component where you want to apply the add-on price, find the **Add-on price** option and check it. 2. ** Select an Add-on Product** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_136uony.png) Choose a product from the **Product base** in CustoMeow as the add-on product. 3. **Create an Add-on Product (if none exists in Product base)** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_8c18ka.png) If there is no suitable add-on product, you can create a new one. 4. **Create a Product in Product Base** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_1p82ud2.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_yx200k.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_14atuq7.png) * Check **Use as add-on product** (only products with this option checked will appear in the add-on product list). * Set the product price and SKU (if the product has multiple variants, you can set different attributes and SKUs). 5. **Refresh and Select the Add-on Product** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_ubesnl.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_6cuwr5.png) Return to the add-on product list in the customization feature, click **Refresh**, and select the desired add-on product. 6. **Select Product Variant** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_1rmgoa0.png) Choose the product variant for the add-on product. 7. **Confirm and Save** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_j0xn1j.png) Confirm the add-on product and its price, then save. 8. **Preview Add-on Price** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_1t66p6.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_1kil18x.png) Preview the customer experience with the add-on price. 9. ** Integrate the customization feature into your store.** # How Customers Experience Add-on Price 1. **Enter Customization Content** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_11ua49h.png) When customers input content, the add-on price will be displayed. 2. **Add to Cart** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_1qg44zl.png) When added to the cart, the main product and the add-on product will both be included for purchase. # Which Components Support Add-on Price? 1. **Input-based Components** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_1k75y3g.png) Add-on price is triggered when customers enter specific content. Supported components include: * Text * Notes * Number * Datetime * Email * URL 2. **Option-based Components** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_s49a5d.png) Add-on price is triggered when customers select specific option values. Supported components include: * Radio * Checkbox * Image Swatch * Select Font * Select Menu * Color Swatch * Multi-Level Image Swatch * Dynamic Select 3. **Photo Upload Component** Customers pay an add-on price for uploading images. Currently, CustoMeow supports two add-on price modes for photo uploads: * **Mode 1: Per Image Pricing** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_11h19y0.png) Each uploaded image triggers a fixed add-on price. Total add-on price = Number of uploaded images ✖ Unit price. Example: If each uploaded image costs $1, uploading 2 images costs $2. * **Mode 2: Tiered Pricing Based on Quantity** ![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/2/d/e62d468f88fe6000/image_qka942.png) The add-on price varies depending on the number of uploaded images, allowing for flexible tiered pricing. Example: * 1 image = Free * 2 images = $1 * 3 images = $2 If a user uploads 1 image, it’s free; 2 images cost $1; 3 images cost $2. # **Notes for Configuring Add-on Price** * Add-on products must be based on additional products in the store and will be added to the cart alongside the main product. * When integrating customization with add-on price, if the add-on product is missing in the store, it will be automatically distributed to the corresponding store. * To update add-on price, modify the product’s base information (price) and re-publish it to your store. * If you change the product’s variant structure in the store, and the system cannot find the matching variant during customization, the add-on price will be considered invalid (in this case, the add-on product will not be added to the cart).