Articles on: Invoice Content

How to Show Pricing and Discounts on Invoices

Overview


The Pricing and discounts sub-section in the Visual Editor controls how discount and pricing information is displayed for each line item on your invoice. You can add a dedicated discount column to the items table, show the reason behind each discount, and display the original compare-at price so customers can see the savings. These fields help make your invoices transparent and clear about any price reductions applied to the order.


Open the Pricing and discounts settings


  1. Open the Invoice Falcon app from your Shopify Admin.
  2. Click Templates in the left navigation menu.
  3. Click on the template you want to customize (or click Edit on the template row).
  4. Scroll to the Visual editor section and click the Open visual editor button.
  5. In the left panel, click the Items information section to expand it.
  6. Scroll past the Product details sub-section to find the Pricing and discounts sub-section.


Note: The Items information section also contains Product details, Quantity and tax, Properties, and Additional settings sub-sections — those are covered in separate articles.


Available pricing and discount fields


Each field has a checkbox to toggle it on or off. Check the fields you want to display, then click Save changes.


Show discount


  • Adds a Discount column to the items table, next to the Unit Price column.
  • Each line item shows its discount amount with the currency symbol (e.g., "$10.00"). If no discount was applied to an item, it displays "$0.00".
  • The discount column header uses the translated label "Discount" (or the equivalent in your invoice language).
  • This is the per-item discount — it shows how much was discounted from each individual line item, not the order-level discount total.
  • Off by default.


Show discount reason


  • Displays the reason or label associated with each line item's discount (e.g., the name of the discount code or automatic discount that was applied).
  • Useful when your store runs multiple discount types and you want the invoice to clearly explain why each item was discounted.
  • Off by default.


Show compare-at price


  • Displays the original "compare at" price for each item in the product metadata area below the product name (e.g., "Compare at: $799.00").
  • The compare-at price is set on the product variant in Shopify and represents the original price before any sale or markdown. When shown alongside the current unit price, it helps customers see the savings.
  • Only displayed if the product variant has a compare-at price set in Shopify. If no compare-at price exists, nothing is shown for that item.
  • Off by default.



Tip: Enable both Show discount and Show compare-at price for sale events or promotions. The compare-at price shows what the item was originally priced at, while the discount column shows the actual discount amount applied to the order.


How to set a compare-at price in Shopify


The compare-at price must be configured on each product or variant in Shopify before it can appear on your invoice. Follow the steps below depending on whether your product has a single variant or multiple variants.


For a product with a single variant (no size/color options)


  1. In your Shopify Admin, go to Products and click on the product you want to update.
  2. Scroll down to the Pricing section.
  3. You will see a Price field (the current selling price) and a Compare-at price field next to it.
  4. Enter the original or regular price in the Compare-at price field (e.g., "$799.00"). This should be higher than the current selling price.
  5. Click Save at the top of the page.


The product's compare-at price is now set. When you enable Show compare-at price in Invoice Falcon's Visual Editor, it will display this value on the invoice as "Compare at: $799.00" below the product name.


For a product with multiple variants (e.g., size, color)


  1. In your Shopify Admin, go to Products and click on the product you want to update.
  2. Scroll down to the Variants section where all your variants are listed (e.g., Small, Medium, Large).
  3. Click on the specific variant you want to update.
  4. In the variant detail view, locate the Pricing section.
  5. Enter the original or regular price in the Compare-at price field for that variant.
  6. Click Save to save the variant.
  7. Repeat steps 3–6 for each variant that should have a compare-at price.


Tip: You can also set compare-at prices in bulk. In the Variants section of the product page, click Edit prices (or use the bulk editor) to update compare-at prices for all variants at once without opening each one individually.


Enable or disable pricing and discount fields


  1. In the Pricing and discounts sub-section, check or uncheck the fields you want to show or hide.
  2. Review the live preview on the right — the items table updates immediately to show or hide the discount column and metadata.
  3. Click Save changes at the top of the Visual Editor.


Note: Changes apply only to invoices generated after saving. Previously generated PDFs are not affected.


Where pricing and discount fields appear on the invoice


  • Show discount — adds a new column to the items table header and each row. The column appears between the Unit Price and Tax columns (if tax is enabled).
  • Show compare-at price — appears as a labeled text line in the product metadata area below the product name, alongside other metadata like SKU, variant, and weight.
  • Show discount reason — appears alongside the discount information for each line item.


Known limitations


  • Discount data comes from Shopify — discount amounts and reasons are pulled from the Shopify order data. You cannot manually enter or override discount values from within Invoice Falcon.
  • Items with no discount show $0.00 — when the discount column is enabled, items without a discount display "$0.00" rather than being blank. This ensures the table columns remain aligned.
  • Compare-at price requires Shopify setup — the compare-at price must be set on the product variant in Shopify (Products → select product → PricingCompare-at price). If it is not set, nothing is displayed for that item even when the checkbox is enabled.
  • Per-item discounts only — the discount column shows per-line-item discounts. Order-level discounts (e.g., discount codes applied to the entire order) are displayed separately in the Order total section.
  • Settings are per-template — pricing and discount settings are saved independently for each template.


Troubleshooting


Symptom

Likely Cause

Fix

Discount column shows $0.00 for all items

No discounts were applied to the order's line items

This is expected. The column shows per-item discounts, not order-level discounts. Check if the discount was applied at the order level instead

Compare-at price not showing for an item

The product variant does not have a compare-at price set in Shopify

Add a compare-at price in Shopify Admin (Products → select product → PricingCompare-at price)

Discount amounts don't match the order total discount

The discount column shows per-item discounts, not the order-level total

Per-item and order-level discounts are different. Order-level discounts appear in the Order total section

Changes not showing on the invoice

Changes were not saved

Click Save changes in the Visual Editor after toggling the checkboxes


FAQs


Q: What is the difference between the item discount and the order discount?
A: The item discount (in this section) shows the discount applied to each individual line item. The order discount (in the Order total section) shows discounts applied to the entire order, such as a discount code at checkout. Both can appear on the same invoice.


Q: Does enabling the discount column make the items table wider?
A: Yes. The discount column adds an additional column to the table. If your invoice already shows many columns (tax rate, tax amount, etc.), the table may become tighter. Use the live preview to check the layout.


Q: Can I show the discount as a percentage instead of a dollar amount?
A: Not from the Visual Editor. The discount column shows the absolute dollar amount. To display discounts as percentages, edit the template code in the Code Editor using Liquid math filters.


Q: What does the compare-at price represent?
A: The compare-at price is the original or "was" price of the product before any markdown or sale. It is set on the product variant in Shopify and is commonly used to show customers the regular price alongside the discounted sale price.


Q: Are all three fields off by default?
A: Yes. Show discount, Show discount reason, and Show compare-at price are all off by default on new templates.

Updated on: 20/05/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!