Crown Street, Wollongong, 2500

Edit and Print Invoices

Melody Jaimon • Aug 01, 2022

For each order, you and your customers can both print out an invoice. An invoice is a summary of order details that confirms the successful placement of an order. Invoices can be kept for your records or used as packing slips to ensure that all ordered products are contained within a box before it is shipped. You can also include printed invoices in shipments or save them as PDF files and resend them to your customers if necessary.


The store sends out invoices using a standard template that is made to work for any business. If you have a Business or Unlimited plan, you can change this template to fit the needs of your business.


To see a preview of the invoice template:


  1. Click eCommerce in the editor's sidebar and then click Manage Store.
  2. After clicking Settings, click Invoice.
  3. In the Invoice Example section, click Preview Invoice to see the default invoice.


The store uses a default  invoice template that has the following information on it:


  • Name and address of your business (taken from your store profile)
  • The name and address of the buyer
  • The payment method and shipping method they chose for their order
  • Information about the products they ordered and the total cost of their order broken down by item 

Edit Invoice

To change the options that come with the invoice:


  1. Click Settings in the Store Control Panel, then click Invoice.
  2. The following are your options:
  3. Invoice logo. Click Upload Invoice Logo to add the logo for your business.
  4. Taxpayer identification number. Click Edit to enter your business's taxpayer identification number. Optionally, you can give the tax identification number a name that corresponds with local tax rules and regulations. Click Save.
  5. Invoice template. If you want to make more changes to the invoice template, click Edit Template.

Edit Invoice Template

This is what your store's invoice template has:


  • Variables referring to store or customer data (invoice templates use the same collection of variables as our email notifications).
  • Freemarker tags are used to replace variables with their actual values and and for conditional rendering.
  • CSS and HTML are used to define the structure and appearance of the invoice.


You can transfer the order details to the invoice by adding HTML tags and special regular expressions. You can add or take out the variables in these expressions, adjust their positions, or make a custom invoice that fits your needs exactly.


To modify the invoice template, you must:


  1. In the Store Control Panel, go to Settings and then Invoice.
  2. Select Edit Template from the menu.
  3. Make the necessary modifications to the template.
  4. Select the Preview Link option before saving any changes to see how the invoice will appear.
  5. If you don't like the outcome, you can restore the default invoice template by clicking the Revert to default link at the bottom of the template.
  6. If you're making changes to a template that you've already customised and saved, you can't use the Revert to default option because it will take you back to the original default template. To save a copy of your new template, copy the invoice template and save it on your computer as a text file. If something goes wrong, you can copy the code from the file and paste it back into the template.
  7. Click Save.

Examples

Add Text to the Invoice Footer

You can add a message to the invoice by attaching it to the "Thank you for your order!" line. text. For instance:

To do this, open the invoice template for editing, scroll to the bottom, and add your message as plain text after the variable ${textLabels.footerMessage} in the Invoice Footer block:

Alternately, you can change the default footer message from "Thank you for your order!" to a custom message by replacing the template variable ${textLabels.footerMessage} with the required text.

Invoice Variables

To display general text labels in invoices, a number of special variables are used, such as Order, Buyer, Thank you for your order!, and so on. Here is the list of invoice template variables and the actual text that appears in place of these variables in invoices:

Variable — Text label

  • ${textLabels.order} — Order
  • ${textLabels.orderComments} — Order comments
  • ${textLabels.sku} — SKU
  • ${textLabels.footerMessage} — Thank you for your order!
  • ${textLabels.customerService} — Customer service
  • ${textLabels.phone} — Phone
  • ${textLabels.shippingMethod} — Shipping method
  • ${textLabels.paymentMethod} — Payment method
  • ${textLabels.discountCoupon} — Discount coupon
  • ${textLabels.items} — Items
  • ${textLabels.shipping} — Shipping
  • ${textLabels.total} — Total
  • ${textLabels.shipTo} — Ship to
  • ${textLabels.buyer} — Buyer
  • ${textLabels.pickupMethod} — Pickup Method
  • ${textLabels.taxId} — Tax ID
  • ${textLabels.taxFreeBusiness} — Tax Exempt Customer

Print Invoice

Customers can view and print the invoices for their orders in several places:


  • They can generate an invoice after placing an order by clicking the Print Order link on the Thank you for your order page.
  • After they log in to their customer account in your store, they can print an invoice for any order from their order history.
  • Customers can also get invoices attached to the emails that confirm their orders. To send invoices with your Order Confirmations, go to your Store Control Panel, click Settings, then Invoice, and turn on the Attach invoices to Order Confirmation email setting.


To print multiple invoices:


  1. Click My Sales in the Store Control Panel, then click Orders.
  2. Click the checkbox next to the orders you want to choose.
  3. Select Print Selected from the Bulk Update drop-down menu at the top.

FAQs

Can I generate invoices using a third-party system?

Yes. There are several tools in the Store App Market that can help you customise invoices:


  • PrintFantastic: Print Great-Looking Invoices has templates for invoices, packing slips, and shipping labels that can be used as-is or changed. You can print several invoices at once, email them, or save them as a PDF.
  • Printout Designer: Create Invoices, Packing Slips, and Labels helps you make invoices, sales receipts, gift receipts, packing lists, and labels that look great. Even though the layout of each print is fixed, you can change captions and messages to be written in different languages and take things out of the templates that you don't need.


If you use a third-party system for invoices, you may want to disable invoice generation in the store. Disable the Generate invoices upon order placement option in the Store Control Panel go to Settings and then Invoices.

How can I shorten the top margin?

You can easily change the margins in the print popup. Start printing your invoice and choose the minimal margin option from the printing settings. If the preview looks good, click Print. Here's an example of how these settings appear when printing in Google Chrome:

See How Our Agency Can Drive Massive Amounts of Traffic to Your Website

Website Design designed for your audience and to be found on Google Searches
SEO - unlock relevant and increased SEO traffic. 

Paid Media - effective paid strategies with a clear ROI.

Get Started

Love My Online Marketing has 10+ Years of working alongside businesses and helping them grow. Discuss your options for online success from website Design and Development through to Google Marketing. Book a Free 20min Discovery Call.

Book A Discovery Call

Do you want more traffic and business leads?

Love My Online Marketing is determined to make a business grow. Our only question is, will it be yours?

Let's Chat
Blue Facebook logo
By Melody Jaimon 07 May, 2024
This article will provide you with clear instructions on how to give access to a Facebook page without sharing your password by adding an admin.
Google My Business zoomed in by magnifying glass
By Melody Jaimon 28 Mar, 2024
Learn how to add a digital marketing agency to Google My Business in this quick step-by-step guide with photos.
logo of Meta and a person looking at the phone
By Melody Jaimon 27 Mar, 2024
Discover the secrets of adding a digital marketing agency to Facebook Ads Manager with this comprehensive step-by-step guide, featuring helpful photos to guide you along the way. Say goodbye to confusion and hello to success with this must-read tutorial.
smartphone apps with notifications
By Melody Jaimon 18 Mar, 2024
Find out the best times to post on popular social media channels so that you can reach more of your audience. Among those covered are Facebook and Instagram.
A person is holding a cell phone in their hand showing the Facebook Messenger and Instagram icons
By Melody Jaimon 13 Feb, 2024
This article explains why and how to set up auto-replies on Facebook Messenger and Instagram.
man typing on a keyboard
By Melody Jaimon 08 Feb, 2024
Animation not only adds visual appeal but it also enhances user experience and engagement. Read this blog to find out how animation contributes to the success of a web design.
woman typing on a keyboard
By Melody Jaimon 06 Feb, 2024
Enhance your online presence effortlessly with a perfect mix of SEO and web design techniques. Read here to explore practical tips to boost visibility and climb the search engine rankings.
a man clicking on domain on an augmented reality UI
By Melody Jaimon 01 Feb, 2024
Have you been given access to your domain by your agency? Learn how to manage your domain access in this blog post.
man working on a laptop
By Melody Jaimon 15 Jan, 2024
Learn the latest Google Business Profile updates affecting website creation - essential insights for online business owners.
modern web designing
By Melody Jaimon 22 Dec, 2023
Microinteractions are subtle yet powerful in enhancing user experience. Learn their role in modern web design to elevate your online presence and boost customer engagement.
More Posts
Share by: