Checkout Extensibility

Note: after completing the update, we recommend creating a test order to verify your setup.

The checkout extensibility is a new feature of Shopify that allows app's to extend the checkout functionality. To learn more, you can visit the Shopify documentation. The feature is available on all Shopify plans.

Our app provides new functionality to the checkout that supports dynamic price add-ons and updates the product prices during the checkout process.

Improvements

The new checkout extensibility comes with the following improvements:

Faster price updates by executing the logic directly on Shopify.
Better multi currency integration during the checkout process.
Support for all discount types during checkout.
Seamless integration with all themes.
Order line items are updated in place.

Limitations

Price calculation can be limited for large orders (>50 items). Visit our guide on Checkout large orders.

Setup

In the App, navigate to the Settings page:

In the Checkout Settings section, enable the following setting:

Important: this setting requires new permissions for the app to access the checkout, the app will ask you to close the app, and re-open it to approve the permissions. Only after the permissions are accepted, you can enable the setting in the app:

Price modes

The checkout extensibility has two different price modes which enable the app to update the final product price based on the customer selected options:

Update

The Update mode is the most straight forward way to update the product price during the checkout. The main product price is dynamically updated to include the selected options.

Note: updating the product image is not yet supported, this functionality will be available in an upcoming update.

Availability: Shopify Plus / Shopify development stores. (Checkout.liquid must be disabled) - (The plan limitation is set by the Shopify platform, not our app)

Bundle

The Bundle price mode will create a bundle during checkout and set the total price of the bundle to be based on the product price + total options price.

The resulting order will have two line items, the base product and the product options product. If you've used our app with the previous price settings, this order structure should be very familiar.

Shopify now does support creating a bundle with just a singe product, so the Product option Product is optional and can be disabled if desired. The checkout UI will however still show the nesting of the same product, which is not the best customer experience:

Our recommendation is to enable the add-on product to be included in the bundle.

Note: updating the product image is not yet supported, this functionality will be available in an upcoming update.

Availability: All Shopify plans.

Add-on product

The setting includes the Product options product in the bundle:

Auto fulfill

The app can automatically mark the Product options product as fulfilled when an order is created (no customer notification is sent). This can improve the order processing if you are using external fulfillment providers that only mark the main product as fulfilled:

Discounts

Both price modes combine the base product price and the option price add-ons into one discountable amount, and Shopify always targets that whole amount. There is no way to point a Shopify discount at only the base product, or at only the option add-ons.

Update: the option prices are merged into the main product price on a single line item. A discount that targets the product applies to that updated price, add-ons included.
Bundle: the base product and the Product options product form one Shopify bundle. A discount code or automatic discount that targets the main product applies to the total value of the bundle, which includes the option prices. It is not possible to target a single product inside of a bundle. The same applies to the Bundle extension.

A "20% off" code on a product with a $10 engraving therefore also takes 20% off the engraving.

Discount a specific product

There are three ways to apply a discount to one part of the price only, either the base product or a single add-on.

1. Link a separate add-on product to the option

Instead of pricing the option directly, link a product to the option value. The linked product is added to the cart as its own line item, so a Shopify discount that targets specific products or collections can include or exclude it like any other product.

Note: this does not work together with the Bundle extension when "Bundle all options with product links" is enabled. The extension merges linked products into the single bundle line, and that line can only be targeted as a whole again.

2. Use a fixed amount discount instead of a percentage

A percentage discount always scales with the total, so it grows with the option prices. A fixed amount discount does not, which lets you decide exactly how much comes off. Setting the amount to the price of the add-on gives you an "engraving on us" promotion while the base product stays at full price.

In the Shopify discount, the Only apply discount once per order setting controls whether the amount is deducted a single time or for every eligible item in the order.

3. Calculate the discount in the app

The Price formula extension sets an option price with JavaScript that can read the other selected options, the quantity and the current variant. The reduction is then part of the price add-on itself and no Shopify discount is involved, which allows any custom rule you need. The Quantity discount extension supports the same through its discount formula.

The Bundle extension works the same way: the discounts configured per product in the bundle option calculate a new base product price and do not use Shopify discounts.

Weight calculation

Important: if you've previously used the custom weight calculation feature to filter the available shipping rates, then you need to update your configuration in the following ways:

Remove the weight conditions from your shipping rates in Shopify:
Enable delivery conditions in the app:
Configure the weight conditions for the specific rates in the app:

The new delivery conditions are executed during the checkout process and allow more flexibility on filtering shipping rates. For example, it is now possible to filter rates based on a combination of weight and the cart total:

If you need more conditions to filter shipping rates, please reach out via support and we will consider adding it to the app.