How to Show Discounted Price on Shopify via Functions

Introduction
Understanding the “Compare at” Price vs. Logic-Based Discounts
The Architecture of Shopify Functions and Pricing
Clarifying Constraints and Platform Limits
Step-by-Step Implementation: The Nextools Playbook
Advanced Strategies for Showing Discounts
Migrating from Shopify Scripts to Functions
Displaying Discounts in the Checkout UI
Handling the Italian Market: Invoicing and Discounts
Choosing the Right Tool: A Decision Checklist
Practical Scenario: The Multi-Buy Incentive
Measuring the Success of Your Discount Display
Nextools Shopify App Suite (Quick Links)
Conclusion
FAQ

Introduction

Modern Shopify merchants, particularly those on Shopify Plus, face a mounting challenge: the transition from legacy Shopify Scripts to the robust but more complex world of Shopify Functions. Showing a discounted price is no longer just about toggling a “Compare at” field in the admin. It now involves managing stackable logic, regional pricing through Shopify Markets, and ensuring that custom discount rules don’t collide at the checkout. At Nextools, we specialize in bridging this technical gap, providing the tools and expertise needed to implement advanced checkout logic without the traditional overhead of custom app development.

This guide is designed for Shopify Plus merchants, developers, and agency partners who need to move beyond basic price reductions. Whether you are migrating from Scripts to Functions or building a multi-tier discount strategy from scratch, we will help you navigate the platform’s constraints and implementation nuances. Following the Nextools Playbook, we will clarify your goals, confirm platform limits, choose a durable Functions-first approach, implement safely in dev environments, and measure the final impact on your conversion metrics. Our goal is to ensure your pricing logic remains future-proof as you explore the Nextools Shopify App Suite.

Understanding the “Compare at” Price vs. Logic-Based Discounts

Before diving into the technical implementation, it is vital to distinguish between static and dynamic pricing. The most common way to show a discounted price on Shopify is the “Compare at” price. This is a static field on the product variant level that tells the theme to render a strikethrough price next to the current price.

However, high-volume merchants often require dynamic discounting—prices that change based on cart quantity, customer tags, or specific shipping destinations. This is where logic-based discounts come in. Unlike static price changes, logic-based discounts are calculated at the time of the cart session or at checkout. This ensures that the discount is context-aware, but it also increases the complexity of how that price is displayed to the user across the storefront, cart, and checkout.

Static Storefront Displays (Liquid and JSON)

For many themes, displaying a discount simply requires the presence of a compare_at_price that is higher than the price. In Liquid, developers typically use:

{% if product.compare_at_price > product.price %}
  <span class="compare-at">{{ product.compare_at_price | money }}</span>
  <span class="current-price">{{ product.price | money }}</span>
{% endif %}

While effective for sitewide sales, this method lacks the flexibility required for tiered pricing or B2B scenarios where different customers see different prices for the same SKU.

Dynamic Discount Logic and the Checkout

When you move to dynamic discounts, such as “Buy 3, Get 10% Off,” the discount isn’t usually reflected on the product page itself unless you use a specialized widget or custom Storefront API calls. Instead, the discount is calculated server-side once the item is added to the cart. This is where Shopify Functions and apps like Multiscount become essential. They allow you to apply complex rules that adjust the price dynamically, ensuring the merchant’s margin is protected while providing a clear incentive to the customer.

The Architecture of Shopify Functions and Pricing

Shopify has fundamentally changed how discounts are handled with the introduction of Shopify Functions. Previously, Shopify Plus merchants used Ruby-based Scripts to modify prices in the checkout. While powerful, Scripts were executed in a limited environment and often faced performance bottlenecks during high-traffic events like Black Friday.

Shopify Functions are the modern replacement. They are written in WebAssembly (Wasm), allowing them to run in a high-performance, scalable environment directly on Shopify’s infrastructure. This shift means that any logic you build to show a discounted price is now more reliable and integrates more deeply with other platform features like Shopify Markets and Bundles.

Why Functions Matter for Discount Display

Functions allow you to hook into specific parts of the checkout process. For pricing, the most relevant APIs are the Product Discount API and the Order Discount API. When you use a tool like SupaEasy, you are essentially generating a Function that tells Shopify: “Look at this cart, evaluate these conditions, and if they pass, apply this specific price adjustment.”

The primary advantage is that these discounts are “native.” They appear in the checkout’s “Discounts” line item or directly on the line item itself, depending on how the Function is configured. This native integration reduces the “jank” associated with older checkout hacks and ensures a smooth user experience.

Clarifying Constraints and Platform Limits

Before you begin implementing custom discount displays, you must understand the environment you are working in. Not every Shopify store has access to the same tools, and there are hard limits on how many discounts can be applied simultaneously.

Shopify Plus vs. Non-Plus

While basic automated discounts are available on all Shopify plans, advanced checkout customization—specifically the ability to use certain Shopify Functions or modify the checkout UI—is primarily a Shopify Plus feature. If you are not on Plus, your ability to “show” a discounted price in the checkout UI is limited to what the standard Shopify editor allows.

Discount Stacking Limits

One of the most common “gotchas” in Shopify is discount stacking. By default, Shopify limits how many discount codes or automatic discounts can be combined. When building a strategy to show discounted prices, you must decide which discounts “win” if multiple are eligible. Our Nextools Shopify App Suite helps manage these priorities, ensuring that your customers always see the most beneficial (or merchant-preferred) price without errors.

Markets and Currency

If you sell internationally via Shopify Markets, your discounted prices must account for currency conversion and duties. A 10% discount in USD might result in a different perceived value once converted to EUR or JPY, especially if you use fixed-price international shipping or price rounding rules.

Step-by-Step Implementation: The Nextools Playbook

At Nextools, we don’t believe in “guessing” your way to a solution. We follow a structured workflow to ensure reliability.

1. Clarify the Goal + Constraints

Begin by defining exactly why and how the price should be discounted.

Is it a quantity-based break (e.g., Tiered Pricing)?
Is it a customer-specific discount (e.g., VIP tags)?
Does it apply to specific collections or the whole store?
Are you currently using Shopify Scripts that need to be migrated?

2. Confirm Platform Capabilities + Limits

Check if your plan supports the necessary Functions. For example, if you need to block a checkout if a discount isn’t applied correctly, you would use Cart Block for validation logic. If you need to brand the checkout to highlight the savings, SupaElements is the appropriate choice for Checkout Extensibility.

3. Choose the Simplest Durable Approach

Avoid custom coding a Function from scratch if an existing tool can handle the logic.

For tiered discounts: Use Multiscount.
For complex, custom logic migration: Use SupaEasy.
For UI-based pricing badges in checkout: Use SupaElements.

4. Implement Safely

Never deploy pricing logic directly to a live store. Use a development store or a Shopify Plus sandbox. Verify that the discounted price appears correctly in the cart, the checkout, and the final order confirmation email. Use Hook2Flow to trigger notifications if specific high-value discounts are applied, allowing for real-time monitoring.

5. Measure Impact and Iterate

After launch, monitor your Conversion Rate and Average Order Value (AOV). Did the visible discount lead to more checkouts? Are there too many support tickets about “discount codes not working”? Refine the logic based on this data.

Advanced Strategies for Showing Discounts

Tiered Pricing and Volume Discounts

Tiered pricing is one of the most effective ways to increase AOV. By showing the customer that they can save more by buying more, you create a clear path to a larger sale. Using Multiscount (Premium plan at $8.99/month as listed on the Shopify App Store at time of writing), you can set up to 5 product tiers. This allows you to show a table on the product page where the discounted price is clearly visible for quantities of 5, 10, or 20 items.

Automated Gift with Purchase (GWP)

Sometimes, the best way to “discount” is to provide more value. Instead of lowering the price of a single item, you can automatically add a gift to the cart when a spending threshold is met. AutoCart enables these automation rules. This preserves your brand’s price integrity while still providing a “discounted” overall cart value.

Hiding and Renaming Payment/Shipping Methods Based on Discounts

A common technical hurdle is when a discount makes a specific shipping or payment method non-viable. For example, if a discount brings the cart total below a “Free Shipping” threshold, you may want to hide specific premium shipping options to protect your margins.

Use HidePay to disable payment methods like “Cash on Delivery” if a large discount is applied.
Use HideShip to hide or rename shipping methods based on the final discounted cart total.

Migrating from Shopify Scripts to Functions

For many Shopify Plus merchants, the question isn’t just how to show a discounted price, but how to do it using the new Functions framework. Shopify Scripts are being deprecated, and the migration can be daunting for developers used to the Ruby API.

SupaEasy is designed specifically for this transition. Its Advanced plan ($99/month as listed on the Shopify App Store at time of writing) includes a Scripts Migrator and an AI Functions Generator. This allows you to take your existing Ruby logic and convert it into a high-performance Shopify Function. This ensures that your complex pricing rules—like “Buy X from collection A and get Y from collection B for $10″—remain functional in the modern Shopify ecosystem.

Displaying Discounts in the Checkout UI

The standard Shopify checkout is somewhat rigid. While the “Discount” line item shows the total savings, it doesn’t always provide the “nudge” needed to complete the purchase. This is where Checkout Extensibility comes into play.

Using SupaElements, you can add dynamic elements to the checkout page. This could be a progress bar showing how much more the customer needs to spend to reach the next discount tier, or a simple text block emphasizing the total savings. By placing these elements strategically—near the “Pay Now” button or in the order summary—you can reinforce the value the customer is receiving.

Checkout Validation: Preventing Discount Abuse

When you show a discounted price, you also run the risk of bot abuse or unintended discount combinations. Cart Block acts as a guardrail. It allows you to validate the cart contents and the applied discounts. If a customer tries to combine a “Welcome” code with a “B2B” wholesale discount in a way you haven’t authorized, Cart Block can prevent the checkout from proceeding, protecting your bottom line.

Handling the Italian Market: Invoicing and Discounts

For merchants operating in Italy, showing a discounted price on the storefront is only half the battle. You must also ensure that the discount is correctly reflected in the electronic invoice sent to the “Sistema di Interscambio” (SDI). Fatturify ($15/month for the Starter plan as listed on the Shopify App Store at time of writing) integrates with “Fatture in Cloud” to automate this process. It ensures that the net price, the discount applied, and the VAT are all calculated correctly according to Italian law, preventing costly accounting errors.

Choosing the Right Tool: A Decision Checklist

To determine which part of the Nextools Shopify App Suite you need, ask these four questions:

Is the discount logic straightforward (tiered, BOGO, or order-level)?
- Solution: Multiscount. It’s built for ease of use and rapid deployment of tiered pricing widgets.
Is the logic complex or a legacy Script migration?
- Solution: SupaEasy. This is the “heavy lifter” for custom Shopify Functions. Use the AI generator to translate your requirements into code.
Do you need to show banners, countdowns, or badges in the Checkout?
- Solution: SupaElements (for branding/UI) or Hurry Cart (for cart urgency timers).
Are you concerned about fraud or discount stacking errors?
- Solution: Cart Block. It provides the validation rules needed to block checkouts that don’t meet your business criteria.

Practical Scenario: The Multi-Buy Incentive

Imagine a merchant selling specialized technical components. They want to show a discounted price that encourages bulk buying. Here is how they would implement this using our workflow:

Clarify: The goal is a “Buy 10+, save 15%” discount on specific SKUs.
Confirm: The merchant is on Shopify Plus and wants the discount to be visible on the product page and automatically applied in the cart.
Choose: They install Multiscount to handle the tiered logic and storefront widget. They also install SupaElements to add a “Bulk Discount Applied” badge in the checkout to reduce cart abandonment.
Implement: They set up the tiers in the Multiscount dashboard. They test by adding 11 items to the cart in a preview theme. The price drops from $100 per unit to $85. In the checkout, the SupaElements banner confirms: “You’ve saved $165 with bulk pricing!”
Measure: After two weeks, they check their Shopify Analytics. The AOV has increased by 12% as more customers are hitting the 10-item threshold.

Measuring the Success of Your Discount Display

Showing a discounted price is not a “set it and forget it” task. You must iterate based on customer behavior.

Tracking Conversion Rate

A visible discount should theoretically increase the conversion rate from product page to cart. If you show a discount but the conversion rate drops, the discount might be perceived as “too good to be true,” or the strikethrough price might be confusing. Use A/B testing (where possible) to see if different discount labels (e.g., “Save $20” vs. “20% Off”) perform better.

Monitoring Cart Abandonment

If you see high abandonment at the checkout stage, it might be because the discount shown on the product page isn’t clearly carrying over to the checkout. Using Checkout Extensibility via SupaElements can bridge this gap by making the discount explicit and visually prominent.

Protecting Your Margin

Always use Cart Block or SupaEasy to set “floor” prices. This ensures that even with multiple discounts applied, the price never drops below your break-even point. Reliability in pricing logic is what separates a professional merchant from one who is constantly dealing with support tickets and refund requests.

Nextools Shopify App Suite (Quick Links)

The following tools are designed to help you implement, manage, and optimize how you show discounted prices and handle checkout logic:

Conclusion

Showing a discounted price on Shopify is a critical driver of sales, but it requires a strategic approach as the platform shifts toward Shopify Functions. By moving away from brittle theme hacks and legacy Scripts, you can build a pricing engine that is both powerful and performant.

Remember the Nextools Playbook:

Clarify your specific discount goals and merchant constraints.
Confirm what Shopify Functions and Checkout Extensibility can do for your specific plan.
Choose the simplest, most durable tool—whether that’s Multiscount for tiers or SupaEasy for custom Function logic.
Implement safely in a development environment with thorough QA.
Measure your AOV and conversion rate, then iterate to find the perfect pricing balance.

For more tools and insights on how to master your Shopify checkout, explore the Nextools Shopify App Suite. Our team is dedicated to providing the practical, future-proof engineering you need to thrive in the Shopify ecosystem.

FAQ

Does showing a discounted price via Shopify Functions require a Shopify Plus plan?

While basic automated discounts are available on all plans, creating and deploying custom Shopify Functions to modify checkout logic generally requires a Shopify Plus plan. Some apps in the Nextools Shopify App Suite provide functionality for non-Plus stores by using the standard Shopify API, but advanced checkout UI customization is a Plus-exclusive feature.

How do I test my new discount logic without affecting live customers?

We recommend using a development store or a Shopify Plus sandbox environment. You can install apps like SupaEasy on a Free Dev Store (as listed on the Shopify App Store at time of writing) to build and test your Functions. Once the logic is verified, you can deploy it to your production store during a low-traffic window.

Can I migrate my existing Ruby Scripts to Shopify Functions?

Yes, and for many Plus merchants, this is a priority as Scripts are being phased out. SupaEasy includes a Scripts Migrator and AI Function Generator specifically designed to help agencies and developers translate legacy Ruby logic into the modern WebAssembly-based Functions framework.

How can I prevent customers from stacking too many discounts?

Shopify has native stacking rules, but for advanced control, you can use Cart Block. This allows you to set specific validation rules that check for the presence of certain discount codes and block the checkout if they conflict with your business logic, ensuring your margins remain protected.

Table of Contents