Your invoice needs to be professional, but also on-brand and reflect your business’ values. You need an invoice design that will help you strengthen your branding and assure your clients that you’re the perfect fit for their business.<\/p>\n\n\n\n
In this day and age, it’s also important to make sure your invoices are always available to you, no matter where you’re working, or what computer you are using. Losing your invoice history because of a hard drive crash is another problem you don’t want have to worry about.<\/p>\n\n\n\n
Good thing there are many options for storing documents online, not the least being Google Drive and its suite of office tools.<\/p>\n\n\n\n
Did you realize that you can easily create a beautiful invoice using Google Docs? With a little time and effort, you can create a Google Docs invoice template that you can reuse easily across all your invoicing needs. This makes it possible to conveniently store all your invoicing history right in your Google Drive account, ensuring that your data is always available.<\/p>\n\n\n\n
It’s easy to create a Google Docs invoice that’s personalized with your business’ branding. You only need your Google account and access to Google Drive, and you’re all set.<\/p>\n\n\n\n
In this blog post, we’ll walk you through how to create a Google Docs invoice template, and how to use it in your business.<\/p>\n\n\n\n
Let’s start from the top.<\/p>\n\n\n\n
1. Starting your Google Docs document<\/h2>\n\n\n\n
In your Google Drive account (https:\/\/drive.google.com\/<\/a>), click on “ Click on “ You will be directed to a new browser window with an empty, blank document ready for your Google Docs invoice template contents.<\/p>\n\n\n\n You can rename this document to make you easily remember what it is for. Click on the “ Now you’re ready to start adding your business’ branding to your Google Docs invoice!<\/p>\n\n\n\n Your invoice is a fantastic tool for increasing brand awareness. Making the extra effort to personalize your templates can go a long way. So be sure to jazz up your headers and including a logo represents who you are and what your business stands for. Here’s how:<\/p>\n\n\n\n Double-click on the top-most section of your document. This will give you quick access to the “ In the “ If you have your logo stored on your Google Drive, you can also search for your logo in your Google Drive by selecting “ For this example, we’ll upload a logo we have on our computer.<\/p>\n\n\n\n When you first upload the logo, it might end up a bit on the large size, depending on your image. But don’t worry — you can adjust the size of your logo in the header easily.<\/p>\n\n\n\n (Your logo might also be smaller than what you would like. While you can resize them larger, it would generally be better to start off with a larger logo. This is to ensure that your logo is crisp and professional-looking!)<\/p>\n\n\n\n We’ll resize your logo right now.<\/p>\n\n\n\n Click on the logo image on the page. A blue border and handlebars will appear around the image. These handlebars will allow you to resize the image.<\/p>\n\n\n\n Click and drag the lower-right handlebar to resize your image smaller or bigger.<\/p>\n\n\n\n The image should retain the same ratio between its width and height. Make sure it remains the same so that your Google Docs invoice looks as professional as possible! If it does not, Undo your resize ( Pro-tip: If you don\u2019t have a logo for your business, make one! You can make a professional logo for as little as 5 dollars on Fiverr<\/a>, a treasure-trove of freelance design.<\/p>\n\n\n\n By default, adding any text along with your logo will result in something like this:<\/p>\n\n\n\n We’d like the logo to remain at the left so we can put as much text as we want beside it.<\/p>\n\n\n\n To do this, select the logo again by clicking on it, and clicking on the middle icon in the floating menu that appears near the image. “ Your text should start flowing beside the logo when you select “ You can add empty spaces on top of your text to bring the text to the middle of the empty space, or change the font size, color, and so on.<\/p>\n\n\n\n If you click outside of the header area, you can see the header as it will show up when you download or print your Google Docs invoice!<\/p>\n\n\n\n Each page in your invoice will look like what you do here, unless you select “ You might want to give your Google Docs invoice a little more personality by adding a header background, or insert your company letterhead. That’s easy to do as well.<\/p>\n\n\n\n Click back on the Now let’s insert the header image.<\/p>\n\n\n\n Insert another image the same way we inserted our logo, by selecting the “ Select your letterhead or header image. For best results, choose a header image that is longer horizontally and has a high resolution.<\/p>\n\n\n\n Once you upload the header image, your header might look out of whack. That’s okay, for now. We’ll fix that!<\/p>\n\n\n\n Now select your header image by clicking on it, and click the “ Click on the “ Drag your header up toward the upper left edge of the page, as close to the edge as possible.<\/p>\n\n\n\n Now grab the lower right handlebar and drag it to fill out the rest of the page.<\/p>\n\n\n\n Click outside the header to take a look at your beautiful new Google Docs invoice header!<\/p>\n\n\n\n Now let’s get started on your invoice header text.<\/p>\n\n\n\n You can add as much information here as you would like in your Google Docs invoice’s header. Some examples of information you can include are:<\/p>\n\n\n\n and any additional information you would like your clients to take note of.<\/p>\n\n\n\n If you need more than one column of text — for example, you’d like the word “INVOICE” on the right side, plus the date for the invoice, you can create columns of text by using tables.<\/p>\n\n\n\n Select the “ Put in your header text into the columns. You can resize the column widths by clicking on the cell border and dragging it to the left or right, depending on how you’d like it to look like.<\/p>\n\n\n\n I am dragging my column widths from here\u2026<\/p>\n\n\n\n \u2026to here:<\/p>\n\n\n\n We can also resize the leftmost column border, so we end up with something like this:<\/p>\n\n\n\n If your table is sitting too low in the document, we should remove the space on top of the table. Unfortunately, Google Docs won’t allow you to remove the first “paragraph” above your table. To address this, we’ll have to change the header margin.<\/p>\n\n\n\n Click on “ In the dialog box that shows up, change the value of “ Now that the table is positioned where we’d like it to be, let’s remove the borders of our table columns. Highlight all the cells in the table by selecting and dragging all the text within the cell.<\/p>\n\n\n\n Select the the cell borders by clicking on the small dropdown icon on the top rightmost cell and clicking on the all borders icon.<\/p>\n\n\n\n All the borders should be selected, and the icon menu should update to display some border options available to you.<\/p>\n\n\n\n Select the border size option and choose Your header is finally ready!<\/p>\n\n\n\n The body of your Google Docs document will be the main body of your Google Docs invoice as well. This can contain the various details of your invoice — your client’s details, invoice numbers, dates, and the like.<\/p>\n\n\n\n Additionally, an important part of any invoice is the itemized list of deliverables, which we can display using a table in our document.<\/p>\n\n\n\n From the “ There are three most common columns for invoices: a column for “Item Name”, one column for “Item Quantity”, and one more for “Item Description”.<\/p>\n\n\n\n Let’s make a If you would like to change the background color of your header cells, you can select the rows that you’d like to change the background color of, and going to the “ In the dialog box that shows up, you can choose the cell background color into the color of your choice, as well as any border color for those selected cells.<\/p>\n\n\n\n Here’s what our item table now looks like.<\/p>\n\n\n\n We can add more columns to our table if we need by right-clicking anywhere inside the table, and selecting “ We can also select the internal borders in order to specify a different design for the internal cell borders if you would like to further design your table.<\/p>\n\n\n\n Like what we did in the header, you can change the border line thickness, color, and even style! Here’s an example of how to change the border from a solid line to a dashed or dotted line.<\/p>\n\n\n\n You can be as creative as you want! Try to match your branding to make sure your invoice delivers a solid, cohesive feel to your business.<\/p>\n\n\n\n Lastly — make sure that the text you need to replace are obvious to you so that you remember to replace them as you create new Google Docs invoices. While Google Docs doesn’t have placeholder text, something like using “XX” for dates or “NAME” for a spot where you’ll type in a name are good examples of placeholder text you can easily see.<\/p>\n\n\n\n Congratulations on creating a beautiful, on-brand template for your business! It’s time to put it to work.<\/p>\n\n\n\n Once you have made your invoice template document, it’s always available in Google Drive and you can even share it across your team who needs access to your template. If you have a Google Suite account, you can save that document as a Template. But even if you don’t, it’s easy to make new invoices from your document.<\/p>\n\n\n\n To create a new Google Docs invoice, select the “ A dialog box will appear where you can give your invoice a new name or filename, and even move it into a specific folder in your Google Drive account. This is great for organizing your invoices according to your client, time issued, and so on.<\/p>\n\n\n\n After choosing a name and location for your new Google Docs invoice, you’re free to put in your invoice details using the template you just created. <\/p>\n\n\n\n Although it’s highly customizable and always in the Internet and ready for you to use, creating your invoice from a template like this can be tedious and tiring. You can save a lot of time by simply signing up for InvoiceBerry online invoicing software<\/a>. There are 15 nicely designed invoice templates that you can use on the fly.<\/p>\n\n\n\n InvoiceBerry also tracks invoices for you, and you can schedule repeating invoices. This way, you don’t need to worry about making new copies of your template to manually send to your client every month. You can use the time saved to manage and improve your business instead!<\/p>\n\n\n\n+ New<\/code>“, located towards the top-leftmost section of the page.<\/p>\n\n\n\n![\"google-drive-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/1-select-new.png?resize=610%2C475&ssl=1\")
<\/figure>\n\n\n\nGoogle Docs<\/code>” in the menu that appears to create a new blank Google Docs document for your invoice template.<\/p>\n\n\n\n![\"click-here-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/1-create-new-document.png?resize=434%2C403&ssl=1\")
<\/figure><\/div>\n\n\n\n![\"untitled-document-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/3-blank-document.png?resize=601%2C332&ssl=1\")
<\/figure>\n\n\n\nUntitled document<\/code>” filename displayed on the top left of the screen. Type in your preferred name, and hit Enter<\/code> \/ Return<\/code>.<\/p>\n\n\n\n![\"title-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/4-rename-document.png?resize=525%2C340&ssl=1\")
<\/figure>\n\n\n\n2. Adding a Branded Header to Your Google Docs Invoice<\/h2>\n\n\n\n
2.1. Adding Your Logo<\/h4>\n\n\n\n
Header<\/code>” section so you can easily edit the header of all your template’s pages.<\/p>\n\n\n\n![\"header-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_1-working-on-the-header.png?resize=690%2C259&ssl=1\")
<\/figure>\n\n\n\nInsert<\/code>” menu, select “Image<\/code>“, and then “Upload from computer<\/code>“.<\/p>\n\n\n\n![\"\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_1-inserting-image.png?resize=622%2C358&ssl=1\")
<\/figure>\n\n\n\nDrive<\/code>“.<\/p>\n\n\n\n![\"logo-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_1-logo-too-big.png?resize=690%2C514&ssl=1\"){kind=logo}
<\/figure>\n\n\n\n![\"adjus-logo-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_1-resize-handlebars.png?resize=447%2C453&ssl=1\")
<\/figure><\/div>\n\n\n\nEdit > Undo<\/code>, or Ctrl+Z<\/code> (Cmd+Z<\/code> for Mac)) and hold down the Shift<\/code> key while you drag your logo to the proper size.<\/p>\n\n\n\n![\"logo-ratio-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_1-logo-resized.png?resize=382%2C289&ssl=1\"){kind=logo}
<\/figure><\/div>\n\n\n\n2.2 Positioning Your Logo<\/h4>\n\n\n\n
![\"logo-position-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_2-inline-with-text.png?resize=382%2C289&ssl=1\")
<\/figure><\/div>\n\n\n\nWrap text<\/code>” will appear if you hover over the middle icon, too.<\/p>\n\n\n\n![\"wrap-text-logo-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_2-wrap-text.png?resize=352%2C327&ssl=1\")
<\/figure><\/div>\n\n\n\nWrap text<\/code>“.<\/p>\n\n\n\n![\"add-space-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_2-text-wrapped.png?resize=611%2C312&ssl=1\")
<\/figure>\n\n\n\n![\"logo-repeat-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_2-header-with-logo.png?resize=631%2C294&ssl=1\"){kind=logo}
<\/figure>\n\n\n\nDifferent first page<\/code>“.<\/p>\n\n\n\n![\"different-first-page-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_2-different-first-page.png?resize=690%2C246&ssl=1\")
<\/figure>\n\n\n\n2.3 Optional – Adding A Header Background<\/h3>\n\n\n\n
Header<\/code> section of your document by double-clicking on the header area.<\/p>\n\n\n\nInsert<\/code>” menu, “Image<\/code>“, and then “Upload from computer<\/code>“.<\/p>\n\n\n\n![\"upload-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_3-insert-image.png?resize=549%2C330&ssl=1\")
<\/figure>\n\n\n\n![\"add-image--google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_3-header-image-inserted.png?resize=690%2C381&ssl=1\")
<\/figure>\n\n\n\nWrap text<\/code>” menu icon.<\/p>\n\n\n\n![\"wrap-image-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_3-wrap-text.png?resize=672%2C242&ssl=1\")
<\/figure>\n\n\n\nMove with text<\/code>” dropdown on the floating menu bar for the image, and select “Fix position on page<\/code>“.<\/p>\n\n\n\n![\"move-with-text-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_3-fix-position-on-page.png?resize=661%2C298&ssl=1\")
<\/figure>\n\n\n\n![\"fix-position-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_3-drag-header.png?resize=690%2C322&ssl=1\")
<\/figure>\n\n\n\n![\"google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_3-resize-header-background.png?resize=690%2C279&ssl=1\")
<\/figure>\n\n\n\n![\"logo-complete-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_3-header-background-done.png?resize=690%2C242&ssl=1\")
<\/figure>\n\n\n\n2.4 Adding Your Header Text<\/h4>\n\n\n\n
![\"additional-info-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-header-text.png?resize=690%2C193&ssl=1\")
<\/figure>\n\n\n\nInsert<\/code>” menu, and under the “Table<\/code>” menu item, hover over the number of cells you’d like your table to have. For this tutorial, I just want two columns, so I’ll make a 2 x 1<\/code> table.<\/p>\n\n\n\n![\"insert-table-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-columns.png?resize=488%2C341&ssl=1\")
<\/figure><\/div>\n\n\n\n![\"column-width-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-resize-column-from.png?resize=690%2C160&ssl=1\")
<\/figure>\n\n\n\n![\"column-border-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-resize-column-to.png?resize=690%2C133&ssl=1\")
<\/figure>\n\n\n\n![\"resize-border-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-resize-left-border.png?resize=690%2C276&ssl=1\")
<\/figure>\n\n\n\nOptions<\/code>” in the lower right corner of the header area and select “Header format<\/code>“.<\/p>\n\n\n\n![\"header-format-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-header-format-menu.png?resize=323%2C264&ssl=1\")
<\/figure><\/div>\n\n\n\nHeader (inches from top)<\/code>” to whatever value that looks best for your document. You may have to experiment a little.<\/p>\n\n\n\n![\"header-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-header-footer-options-dialog.png?resize=386%2C453&ssl=1\")
<\/figure><\/div>\n\n\n\n![\"highlight-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-select-all-cells.png?resize=550%2C187&ssl=1\")
<\/figure>\n\n\n\n![\"border-icon-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-select-cell-borders.png?resize=533%2C256&ssl=1\")
<\/figure>\n\n\n\n![\"display-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-border-options.png?resize=690%2C362&ssl=1\")
<\/figure>\n\n\n\n0pt<\/code>, so that we won’t have to see the borders anymore.<\/p>\n\n\n\n![\"size-option-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/2_4-0pt-borders.png?resize=267%2C236&ssl=1\")
<\/figure><\/div>\n\n\n\n3. Creating the Body of the Google Docs Invoice<\/h2>\n\n\n\n
Insert<\/code>” menu, select “Table<\/code>“, and select how many rows and columns you’d like your table to be. We can start with just two rows (which will be the column title and the first item in the invoice–we can add more later), but the number of columns may vary.<\/p>\n\n\n\n3 x 2<\/code> table now by selecting this in our Table<\/code> menu.<\/p>\n\n\n\n![\"table-menu-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/3-new-table.png?resize=419%2C395&ssl=1\")
<\/figure><\/div>\n\n\n\nFormat<\/code>” menu. Choose the “Table<\/code>” submenu, and then choose “Table Properties<\/code>“.<\/p>\n\n\n\n![\"table-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/3-table-properties.png?resize=506%2C632&ssl=1\")
<\/figure><\/div>\n\n\n\n![\"table-properties-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/3-table-properties-dialog-box.png?resize=488%2C516&ssl=1\")
<\/figure><\/div>\n\n\n\n![\"item-table-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/3-table-header.png?resize=690%2C277&ssl=1\")
<\/figure>\n\n\n\nInsert column left<\/code>” or “Insert column right<\/code>” from the menu that appears.<\/p>\n\n\n\n![\"insert-column-google-docs-invoice\"](\"https:\/\/i1.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/3-insert-column.png?resize=355%2C498&ssl=1\")
<\/figure><\/div>\n\n\n\n![\"cell-border-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/3-internal-borders.png?resize=196%2C236&ssl=1\")
<\/figure><\/div>\n\n\n\n![\"line-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/3-border-dash.png?resize=690%2C417&ssl=1\")
<\/figure><\/div>\n\n\n\nUsing Your Invoice Template<\/h2>\n\n\n\n
File<\/code>” menu, and click on “Make a copy<\/code>“.<\/p>\n\n\n\n![\"make-copy-google-docs-invoice\"](\"https:\/\/i2.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/4-make-a-copy.png?resize=591%2C472&ssl=1\")
<\/figure><\/div>\n\n\n\n![\"copy-google-docs-invoice\"](\"https:\/\/i0.wp.com\/www.invoiceberry.com\/blog\/wp-content\/uploads\/2020\/05\/4-copy-dialog-box.png?resize=407%2C450&ssl=1\")
<\/figure><\/div>\n\n\n\n