cancel
Showing results for 
Search instead for 
Did you mean: 

How to Customize Invoices in QuickBooks Online

 

How to Customize Invoices in QuickBooks Online.png

 

What impression do you want your invoices to leave on your customers?

 

A customized invoice, even semi-stylized ones, is an opportunity to enhance the perception of your business. The Custom Form Styles module in QuickBooks Online lets you edit the layout, design, and data fields that appear on your invoices.

 

There’s nothing wrong with plain invoices. Customers aren’t going to abandon your brand because you use generic sales forms. Invoices do, however, make them think something.

 

How to Customize Invoices in QuickBooks Online 1.png

 

Unlike other branding solutions, this one requires very little effort and has no added cost. You don’t need an MFA to create an eye-catching invoice template. Anyone with QuickBooks Online Essentials and QuickBooks Online Plus can use the Custom Form Styles module to create an attractive, professional-looking invoice.  

 


Why do I need to customize my invoices (and other sales forms)?

 

Customizing invoices give your communications a bit of texture. Simple changes, such as layout and logo location, can make the difference between staying top-of-mind or getting lost in the noise of email inboxes. 

 

As ProAdvisor and ParkWay Inc. CTO Matthew Fulton reminds us, “It can be easy to forget that to someone else, your invoice is no different than the other 9 forms in front of them.”

 

You also need to provide customers with the right information. Consider those on the receiving end of an invoice - at a minimum, customers deserve an invoice with relevant information presented in a clear format. 

 


Get started creating customized invoices

 

 

Invoice-Gif.gif

 

 

To begin, click the Gear Icon (Gear Icon.jpg) and then select Custom Form Styles. From the Custom Form Styles dashboard, you can manage and edit templates for Invoices, Estimates, and Sales Receipts.

 

While you can create multiple iterations of a form from a master, you can only apply one template at a time.

 

How to customize an invoice 2.PNG

 

Let's create a new template from scratch. Click the New Style button and select “Invoice” from the drop-down. 


There are four sections of the customization module: Design, Content, Emails, and Payments. You’ll spend the majority of your time in the Design and Content sections.

 

The Design Tab

  •  This is where you choose fonts, color-schemes, and your logo. This is also where you can adjust the overall template layout.

    How to customize an invoice 3.PNG

 

 

 The Content tab

  • Your company information automatically appears in this tab, but you can decide what you want (or don’t want) displayed on the final form. 

  • This is also where you modify data fields (more on that below) and adjust the width of columns.

    How to customize an invoice 4.PNG

     

 The Emails tab

  • You can create a unique invoice email message if you don’t want to use the default.

 

 

The Payments tab

  • This tab is simple but very important if you want customers to pay you electronically directly from the form. If you’re using QuickBooks Payments, QuickBooks Online will automatically update sales information once the payment is processed.

 

How to customize an invoice 5.PNG

 

When you’re done editing the template, you can click Preview PDF or Save and Exit to return to the Custom Form Styles dashboard.

 

The first invoice template you create will become your master default template. To change the default form, click the Arrow Icon (Arrow Icon.jpg) next to the form you want to designate and select “Make Default."

 


Designing Custom Invoice Templates

 

When designing your invoice, ask yourself the following:

 

  • Appearance – Do you want your brand to appear everywhere on your invoices, or do you prefer a more subtle approach? Try to match your existing marketing efforts to create a sense of uniformity.
  • Data-fields – What information matters most to your customers? How much information is too much? Do you provide clients with specific units of measurement? How about tracking information, like drivers’ names, to add peace of mind? These can always be updated later on.
  • Format – Are your invoices easy to read? Where does the most important information appear on your forms? Which data fields are absolutely necessary? Do your customers prefer larger fonts for improved readability? Start with the basics, then add icing to the cake.
  • Personality and Tone – Is being approachable important to your business? Do you want to sound casual or official? Design accordingly.

 

Creating a custom logo

 

When you first create your QuickBooks Online company file, you can add your business logo. This same logo will appear on all of your invoices and sales forms, so take pride in its design and presentation.

 

Logo edits should be made outside the program before uploading the image. Note that square and circular logos with white backgrounds tend to look the best on invoices. Logos files have a few technical requirements:

  • Must be one of the following formats: .gif, .bmp, .jpg, .jpe, or .jpeg
  • Be smaller than 1MB (this helps with loading speed)
  • Have a bit-depth (aka color-depth) of 24-bits or less and use standard sRGB


Customizing data fields

 

You can add, remove, or rename certain data fields from the Content Tab. To edit a section, click on the pencil icon  (Pencil.png) on the preview form. Each section has its own set of customization features.

 

How to customize an invoice 6.PNG

 

There are numerous available customization options. We won’t go over everything, but we will highlight a few important areas:

 

  • In the “Header” section (top section), you can add up to three custom fields by clicking “+ Custom Field” 

  • In the data table section (middle section), you can edit, remove, or rearrange the item description, quantity, and rate data fields.

    Click the blue “Edit Labels and Widths” title at the top to enable the column and data field editor. There’s underlying flexibility in this particular module – for instance, if you prefer to display unit quantities in “lbs,” “grams,” or “boxes,” simply enter the unit of measure into the text box.

 How to customize an invoice 4.PNG

 

  • To change the order of the columns, grab the square icon and drag it until the solid line becomes dotted.

  • Use the slider bar to adjust the width of each column. Column width is relative and finite – you may need to narrow columns that are taking up space before you can adjust others.

 

The “Products/service” line in the data table section includes item categories by default. You can turn these off, but product categories provide customers with more information and you get better data (learn more about item categories – Introduction to Categories in Products and Services).

 


Any other tips I should keep in mind to be successful?

 

  • Let your invoices portray you and your brand in the best light. Treat them you would any other type of communication, be it email, phone call, or face-to-face meeting. Keep them simple but impactful. 

 


What’s Next?

 

Check your Progress

 

FTU Setting up for Success

 

Version history
Revision #:
3 of 3
Last update:
‎08-05-2018 11:46 PM
Updated by:
 
Contributors
Comments

I have created a non UK EC invoice style - it needs to have a default message but if I put on it amends the UK invoice as well - how do I just do for the relevant one?

It would be amazing to be able to change the appearance of a Custom Field - I want to use it to draw attention to the user that they are on AUTOPAY and it needs to be a BIG font with some COLOR.

i recently switched from desktop and was able to have certain info not appear on a printed estimate or invoice that i had visible on screen.

how do i that on online, or do i need to switch back???

@bigjay615, what kind of data fields are you looking for?

@Frank6, totally agree. For now, the only option is to do all caps, but that in and of itself doesn't look as clean as what I think you're envisioning. I will funnel this information upward!

My company is charging an extra amount for credit cards payment. Is there a way to customize the bottom portion of the Invoice like probably inserting "Credit Card Fee" before the "Totals"?

 

The Credit Card Fee will be based on the Gross Sales + Vat.

Hello 

I'm using QBO International version; I created two Inovice Style but the "Standard Users"  can not see it

when trying to Invoice a customer?    they can only use the default Invoice.   

I can see an option at the bottom of the Invoice' screen that says "Personalisar" where I change the invoice style but the standar users can't see it.   Why?   is this an error from the app?    is there a way to allow standar users to see this option? and change invoice style while making a new invoice?

I am a wine distributor and need to print liquor permit numbers on each invoice.  I can save the permit number for each customer in the customer record "Notes" or "Additional Info" fields, but how do I get that to print on the invoice?  Alternatively, how do I add a custom field (e.g., "Permits") to the customer record and have THAT print on the invoice?

I was trying to add more custom fields on header 

There were no options to do that