QuickBooks HelpQuickBooksHelpIntuit

How to customise invoices in QuickBooks Online

by Intuit Updated 11 months ago

With QuickBooks's invoice templates, you can really let your creativity shine and make all sorts of changes to your invoice template. Let's dive into each customisation area in detail, so you can tailor your invoice template to match your unique.

This article will cover how to:

  1. Choose a template
  2. Add a logo
  3. Pick a colour scheme and font style
  4. Change print settings
  5. Update invoice details
  6. Add custom fields
  7. Add a discount
  8. Personalise the email
  9. Preview the invoice
  10. View all templates

Start with the basics

When customising an invoice template, you'll find three tabs: Design, Content and Email. Let's break down each section for easy understanding:

  • Design: Customise the look of your invoice by selecting a pre-designed template or creating a unique design. Adjust the layout, colours, fonts and logo to align with your brand identity.
  • Content: Tailor the invoice information to your needs. Add, remove or edit fields such as company name, address, customer details, item descriptions, prices, and more.
  • Email: Personalise the accompanying email message when sending invoices to your customers. Make it unique and engaging to leave a lasting impression.
  1. Select + New.
  2. Select Invoices.
  3. Select Customise.
  4. To customise the invoice you're currently working on, select Edit current. For a new template, select New style. Or, to customise an existing template, select the template name.
  5. Give your invoice template a name.

Step 1. Choose a template

You can choose from six pre-designed QuickBooks Online invoice templates, or if you prefer, you can skip this section and create a new template from scratch.

(Back to top)

Here are a few key points to remember about logos:

  • You can add up to 10 logos to your account. 
  • The logos should be in .gif, .bmp, .png, .jpg, .jpe, or .jpeg format. 
  • Each logo must be smaller than 10 MB. 
  • They should also be square-shaped, as rectangles are not compatible in QuickBooks.
  • Logos should be in the standard RGB colour space.
  1. In the Design tab, select Make logo edits.
  2. Find and select your logo. Then, select Open.
  3. Select Add a logo +.
  4. Find and select your logo. Then, select Open.
  5. Once uploading is complete, select Save.
  1. Choose the size of your logo on the invoice: S (small), M (medium), or L (large).
  2. Decide on the placement of the logo: right, left or centre alignment. Note that you cannot change the height or width of the logo.

Tip: If you ever decide that you don't need the logo on the invoice, select High logo.

  • Try opening it with Microsoft Paint (or Preview on Mac) and save it as a .jpg with a new file name. 
  • If you see the message “We removed your logo because of a problem.” and you’re sure it meets all the requirements, reach out to support. 
  • If the logo looks strange and you’re not happy with the way it looks, you can change its format. Use the Save as option to create a new copy instead of replacing the original file.

(Back to top)

Step 3. Pick a colour scheme and font style

Pick a colour scheme and font style that really captures the essence of your brand.

  1. Select Try another colour.
  2. If your business has a specific brand colour, you can enter the HEX code, which is a combination of six letters and numbers, to accurately represent that colour.
  1. Next, select Select a different font
  2. Change the font size.

(Back to top)

Step 4. Change print settings

  1. Select Edit print settings
  2. If you send printed forms to your customers, adjust the margins.
    Tip: You can select Reset to go back to the default margin settings if you need to.

(Back to top)

Step 5. Update invoice details

  1. Select the Content tab. 
  2. There are three sections: Header, Table, and Footer. Edit each section separately by selecting the pencil icon next to it.

Select the heading to show more customisation options for each section:

  1. Select the pencil icon to edit the Header section.
  2. Select the ticks next to the fields you want to show on the invoice. The invoice preview updates as you make changes.
  3. You can customise what you want your customers to see by adding or removing information. You can also update the text fields to edit what displays.
  4. Tick the Form numbers checkbox to have QuickBooks add invoice numbers to your form. 
  5. If your business is VAT-registered, you cannot remove the VAT registration number field.
  1. Select the pencil icon to edit the Table section. 
  2. To have separate columns for item descriptions, quantities, and rates, check the Description, Quantity, and Rate checkboxes.
    • If you want to include the item description in the Activity column, check the Product/Service checkbox and then the Include description here checkbox.
    • Alternatively, you can select the Description checkbox and then include Quantity and Rate.
  3. To rearrange the columns, select and drag the grid icon to a new position on the list. 
  4. If you want to change the column name or size, select Edit labels and width.
    • Edit the text fields to change the column names.
    • Adjust the column width by moving the sliders.
  5. Select Show more activity options to edit the following: 
    • Group activity by: Allows you to group activities by Day, Week, Month, or Type.
    • Collapse activity rows: Combines rows with the same rate and description, excluding dates.
    • Show progress on line items (email only).
    • Show markup on billable expenses.
    • Show billable time: Provides two additional options when selected:
      1. Include employee name.
      2. Include hours and rate.
    • Show tax inclusive amounts: Displays the VAT-inclusive amount on print previews and invoices sent to customers.
  6. Show tax type indicators: Shows T, ST, and VAT indicators in the tax column when applicable.
  1. Select the pencil icon to edit the Footer section.
  2. Check the Discount checkbox if you want to offer a discount and display it on the form.
  3. You can personalise a message to your customer and add text to the footer of the form. Choose the desired font size and/or placement by using the dropdown ▼ fields.

(Back to top)

Step 6. Add custom fields

Note: This feature is only available in QuickBooks Online Plus, Essentials and Advanced.

  1. Select the Content tab. 
  2. Select the pencil icon to edit the header section.
  3. Select Manage custom fields. This takes you to the custom fields page.
  4. Select Add field.
  5. Give the custom field a name and select the data type. 
  6. Select Transaction as the category.
  7. Select Invoice.
  8. Turn on Print on form so it appears in your form's header.
  9. Select Save. The custom field will now show on the template.

(Back to top)

Step 7. Add a discount

QuickBooks automatically tracks the discounts you give by creating a Discounts given account in your chart of accounts. But first, let’s check if this setting is turned on.

Save and close your template. We'll come back to it shortly.

  1. Select Settings ⚙ and then Account and settings.
  2. Select Sales.
  3. In the Sales form content section, select Edit ✎.
  4. Turn on the Discount setting.
  5. Select Save and then Done.

Now, go back to your invoice template and let's add the discount field.

  1. Go to Settings ⚙
  2. Select Custom Form Styles.
  3. Select Invoices. If you want to edit an existing invoice, find the invoice from the list and select View/Edit from the dropdown arrow ▼ under the Action column. 
  4. Select the Content tab.
  5. Select the pencil icon to edit the footer section. 
  6. Check the Discount checkbox.

The invoice subtotal can include a discount field, which will only be visible to your customer if you add a discount to it.

(Back to top)

Step 8. Personalise the email

Elevate the customer experience by tailoring the email message they receive with their invoice. Include additional details, instructions, or a heartfelt thank you for a personalised touch.

  • Select the Emails tab. 
  • Select either Full details or Summarised details depending on how much information you want to show on the invoice.
  • If you’d like to include the complete pricing breakdown, select PDF attached.
  • You can edit the email your customer will get with each invoice, and reminder emails.

(Back to top)

Step 9. Preview the invoice

Before saving and closing, it's always a good idea to review everything to make sure the invoice is all good and looks exactly how you want it.

  1. Select the Email tab.
  2. Select Preview PDF. This will open a window showing a PDF version of the invoice your customer will see. 
  3. If you need to make any changes, close the window to go back and make the necessary changes.
  4. Once you’re happy with everything, select Done.

(Back to top)

Step 10. View all templates

  1. Go to Settings ⚙
  2. Select Custom Form Styles. A list of all your saved templates shows.
  3. To create a customise a new form, select New style and then the appropriate form. Or, to customise an existing template, select Edit.

(Back to top)

QuickBooks Online EssentialsQuickBooks Online Payroll AdvancedQuickBooks Online Payroll StandardQuickBooks Online PlusQuickBooks Online Simple Start

Sign in now for personalized help

See articles customized for your product and join our large community of QuickBooks users.

More like this