> ## Documentation Index
> Fetch the complete documentation index at: https://docs.upmind.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Edit an Invoice PDF Template

> Customise invoice appearance.

Upmind automatically generates an invoice for every order entered into the system. You can view a digital version on-screen and access a PDF version designed for printing or sharing. The PDF layout differs slightly and is based on default template settings, which you can customise.

This guide explains how to customise your invoice template to suit your needs.

<Note>
  On February 10, 2025, Invoice Templates were updated. Users who had not customised their default template were automatically upgraded to the new version.
</Note>

## Opening a default PDF invoice

1. Log in to your Upmind dashboard.

2. Click **Orders** in the side menu.

3. Select an order, then click **Go to order**.

4. Click **View invoice** and then **Go to invoice**.

<Frame caption="View invoice">
  <img src="https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/7d88809008a0b51c.png?fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=e58ea1c92bca937faf7ca2c398a0c68c" alt="View invoice" width="1016" height="786" data-path="images/fb/7d88809008a0b51c.png" />
</Frame>

5. Download the PDF version to review the current layout.

<Frame caption="Download PDF">
  <img src="https://mintcdn.com/upmind/c5sDUwEs8YpzGbjA/images/fb/9ab868fdb74feff5.png?fit=max&auto=format&n=c5sDUwEs8YpzGbjA&q=85&s=f6f4e816c2494c5f403ea78654020494" alt="Download PDF" width="1516" height="902" data-path="images/fb/9ab868fdb74feff5.png" />
</Frame>

Open the document to see the PDF invoice, which closely resembles the on-screen digital version but with minor layout and content differences.

For example, the email address appears above the mailing address, and the business phone number is omitted.

<Frame caption="Downloaded invoice">
  <img src="https://mintcdn.com/upmind/ZsIo0APxdVb_gFS-/images/fb/2b1d9f49e06c8712.png?fit=max&auto=format&n=ZsIo0APxdVb_gFS-&q=85&s=fbc79eb1f73bb3162872901bd48ec699" alt="Downloaded invoice" width="1452" height="582" data-path="images/fb/2b1d9f49e06c8712.png" />
</Frame>

## Accessing and editing the invoice template

1. Go to `Settings` from the dashboard.

2. Select **PDF templates** under **E-commerce Settings**.

<Frame caption="Settings > E-commerce Settings > PDF Templates">
  <img src="https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/09df8e5509c86a6e.png?fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=c4c807ae95bfe91c13a81a41924d9de6" alt="Settings > E-commerce Settings > PDF Templates" data-og-width="2928" width="2928" data-og-height="1210" height="1210" data-path="images/fb/09df8e5509c86a6e.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/09df8e5509c86a6e.png?w=280&fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=2e611d01a1b2db1321a13451dc2b7fa0 280w, https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/09df8e5509c86a6e.png?w=560&fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=0e41687ecf4b8ade7fa70e55d613bb96 560w, https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/09df8e5509c86a6e.png?w=840&fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=de75a255680d5e35e98622f019d0259f 840w, https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/09df8e5509c86a6e.png?w=1100&fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=10c864af4c5395a1fa62fbcddb8c281a 1100w, https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/09df8e5509c86a6e.png?w=1650&fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=eeba5394c4be50b51cd61eb49ab00326 1650w, https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/09df8e5509c86a6e.png?w=2500&fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=8b286687d340d3eed29294a7aa3aedd0 2500w" />
</Frame>

3. Choose the **Invoice template**.

<Frame caption="Invoice template">
  <img src="https://mintcdn.com/upmind/JUoAg6onJmXk_-rR/images/fb/e037b235025d819b.png?fit=max&auto=format&n=JUoAg6onJmXk_-rR&q=85&s=8b48ac6388c6d8b60e5e2b01596c8d72" alt="Invoice template" width="2242" height="586" data-path="images/fb/e037b235025d819b.png" />
</Frame>

4. Use the **HTML** editor to customise the template code.

<Frame caption="HTML editor">
  <img src="https://mintcdn.com/upmind/ZsIo0APxdVb_gFS-/images/fb/286fd30e393a4b0d.png?fit=max&auto=format&n=ZsIo0APxdVb_gFS-&q=85&s=242064446a2277de9b0cd7490ba8bedc" alt="HTML editor" width="2246" height="622" data-path="images/fb/286fd30e393a4b0d.png" />
</Frame>

Two tabs, **Brand** and **Invoice**, appear at the bottom for easy access to code snippets. Copy snippets by clicking their label and paste them where needed in the template.

<Frame caption="Brand and invoice">
  <img src="https://mintcdn.com/upmind/uxzVUXAKtJ2bRWCI/images/fb/67706183d6a2450e.png?fit=max&auto=format&n=uxzVUXAKtJ2bRWCI&q=85&s=5c3fc61dba4ceb32e7889ac307114fa7" alt="Brand and invoice" width="1354" height="408" data-path="images/fb/67706183d6a2450e.png" />
</Frame>

## Restoring default settings

1. Click **Restore default** in the editor to revert to the original template. This is displayed after making any changes to the **Invoice Template** settings.

2. Click **Save** to apply changes.

<Frame caption="Restore default">
  <img src="https://mintcdn.com/upmind/h8h5zREaX7k8Y-3x/images/fb/125a03f51e38495d.png?fit=max&auto=format&n=h8h5zREaX7k8Y-3x&q=85&s=1358c0ffe6a2f001f43400d603aed3f7" alt="Restore default" width="708" height="694" data-path="images/fb/125a03f51e38495d.png" />
</Frame>

## Editing the invoice template code

You have two options when editing the invoice code:

1. Move or delete existing lines within the editor.

2. Add content:

* Click a **menu tag** from the HTML body.

* Find the desired code snippet.

* Click the snippet label to copy it to the clipboard.

* Paste the snippet into the desired spot in the code.

* Click **Save**.

**Example**: The email address is moved below the company address, and the business phone number is inserted beneath the email address.

<Frame caption="Edit template">
  <img src="https://mintcdn.com/upmind/Lh8hC132BWHpvRbz/images/fb/4e9b70138e78b2b9.png?fit=max&auto=format&n=Lh8hC132BWHpvRbz&q=85&s=0aa161f8356a731334a70333c914197b" alt="Edit template" width="1416" height="788" data-path="images/fb/4e9b70138e78b2b9.png" />
</Frame>

To test the changes, open an order and regenerate the invoice. The screenshot below shows the updated template with the business phone number placed under the email address.

<Frame caption="Updated invoice">
  <img src="https://mintcdn.com/upmind/A-RwNPXmK_xnEEqe/images/fb/70ef3b2a25fb0318.png?fit=max&auto=format&n=A-RwNPXmK_xnEEqe&q=85&s=c62e7d7f5af580493a8d51cda385a76f" alt="Updated invoice" width="1276" height="542" data-path="images/fb/70ef3b2a25fb0318.png" />
</Frame>

## Example case: Adjusting the date format

You can customise the date format in your invoice template using the code:

`format_datetime(pattern='MM/dd/yyyy')`

* MMM represents the month.

* d represents the day.

* y represents the year.

Rearrange the pattern to match your preferred format:

* Use MMM/d/y for month-first formats (e.g., 01/23/2025).

* Use d/MMM/y for day-first formats (e.g., 23/01/2025).

<Frame caption="Updated invoice date">
  <img src="https://mintcdn.com/upmind/ObllJJl59DabnmMn/images/fb/cc7b238c1de8a4fd.png?fit=max&auto=format&n=ObllJJl59DabnmMn&q=85&s=df4a6f126f854e0e0aa00cee46c17fe6" alt="Updated invoice date" width="1488" height="558" data-path="images/fb/cc7b238c1de8a4fd.png" />
</Frame>

## Display invoice status on PDF

To show the invoice status on the PDF:

1. Go to **Settings** > **E-commerce Settings** > **Order Options** > **Misc** section.

2. Enable **Show Invoice Status on PDF**.

<Frame caption="Show invoice status on PDF">
  <img src="https://mintcdn.com/upmind/VnCXiz5rboywDnvn/images/fb/db9fce74ba554365.png?fit=max&auto=format&n=VnCXiz5rboywDnvn&q=85&s=921937b999b5c605a0025e81281854e3" alt="Show invoice status on PDF" width="1432" height="352" data-path="images/fb/db9fce74ba554365.png" />
</Frame>

3. Next, add the following code to line 174 of the invoice template if using the default template: `{{invoice.display_status}}`

<Frame caption="Display invoice status">
  <img src="https://mintcdn.com/upmind/c5sDUwEs8YpzGbjA/images/fb/973fa5504c02d7a0.png?fit=max&auto=format&n=c5sDUwEs8YpzGbjA&q=85&s=07f499f3194e844a4b206e3e07c0d7cc" alt="Display invoice status" width="1292" height="780" data-path="images/fb/973fa5504c02d7a0.png" />
</Frame>

The invoice will then display the status as shown below.

<Frame caption="Invoice status">
  <img src="https://mintcdn.com/upmind/VnCXiz5rboywDnvn/images/fb/d4255757aebb6deb.png?fit=max&auto=format&n=VnCXiz5rboywDnvn&q=85&s=032ce33d183e743220b6a75281474b8f" alt="Invoice status" width="1122" height="420" data-path="images/fb/d4255757aebb6deb.png" />
</Frame>
