> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.customall.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 Configure Add-on Price Option # What is Add-on Price **Add-on Price** allows you to set an extra charge for specific personalization options, helping you increase your average order value. When a customer selects an option with an add-on price, the extra fee is automatically included in the product’s total at checkout. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1nuuc9u.png) # How to Set Up an Add-on Price Option To ensure the add-on product is displayed correctly on the cart page, you must first enable the Customall Cart Script in your Shopify theme. * Go to **Online Store** → **Themes** → click **Customize** on the theme you are currently using. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_u5geme.png) * In the left sidebar, click **App embeds** → turn on **Customall Cart Script** → click **Save**. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_d5c6wf.png) ### Step 1: Create a Shopify Product for Add-on Charges To apply additional charges to your product, begin by creating a new product in your Shopify store. 1. Go to **Shopify Admin → Products → **Click on **Add product**. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1fx43a6.png) 2. Enter your product name. Then scroll to the **Variants** section and create variants that represent your add-on options. For example: * Add Text – $5 * Upload Photo – $10 * Add Text + Upload Photo – $15 ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1alhgx.png) || This product will represent your extra charges and will be added to the shopping cart alongside your main product. You may enable inventory tracking to manage stock, or uncheck **Track quantity** if the add-on should be always available. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1x1vdk1.png) To ensure the Add-on Price Product functions correctly, make sure it is active and available on your **Sales Channel**. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1b7pn9r.png) ### Step 2: Configure the Add-on Option in Customall 1. Go to Artwork editor → Click on the **+** icon → Select **Option** ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_cbv8kp.png) 2. Set up the option by defining values in the **Layer Settings**: * **Label**: Title shown on the storefront. * **Placeholder**: Temporary text shown in the selection field before user input. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1owau5z.png) * **Display mode**: Choose how options appear (e.g., dropdown, checkbox, switcher, etc). * Click on **+ Add** button to create option values. Each click will generate a new row for input. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_137vfu.png) * For image or color switchers, upload appropriate images or select colors for visual accuracy. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_114lfoh.png) * Click **Add-on price** to link each value to a Shopify variant you created in Step 1. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_v4dwg2.png) A popup will appear. Click on the field under **Select product** → Search and select your Add-on Product → Choose the corresponding variant → Click **Attach**. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_14qkkvm.png) || Switching the display mode will reset the add-on price configuration. * If you have multiple stores, you can assign a product for each store individually. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1a59mpa.png) * To remove an attached variant, click the **Remove** button. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1iz3ndi.png) * You can adjust the order of option values using the drag-and-drop handle. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_pbkc4u.png) * To delete a value, click the **X** icon. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_o1k2ob.png) * **Default value**: The value shown in the preview before customer interaction. * **Apply to all template**: Allows layer settings from one template to be applied to others that share the same layer ID within the artwork. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_8zoj2t.png) 3. (Optional) Add layers and set up conditions according to the values in the option layer Read this article to learn more about setting conditions [Advanced Settings in Artwork](/en/article/advanced-settings-in-artwork-1ujh5op/) 4. (Optional) The Advanced Settings section of the Option Layer will have the same editing options as other layers. Read this article to learn more about Advanced Settings: [Advanced Settings in Artwork](/en/article/advanced-settings-in-artwork-1ujh5op/) # Detailed Example of Creating an Add-on Price Option in Customall To create an option that adds an extra fee for text personalization using **Button Display Mode**, please follow the instructions below: * Click on the **+** icon → Select **Option** * In the **Layer Settings** section, fill in the necessary fields. Then, link the option value to the corresponding Shopify variant that includes the additional charge. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1cmk5ew.png) * Add a new **Text Layer** to your design and set the display condition so that this text layer only appears when the option **Add Text?** equals **Yes.** ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_uxpxw3.png) * Once the configuration is complete, the product page will display the add-on option like this: ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_ljn79h.png) * When customers select an add-on personalization option and add the product to their cart, the associated Shopify variant with the extra charge will be included automatically ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1a8wxjk.png) * Click here for user experience demonstration: [Add-on Price Option Example](https://demo.customall.io/products/custom-photo-chibi-girl-personalized-tumbler) || Add-on price cannot be set in template settings. Therefore, you should use option layer to set conditions for your design. # Best Practices for Upselling with Add-on Price Feature You can effectively use add-on charges to increase your average order value by offering: * **Design Customization Options:** Uploading custom photos, Changing clipart, etc. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_f4lksm.png) * **Expanded Personalization Choices:** Adding extra names, uploading more than one photo, etc ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_183dvrl.png) * **Extra Services:** Gift wrapping, warranty plans, shipping protection, or express processing, etc ![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_wvt3mv.png)