Options with Costs can be Displayed in Four ways :

1. Cart Transform (New and recommended)

2.  Draft Order (OLD)

3. Creating a new product (OLD)

4.  Additional Product that helps price increase (OLD)

5. Link Variant

 

1) Cart Transform

Using Shopify’s newly introduced Cart Transform method, we dynamically bundle:

• The main product
• Any linked variant or add-on products (when applicable)
• The additional option-based price

 

These elements are merged into a single bundled line item that accurately reflects the final customized price across both the cart and checkout. The original product remains unchanged, ensuring clean product data and full compatibility with Shopify’s native workflows.

 

To activate this feature:

1) Open the Zepto Product Personalizer app

2) Go to Settings → Additional Pricing

3) Select Cart Transform Method

4) Click Save

That’s it — the feature is enabled immediately.

 

2) Draft Order

This method allows us to create a Draft Order in the Merchants store and show that order on the Checkout page. Usually, we create a second custom product and show it on the checkout page to adjust the additional price. The screenshot below shows how to activate this option from the app’s Settings page.

You can also customize the title of the second product that will be added to the checkout page. You can either give a full customized name or add a part after the title of the Base Product that is being added to the cart. The screenshot below demonstrates how the checkout page is shown when the Draft order is enabled in a store.

In the image below, you can see a custom product being added to the draft order that adds the additional price of 10$ on the checkout page.

Here, on the checkout page, the 10$ additional price is adjusted by adding a custom product.

Unfortunately, the draft order is incompatible with the discount code box on the checkout page. To overcome this limitation, we developed a feature to show the discount code box on the cart page or drawer cart (Subject to compatibility). You can enable this feature from the settings page. Note that the discount box is only available if the Draft order is chosen as “Additional pricing type.”

Sadly, in the case of Draft Order, express checkout using Paypal, ShopPay, etc., is not compatible when used except on the checkout page. The customer must click the checkout button first to go to the checkout page, where the custom product will be created and attached.

3) Creating a new product:

We can create a new one each time a customer clicks the add to cart button. The total price and the additional price are set as the selling price of this new product, and the customization preview is set as the image. This is the only way to show only a single product on the checkout page and show the customized preview as a thumbnail of the product.You can enable this feature from the general settings of the product customizations page.

Documentation to hide the newly created products in the collection and search page: Click here

Documentation to automatically delete the newly created products after a certain time: Click here

4) Additional Product:

We use a product called item personalization to adjust the additional price. Below is a screenshot from where you can enable the additional product option.

Usually, by default, the price of this product is provided as 0.01 in the store’s default currency. The following is an explanation of why it is set at 0.01.

1. We use a hidden “Item personalization” product to add fees to your cart. Unfortunately, Shopify does not provide any way to add fees or additional costs to a cart, so we need a product with a price to do this.
2. This item is set at 0.01 so that you can add any price for an option, and we adjust the quantity (i.e., $5 = 500 of the $0.01 item). Otherwise, we would need tons of these hidden products to add unique fees, which would considerably clutter your product management.
3. Our app’s scripts hide this additional product throughout your product pages, collections, cart, etc., except the checkout page, to make it look like option costs are part of your regular product.
4. If you set the price increase at the same flat rate for all products, you can change the Item personalization unit price from app settings with the flat rate. If you want to reduce units, the price must be above this and divisible without a Remainder.

However, our app’s scripts cannot run on checkout (unless you are a Shopify Plus enterprise merchant). This is because your checkout page is hosted by Shopify, not on your store’s domain. To be secure, Shopify doesn’t allow any third-party scripts or code to run on this page.

As a result, we cannot modify or hide “Item personalization” products as we do on the cart page. The personalization will be listed as a separate “product,” with the total cost of the personalization separated from the product’s base cost.

You can change the title and image of this “Item personalization” product from the Shopify product admin.

5) Link variant

This option enables merchants to link other products in the image, color, or options set to track inventory and fetch the price. It is often used when customizations are physical parts sold separately, and it becomes necessary to keep the inventory checked. The following image shows where the option is available.

For example, our app allows merchants to offer different parts options in a watch store, such as dials and straps. These dials and straps can be sold separately. This is why tracking how many of these parts are sold from the watch product and as individual parts is necessary. In this case, a variant feature can be used for the link. These variants are added as separate products on the checkout page unless the “Create a new product” option is used.

You can read this documentation to know in detail about the link variant feature – Click here