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.
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.
- In the left sidebar, click App embeds → turn on Customall Cart Script → click Save.
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.
- Go to Shopify Admin → Products → **Click on **Add product.
- 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
You may enable inventory tracking to manage stock, or uncheck Track quantity if the add-on should be always available.
To ensure the Add-on Price Product functions correctly, make sure it is active and available on your Sales Channel.
Step 2: Configure the Add-on Option in Customall
- Go to Artwork editor → Click on the + icon → Select Option
- 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.
- 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.
- For image or color switchers, upload appropriate images or select colors for visual accuracy.
- Click Add-on price to link each value to a Shopify variant you created in Step 1.
A popup will appear. Click on the field under Select product → Search and select your Add-on Product → Choose the corresponding variant → Click Attach.
- If you have multiple stores, you can assign a product for each store individually.
- To remove an attached variant, click the Remove button.
- You can adjust the order of option values using the drag-and-drop handle.
- To delete a value, click the X icon.
- 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.
- (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
- (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
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.
- 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.
- Once the configuration is complete, the product page will display the add-on option like this:
- 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
- Click here for user experience demonstration: Add-on Price Option Example
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.
- Expanded Personalization Choices: Adding extra names, uploading more than one photo, etc
- Extra Services: Gift wrapping, warranty plans, shipping protection, or express processing, etc
Updated on: 16/06/2025
Thank you!