Price Add-On: Draft Order vs Function

📌 You can add extra prices to options created by the app. To handle these price add-ons, the app provides two modes: Draft Order (the default) and Shopify Functions.

---

🔧 Settings

Important: The default mode is Draft Order.

If you switch to Shopify Functions mode, please complete the following test to make sure the change is active. (These steps are not required when switching back to Draft Order mode.)

1. Clear the cart

2. Add the product to the cart again (select options with price add-ons)

3. Click the checkout button and check whether the checkout page matches the example shown below. If it does, Shopify Functions mode is working correctly.

4. If it does not work, switch back to Draft Order mode and save, then switch again to Shopify Functions mode and save. Repeat the steps above until the mode is applied successfully.

Note: If any app option in the cart includes its own SKU or weight, the checkout will automatically fall back to Draft Order mode for that order.

If the switch does not take effect, there’s no need to worry — this will not negatively impact your store. If you need any help, please feel free to contact our support team. [e-mail]

---

🛒 Cart Page

There is no visible difference between the two modes for customers. However, Shopify Functions offers better overall compatibility because price add-on is handled directly by Shopify.

1

How Price Add-Ons Are Handled

• Draft Order Mode (Default) - Our app adds the product price and the app’s price add-ons together, then updates the cart price in the theme using JavaScript. Possible limitations:

  • Although our app is compatible with most themes, some themes may calculate cart prices differently. If you notice incorrect cart totals, please contact us. [e-mail]

  • Some third-party apps (such as free shipping bar apps) may read the original product price only, which does not include the app’s add-on prices. This can cause compatibility issues.

• Shopify Functions Mode - The cart displays product price directly. Since the add-on pricing is calculated inside Shopify, the price shown is already the final price. This results in better compatibility with themes and other apps.

2

How the Checkout Button Is Handled

• Draft Order Mode (Default) - Our app needs to take over the checkout button to generate a draft order with the correct final price.

  Possible issues:

  • Checkout analytics and conversion tracking may be less accurate

  • Possible conflicts with other apps that also modify or control the checkout button

• Shopify Functions Mode - No checkout button takeover is needed. Customers proceed through the standard Shopify checkout flow, which provides better compatibility and tracking.

---

💳 Checkout Page

On the checkout page, the display differs between the two modes. Overall, Draft Order mode provides a better visual presentation of price add-ons.

1

Draft Order Mode (Default)

2

Shopify Functions Mode

Limitations of Shopify Functions Mode

• As shown in the screenshot (red-circled area), the way prices are displayed may sometimes cause confusion for customers.

• On the order page, all option labels will include a leading underscore (for example, Width becomes _Width).