How to Edit an Invoice PDF Template

Quickly customize invoices

Upmind auto-generates an invoice for every order that comes into the system. You can see a digital version of the invoice on the screen. There is also a PDF version which has a slightly different layout because it's designed for printout or sharing with other parties. The design of the PDF invoice is based on default template settings, which you can customize. This article shows you how to customize that template.

Opening a default PDF invoice

Start by locating an invoice and opening the PDF to see the baseline before making changes.

  1. On the Upmind dashboard, click Orders on the side menu.
  2. Click an order
  3. On the side panel, click Go to order
  4. Click View invoice.
  5. On the side panel, click Go to invoice.

The page displays the digital version of the invoice. Click the Download button to save a PDF version to your device.

Open the document, and you'll see the PDF invoice looks similar to the digital version on the screen, with minor variations in content and layout. In the example below, the email address is above the mailing address, and there is no business phone number.

Changing the default PDF template

Next, open the invoice editor.

  1. Go to the dashboard and click the Settings button.
  2. On the Settings page, click the Invoice template tile.

The page shows the template and HTML editor. At this point, you can customize the code.

There should be a menu bar with two tabs appears at the bottom of the page: Brand and Invoice. Each tab hosts a variety of code snippets that you can copy and paste into the editor.

Restore default settings

The editor comes with a restore tool in case you don't like the changes or want to return to the default invoice template.

  1. Click the Advanced button and then Reset to system default.
  2. Click Save.

Editing the invoice code

There are two edit options. You can move or delete lines of code inside the editor.

Or, you can add content. Click a menu tab, locate the code snippet you want to add, and click the snippet label. That click copies the snippet to the clipboard. Create a spot in the code, paste the snippet, and then click Save.

  • In the example below, we move the email address and place it under the company address. Then we insert the business phone number under the email address.

To test the results, open an order and regenerate the invoice. The screenshot below shows the new template layout with a business phone number under the email address.