Website Building » Shopify » How Do I Customize My Shopify Receipt?

How Do I Customize My Shopify Receipt?

Last updated on October 2, 2022 @ 2:06 am

As a business owner, you want your Shopify receipts to be as customized as possible. After all, these are the documents that represent your brand and communicate your appreciation to your customers.

Fortunately, Shopify makes it easy to style your receipts with HTML. In this article, we’ll show you how to do just that.

First, let’s take a look at the default Shopify receipt template:

———————————————————————————————————–

Thank you for your order!

———————————————————————————————————–

Order number: {{ order_number }}

Date: {{ order_date }}


{{ billing_address }}


{% for line_item in line_items %}

{% endfor %}

Product Price
{{ line_item.name }} {{ line_item.final_price | money }}

{% if total_discounts > 0 %}

Discounts {{ total_discounts | money }}

{% endif %}

Total before shipping & taxes {{ total_price | money }}

{% if total_shipping > 0 %}

Shipping & Handling {{ total_shipping | money }}

{% endif %}{% if taxes_included == false and tax_lines != blank %}

{% for tax_line in tax_lines %} {% if tax_line.rate == 0 %}

{% else %}

{% endif %}{% endfor %}

{{ tax_line.title }} ({{ tax_line.rate | percentage }}) {{ tax_line.price | money }}

{% endif %}{{ order.note }}

As a business owner, you want your Shopify receipts to be as customized as possible.

First, let’s take a look at the default Shopify receipt template:

PRO TIP: If you are not comfortable with HTML and CSS, we recommend that you do not attempt to customize your Shopify receipt. Doing so could result in errors that could impact the appearance of your receipt, and could potentially cause problems with calculating taxes or other important information.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.