--- title: Build a Discount Function description: Use Shopify Functions to discount cart lines, order subtotals, and shipping rates using a single discount. source_url: html: https://shopify.dev/docs/apps/build/discounts/build-discount-function?extension=javascript md: https://shopify.dev/docs/apps/build/discounts/build-discount-function.md?extension=javascript --- # Build a Discount Function With [Shopify Functions](https://shopify.dev/docs/apps/build/functions), you can create a new type of discount that applies to cart lines, order subtotal, and shipping rates. In this tutorial, you'll use Shopify Functions to create a new type of discount that does three things: * Reduces the price of a cart line by 20% * Discounts the order subtotal by 10% * Provides free shipping After creating the discount, you can test it out in your store. Migrate your existing discount functions To learn how to migrate your existing Discount Functions to use the [Discount API](https://shopify.dev/docs/api/functions/reference/discount), refer to [Migrate to the Discount API](https://shopify.dev/docs/apps/build/discounts/migrate-discount-api). ## What you'll learn In this tutorial, you'll learn how to do the following tasks: * Use the Shopify CLI to add a Discount Function to an app * Review the configuration of your discount function * Review the input queries associated with your discount function * Review the function logic associated with your discount function * Use GraphiQL to create a discount and configure it to work with your function * Test your discount function and view its logs ![A checkout summary that lists discounts for all three classes](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/apps/discounts/multi-class-DqNqJQCF.png) ## Requirements [Create a Partner account](https://www.shopify.com/partners) [Create a development store](https://shopify.dev/docs/apps/tools/development-stores#create-a-development-store-to-test-your-app) [Create an app](https://shopify.dev/docs/apps/getting-started/create) Create an that has the `write_discounts` and `read_products` [access scopes](https://shopify.dev/docs/api/usage/access-scopes), using the [latest version of Shopify CLI](https://shopify.dev/docs/api/shopify-cli#upgrade). [Install Node.js](https://nodejs.org/en/download) Install Node.js 22 or higher. ## Project ![](https://shopify.dev/images/logos/JS.svg)![](https://shopify.dev/images/logos/JS-dark.svg) JavaScript [View on GitHub](https://github.com/Shopify/discounts-reference-app/blob/main/examples/javascript/default) ## Create the Discount Function To create a Discount Function, you'll use the Shopify CLI, which generates starter code for your Function. 1. Navigate to your app's directory: ## Terminal ```bash cd directory ``` 2. Run the following command to create a new Discount Function: ## Terminal ```bash shopify app generate extension --template discount --name discount-function-js ``` 3. Choose the language that you want to use. For this tutorial, select `JavaScript`. Info Steps 2-4 review the generated code. To proceed directly to deploying and testing your Discount Function, jump to [Step 5](#update-your-apps-access-scopes). ## Review the Discount Function Configuration The `shopify.extension.toml` file defines the Discount Function's metadata, targets, and build configuration. ### Metadata The `[[extensions]]` section defines the Function metadata. This includes the Function's handle, name, description, and type. The `name` and `description` are displayed on the **Discount** page of your Shopify admin. Info Shopify provides localization tools, and you can use them to localize the name and description of Discount Functions. To learn more, refer to [localizing your Shopify app](https://shopify.dev/docs/apps/build/localize-your-app). ## extensions/discount-function/shopify.extension.toml ```toml api_version = "2025-04" [[extensions]] name = "t:name" handle = "discount-function-js" type = "function" description = "t:description" [[extensions.targeting]] target = "cart.lines.discounts.generate.run" input_query = "src/cart_lines_discounts_generate_run.graphql" export = "cart-lines-discounts-generate-run" [[extensions.targeting]] target = "cart.delivery-options.discounts.generate.run" input_query = "src/cart_delivery_options_discounts_generate_run.graphql" export = "cart-delivery-options-discounts-generate-run" [extensions.build] command = "" path = "dist/function.wasm" ``` ### Targets The `[[extensions.targeting]]` sections define the Function targets. Each section includes a `target`, `input_query`, and `export` property. The [`target`](https://shopify.dev/docs/apps/build/app-extensions/configure-app-extensions#targets) property defines where the Function is applied. The Discount API has two [`run` targets](https://shopify.dev/docs/api/functions/reference/discount/graphql): * `cart.lines.discounts.generate.run` - The Function can apply discounts to cart lines and order subtotals. * `cart.delivery-options.discounts.generate.run` - The Function can apply discounts to shipping rates. The `input_query` property is the path to the Function's input query file. This file defines the Function's [input parameters](https://shopify.dev/docs/api/functions/reference/discount/graphql/input). The `export` property specifies the build entrypoint that will run for a specified target. This will usually be the function name of your main export. ## extensions/discount-function/shopify.extension.toml ```toml api_version = "2025-04" [[extensions]] name = "t:name" handle = "discount-function-js" type = "function" description = "t:description" [[extensions.targeting]] target = "cart.lines.discounts.generate.run" input_query = "src/cart_lines_discounts_generate_run.graphql" export = "cart-lines-discounts-generate-run" [[extensions.targeting]] target = "cart.delivery-options.discounts.generate.run" input_query = "src/cart_delivery_options_discounts_generate_run.graphql" export = "cart-delivery-options-discounts-generate-run" [extensions.build] command = "" path = "dist/function.wasm" ``` ### Build configuration The `[extensions.build]` section defines the build configuration for your Function. This includes the build `command`, the build `path` and a `watch` property which allows you to watch for changes to the Function. Refer to Shopify Functions [configuration properties](https://shopify.dev/docs/api/functions/latest#configuration) for more information. ## extensions/discount-function/shopify.extension.toml ```toml api_version = "2025-04" [[extensions]] name = "t:name" handle = "discount-function-js" type = "function" description = "t:description" [[extensions.targeting]] target = "cart.lines.discounts.generate.run" input_query = "src/cart_lines_discounts_generate_run.graphql" export = "cart-lines-discounts-generate-run" [[extensions.targeting]] target = "cart.delivery-options.discounts.generate.run" input_query = "src/cart_delivery_options_discounts_generate_run.graphql" export = "cart-delivery-options-discounts-generate-run" [extensions.build] command = "" path = "dist/function.wasm" ``` Note Depending on your app type, you may have to define the `[extensions.ui]` or `[extensions.ui.paths]` section. Refer to [Build a discounts UI with Admin UI Extensions](https://shopify.dev/docs/apps/build/discounts/build-ui-extension) or [Build a discounts UI with Remix](https://shopify.dev/docs/apps/build/discounts/build-ui-with-remix) to learn more about building UIs to configure Functions. ## Review the input queries for your Function [Input queries](https://shopify.dev/docs/apps/build/functions/input-output) are used to define the input that the Discount Function needs. The result of those queries will be given as input parameters to the export functions. ### `cart_lines_discounts_generate_run.graphql` input The result of this query is provided as input to the `cart.lines.discounts.generate.run` target. Refer to [Discount API](https://shopify.dev/docs/api/functions/reference/discount) for more information about the input data available to your Function. ## extensions/discount-function/src/cart\_lines\_discounts\_generate\_run.graphql ```graphql query CartInput { cart { lines { id cost { subtotalAmount { amount } } } } discount { discountClasses } } ``` ### `cart_delivery_options_discounts_generate_run.graphql` input The result of this query is provided as input to the `cart.delivery-options.discounts.generate.run` Function. Refer to [Discount API](https://shopify.dev/docs/api/functions/reference/discount) for more information about the input data available to your Function. ## extensions/discount-function/src/cart\_delivery\_options\_discounts\_generate\_run.graphql ```graphql query DeliveryInput { cart { deliveryGroups { id } } discount { discountClasses } } ``` ## Review the logic of your Function To specify how a Discount Function should apply discounts, update its logic. This logic can make use of the input parameters provided to the Function, and should output discount operations. Note Your Function should only return operations for `discountClasses` that the discount applies to. For example, if the discount is configured to apply to `PRODUCT` and `ORDER`, but not `SHIPPING`, your Function should only return operations for `PRODUCT` and `ORDER`. ### Review your cart run Function logic This is the entry point for cart line and order subtotal discount calculation logic. The name must match the `export` property in the `[[extensions.targeting]]` section of your Function's configuration and must output [`CartOperations`](https://shopify.dev/docs/api/functions/reference/discount/graphql/common-objects/cartoperation). In this example, the Function checks whether the discount applies to `PRODUCT` and `ORDER` and applies two discounts: 10% off the entire order subtotal, plus an additional 20% off the highest cart line subtotal. ## extensions/discount-function/src/cart\_lines\_discounts\_generate\_run.js ```javascript import { DiscountClass, OrderDiscountSelectionStrategy, ProductDiscountSelectionStrategy, } from "../generated/api"; export function cartLinesDiscountsGenerateRun(input) { if (!input.cart.lines.length) { throw new Error("No cart lines found"); } const hasOrderDiscountClass = input.discount.discountClasses.includes( DiscountClass.Order, ); const hasProductDiscountClass = input.discount.discountClasses.includes( DiscountClass.Product, ); if (!hasOrderDiscountClass && !hasProductDiscountClass) { return { operations: [] }; } const maxCartLine = input.cart.lines.reduce((maxLine, line) => { if (line.cost.subtotalAmount.amount > maxLine.cost.subtotalAmount.amount) { return line; } return maxLine; }, input.cart.lines[0]); const operations = []; if (hasOrderDiscountClass) { operations.push({ orderDiscountsAdd: { candidates: [ { message: "10% OFF ORDER", targets: [ { orderSubtotal: { excludedCartLineIds: [], }, }, ], value: { percentage: { value: 10, }, }, }, ], selectionStrategy: OrderDiscountSelectionStrategy.First, }, }); } if (hasProductDiscountClass) { operations.push({ productDiscountsAdd: { candidates: [ { message: "20% OFF PRODUCT", targets: [ { cartLine: { id: maxCartLine.id, }, }, ], value: { percentage: { value: 20, }, }, }, ], selectionStrategy: ProductDiscountSelectionStrategy.First, }, }); } return { operations, }; } ``` ### Review your delivery run Function logic This is the entry point for shipping rate discount calculation logic. The name must match the `export` property in the `[[extensions.targeting]]` section of your Function's configuration and must output [`DeliveryOperations`](https://shopify.dev/docs/api/functions/reference/discount/graphql/common-objects/deliveryoperation). In this example, the Function checks whether the discount applies to `SHIPPING` and reduces the first delivery group by 100%, offering free shipping. ## extensions/discount-function/src/cart\_delivery\_options\_discounts\_generate\_run.js ```javascript import { DeliveryDiscountSelectionStrategy, DiscountClass, } from "../generated/api"; export function cartDeliveryOptionsDiscountsGenerateRun(input) { const firstDeliveryGroup = input.cart.deliveryGroups[0]; if (!firstDeliveryGroup) { throw new Error("No delivery groups found"); } const hasShippingDiscountClass = input.discount.discountClasses.includes( DiscountClass.Shipping, ); if (!hasShippingDiscountClass) { return { operations: [] }; } return { operations: [ { deliveryDiscountsAdd: { candidates: [ { message: "FREE DELIVERY", targets: [ { deliveryGroup: { id: firstDeliveryGroup.id, }, }, ], value: { percentage: { value: 100, }, }, }, ], selectionStrategy: DeliveryDiscountSelectionStrategy.All, }, }, ], }; } ``` ## Update your app's access scopes You must request the `write_discounts` [access scope](https://shopify.dev/docs/api/usage/access-scopes) to give your app the permissions that it needs to create and update discounts. In `shopify.app.toml`, located in the root of your app, add the `write_discounts` scope to the `access_scopes` array. ## shopify.app.toml ```toml # This file stores configurations for your Shopify app. # It must exist at the root of your app. scopes = "write_discounts" name="Example Discount App" ``` ### Start your app to preview changes 1. Save your updated configuration TOML file. 2. Start `app dev` if it's not already running: ## Terminal ```bash shopify app dev ``` The configuration TOML file changes will be applied automatically on the development store. Note The `app dev` command automatically watches files that match the [build.watch](https://shopify.dev/docs/api/functions/configuration#properties) glob pattern. When it detects a change, it builds your Function and updates the Function extension's draft so that you can preview changes immediately. ## Create a discount in your store In this step, you'll use GraphiQL, an in-browser tool for testing GraphQL, to create a discount that applies a line-item price adjustment, an order-wide percentage discount, and free shipping. Then you'll link this discount to the Function that you created. GraphiQL is an in-browser tool for writing, validating, and testing GraphQL queries. Info You can also build a discount interface using [Admin UI Extensions](https://shopify.dev/docs/apps/build/discounts/build-ui-extension) and configure your Functions using [Metafields](https://shopify.dev/docs/api/functions/reference/discount/graphql/common-objects/metafield). ### Open the Graphi​QL interface for the Shopify Admin API 1. Open the GraphiQL interface by pressing `g` in the terminal window where you started your app. 2. On the GraphiQL interface, for **API Version**, select the latest stable release. ### Get the handle of your Function 1. Use your function handle in GraphQL mutations instead of querying for the function ID. Your function handle is defined in `shopify.extension.toml` as `handle`: ## shopify.extension.toml ```toml [[extensions]] name = "discount-function" handle = "discount-function-rs" type = "function" ``` Note If you're upgrading to API version 2025-10 or later, you no longer need to query for function IDs. Use your stable function handle instead, which remains consistent across environments. ### Create the discount To create a discount in your store, use the [`discountAutomaticAppCreate`](https://shopify.dev/docs/api/admin-graphql/latest/mutations/discountAutomaticAppCreate) mutation. 1. For `functionHandle`, provide the Function handle from the [previous step](#get-the-handle-of-your-function). 2. Add the [`discountClasses`](https://shopify.dev/docs/api/functions/reference/discount/graphql/common-objects/discountclass) field to your mutation based on the business requirements. ## discountAutomaticAppCreate.graphql ```graphql mutation { discountAutomaticAppCreate( automaticAppDiscount: { title: "Cart line, Order, Shipping discount" functionId: "YOUR_FUNCTION_ID_HERE" discountClasses: [PRODUCT, ORDER, SHIPPING] startsAt: "2025-01-01T00:00:00" } ) { automaticAppDiscount { discountId } userErrors { field message } } } ``` You should receive a GraphQL response that includes the ID of the created discount. If the response includes any `userErrors`, then review them, check that your mutation and `functionHandle` are correct, and try the request again. Troubleshooting If you receive a `Could not find Function` error, then confirm the following: * The Function handle is correct. * You've installed the app on your development store. * [Development store preview](#preview-the-function-on-a-development-store) is enabled in the Partner Dashboard. * Your app has the `write_discounts` access scope. ## Test the Discount Function ### View your discount In your Shopify admin, go to **Discounts**. You should now see the **Cart line, Order, and Shipping discount** that you created. ![A list of all active discounts for the store.](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/apps/discounts/functions-discount-list-multi-class-bMqqn_8b.png) ### Deactivate other discounts Deactivate or delete all other discounts, to ensure that the **Cart line, Order, and Shipping** discount is the only active discount. ### Build a cart Open your development store and build a cart with a single item in it. ### Validate discount application On the cart page, you should see that your Discount Function has applied a discount to a cart line and the order subtotal. Once you navigate to the checkout page and fill in your shipping address, you will see the discounts applied to the shipping rates. ![A checkout summary that shows cart line, subtotal, and shipping discounts](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/apps/discounts/multi-class-DqNqJQCF.png) ### Review the Function execution 1. In the terminal where `shopify app dev` is running, review your Function executions. When [testing Functions on development stores](https://shopify.dev/docs/apps/build/functions/test-debug-functions#test-your-function-on-a-development-store), the `dev` output shows Function executions, debug logs you've added, and a link to a local file containing full execution details. 2. In a new terminal window, use the Shopify CLI command [`app function replay`](https://shopify.dev/docs/api/shopify-cli/app/app-function-replay) to [replay a Function execution locally](https://shopify.dev/docs/apps/build/functions/test-debug-functions#execute-the-function-locally-using-shopify-cli). This lets you debug your Function without triggering it again on Shopify. ## Terminal ```terminal shopify app function replay ``` 3. Select the Function execution from the top of the list. Press `q` to quit when you are finished debugging. ## Deploy your app When you're ready to release your changes to users, you can create and release an [app version](https://shopify.dev/docs/apps/launch/deployment/app-versions). An app version is a snapshot of your app configuration and all extensions. 1. Navigate to your app directory. 2. Run the following command. Optionally, you can provide a name or message for the version using the `--version` and `--message` flags. ## Terminal ```terminal shopify app deploy ``` Releasing an app version replaces the current active version that's served to stores that have your app installed. It might take several minutes for app users to be upgraded to the new version. Tip If you want to create a version, but avoid releasing it to users, then run the `deploy` command with a `--no-release` flag. You can release the unreleased app version using Shopify CLI's [`release`](https://shopify.dev/docs/api/shopify-cli/app/app-release) command, or through the Dev Dashboard. ## extensions/discount-function/shopify.extension.toml ```toml api_version = "2025-04" [[extensions]] name = "t:name" handle = "discount-function-js" type = "function" description = "t:description" [[extensions.targeting]] target = "cart.lines.discounts.generate.run" input_query = "src/cart_lines_discounts_generate_run.graphql" export = "cart-lines-discounts-generate-run" [[extensions.targeting]] target = "cart.delivery-options.discounts.generate.run" input_query = "src/cart_delivery_options_discounts_generate_run.graphql" export = "cart-delivery-options-discounts-generate-run" [extensions.build] command = "" path = "dist/function.wasm" ``` ## Tutorial complete! You've successfully created a discount function using Shopify Functions. You can now use this Function to apply discounts targeting cart lines, order subtotals, and shipping rates. *** ### Next Steps [![](https://shopify.dev/images/icons/32/build.png)![](https://shopify.dev/images/icons/32/build-dark.png)](https://shopify.dev/docs/apps/build/discounts/build-ui-extension) [Build a UI extension to configure your discount Function](https://shopify.dev/docs/apps/build/discounts/build-ui-extension) [Add configuration to your discounts experience using metafields and build a user interface for your Function.](https://shopify.dev/docs/apps/build/discounts/build-ui-extension) [![](https://shopify.dev/images/icons/32/gear.png)![](https://shopify.dev/images/icons/32/gear-dark.png)](https://shopify.dev/docs/apps/build/discounts/build-ui-with-remix) [Build a Remix app to configure your discount Function](https://shopify.dev/docs/apps/build/discounts/build-ui-with-remix) [Add configuration to your discounts experience using metafields and build a user interface for your Function.](https://shopify.dev/docs/apps/build/discounts/build-ui-with-remix) [![](https://shopify.dev/images/icons/32/tutorial.png)![](https://shopify.dev/images/icons/32/tutorial-dark.png)](https://shopify.dev/docs/apps/build/discounts/network-access) [Add network access to your discount Function](https://shopify.dev/docs/apps/build/discounts/network-access) [Learn how to add network access to your discount Function to query an external system for discount code validation.](https://shopify.dev/docs/apps/build/discounts/network-access) [![](https://shopify.dev/images/icons/32/gear.png)![](https://shopify.dev/images/icons/32/gear-dark.png)](https://shopify.dev/docs/apps/build/discounts/ux-for-discounts) [Review the UX guidelines](https://shopify.dev/docs/apps/build/discounts/ux-for-discounts) [Review the UX guidelines to learn how to implement discounts in user interfaces.](https://shopify.dev/docs/apps/build/discounts/ux-for-discounts) [![](https://shopify.dev/images/icons/32/app.png)![](https://shopify.dev/images/icons/32/app-dark.png)](https://shopify.dev/docs/apps/launch/deployment/deploy-app-versions) [Learn more about deploying app versions](https://shopify.dev/docs/apps/launch/deployment/deploy-app-versions) [Learn more about deploying app versions to Shopify](https://shopify.dev/docs/apps/launch/deployment/deploy-app-versions)