> ## 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). # What Is an Add-on Price Product? ## About add-on price products An add-on price feature lets customers voluntarily pay an extra fee during product customization for a more advanced, personalized result or an enhanced gifting experience. For example: - Without an add-on, a product may allow only one face cutout; with an add-on, the merchant can offer two or three. - Without an add-on, customers may customize only the front; with an add-on, they can customize the back. - Without an add-on, customers can only upload an image; with an add-on, they can add text. [Try the add-on price demo](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) ## How do I configure an add-on price product? > **How it works:** > 1. While configuring an add-on, CustoMeow guides you to create an add-on price product. > 2. When the customization feature is integrated, CustoMeow sends it to your store. > 3. When a customer chooses the add-on and adds to cart, both the main and add-on products are added. In the demo, one option in the **Menu Selector** is configured with an add-on price product. The following steps use that example. ### 1. Open the component’s add-on price settings Go to the feature set configuration page and select the component you want to configure. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/1f561e39-9a0e-4051-8242-757d0055b1d9.png?x-oss-process=image/format%2Cwebp) Scroll down to **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) Click it to open the configuration dialog. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/30367e58-25ad-409d-8ddb-515537027fc7.png?x-oss-process=image/format%2Cwebp) ### 2. Explore batch configuration options There are several key features here: #### 1. Use one add-on price product for all options ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/68ea3edd-f891-4375-876f-02d32fc580b3.png?x-oss-process=image/format%2Cwebp) As you can see, you only need to configure one product. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/bf4ab3de-5a52-44b4-86d9-365a3f4b25ae.png?x-oss-process=image/format%2Cwebp) #### 2. Batch-add add-on price products for multiple options ![](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. Select or create an add-on price product To configure an add-on price product for the **Yes** option, click its highlighted area. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/f8b80edc-7f60-4bc5-8569-6e79f25837c4.png?x-oss-process=image/format%2Cwebp) A product-selection dialog then appears, listing products from CustoMeow’s Products page. For your first configuration, create a product by clicking Create in the lower-right corner; a new browser tab opens. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/1c4e71f8-bc7e-41e2-8b25-4370ed624eba.png?x-oss-process=image/format%2Cwebp) ### 4. Enter the product details You are now on the product-creation page. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/18dc13d0-7586-455f-ac4b-d6fa9ab9d023.png?x-oss-process=image/format%2Cwebp) Enter a normal add-on product name, such as **Add One Text**, **Add Two Text**, or **Add One Photo**, so customers understand its purpose. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/3ceb02a3-1517-47f7-a188-8c9dd3965885.png?x-oss-process=image/format%2Cwebp) After entering product information such as price and SKU (you may skip the product image for now), find **Product Use Case** in the lower-right corner and select **Add-on Price**. This is required for the feature to work. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/451e7c63-7eb1-4a1d-8720-948b979415ab.png?x-oss-process=image/format%2Cwebp) ### 5. Set the product image and save After selecting it, four images appear. Choose any one as the product’s main image. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/36dbb698-c351-40a2-9cef-d18a6613ff70.png?x-oss-process=image/format%2Cwebp) After adding it, scroll up and click **Save**. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/2261ea31-e7be-439a-8958-e083eeef3ff0.png?x-oss-process=image/format%2Cwebp) ### 6. Return and select the product or variant After saving, the product-creation tab closes. Return to the original page and click **Refresh**. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/5304722a-b600-4795-83af-931f309fbd7f.png?x-oss-process=image/format%2Cwebp) After refreshing, the newly created add-on price product appears first. Select it and click **Confirm**. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/b3692efe-153c-42ac-82ef-7d5b5e18340f.png?x-oss-process=image/format%2Cwebp) If you created a multi-variant product, choose the appropriate variant. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/6e2b76aa-b4f5-441c-8fa6-55372263d0aa.png?x-oss-process=image/format%2Cwebp) ### 7. Complete the configuration and preview The **Yes** option is now configured. Click **Done** in the lower-right corner. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/706e69be-f8f5-42f8-a8b8-5fe35383bc38.png?x-oss-process=image/format%2Cwebp) You can see that **Add-on Price** is selected; click **Preview & Save** in the upper-right corner to review the result. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/bb6262b3-7f09-434a-97be-6cc080ebae33.png?x-oss-process=image/format%2Cwebp) Configuration complete. ![](https://assets.staticmeow.com/customeow/static/open-component-cover/20261026/4ac9a1cf-b791-4824-9dd3-0a8e44c3efc6.png?x-oss-process=image/format%2Cwebp) > **Store synchronization:** > After saving, the newly configured add-on price product does not sync immediately to your connected store. It syncs automatically only when the customization feature is integrated, so do not delete it. > > If the feature has already been integrated, saving the add-on configuration syncs it to the store immediately. If you need to bind the add-on price product to the main product, you will need to modify your cart theme code. ## 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/) - [How to Integrate a Customization Feature into a Product Landing Page (Product Detail Page)](https://help.customeow.io/en/article/how-to-integrate-a-customization-feature-into-a-product-landing-page-product-detail-page-9b1ke5/) ### 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 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/)