How to change the layout on invoice WooCommerce

How to change the layout on invoice WooCommerce

When it comes to creating an invoice, it is one of the most challenging tasks if you are just starting, a freelancer or a sole proprietor. Due to the intense competition, running a successful WooCommerce business requires careful planning, personalized quality content, innovative marketing concepts, and a long-term execution strategy.

The invoice does not need to be dull just because it is a business document. Typically, an invoice is your customer’s last point of contact, so why not make a good one? If handled correctly, your invoice can contribute significantly to your marketing plan.

With WooCommerce PDF Invoices & Packing Slips, you can fully customize the content and the look & feel of professional invoices & packing slips. In this blog, we will discuss the importance of a PDF invoice layout and how to change or create WooCommerce invoice layouts.

Benefits of changing invoice layout in WooCommerce

  • Flexibility

Instead of using a plain, uninteresting invoice, you can create a custom WooCommerce invoice template where you can include as much vital information and visual content as you like.

  • Increase brand value and professionalism

Making a custom WooCommerce invoice template is mostly done to amaze your customers.

Your logo, brand-specific color schemes, headers, and footers are all options. It will demonstrate to your customers that you are a professional and respected brand.

  • Used as a marketing tool

A WooCommerce custom invoice template is an excellent marketing tool. You can use customized customer-targeted messages in your invoice to draw customers’ attention to your business and make them into dedicated repeat buyers.

  • Competitive advantage

With a professionally created WooCommerce pdf invoice edit template, you can outperform your rivals.

Steps to change the Invoice layout using WooCommerce PDF invoice/Packing slips plugin (Basic Version)

So, Let’s start!

Step 1: Install the plugin

First, Install and Activate the WooCommerce PDF Invoices/Packing Slips Plugin from the WordPress Plugin Directory.

From WordPress Dashboard, Plugins > Add New. Once activated, follow these instructions to change the invoice layout.

Adding new plugin in woocommerce
Pdf invoice/packing slip plugin installation

You can change the invoice layouts in both the basic and pro versions of this plugin.

Step 2: Navigating to the invoice setting page

From the dashboard, select Invoice/packing > Invoice Settings from the Documents tab

settings of pdf invoice in woocommerce

As the Invoice setting page opens, as shown below, you can configure the basic settings in the General tab

Basic General Settings for the invoice

You can update the invoices after making the changes by clicking the Update Settings button.

Step 3: Navigate to the Customize tab

Moving to the customize tab, where you can view the visual representation of your invoice, also can change to your preferred layout as required for your business.

Customize tab of invoice layout in woocommerce

Here, you add/remove the fields you wanted to see in your invoice.

Create new template option for pdf invoice in woocommerce

Click on the Create new template option, to change the layout of your invoices.

Invoice layout options in PDF invoices plugin

You can choose any of these 3 layouts available. Before switching to new layouts make sure to save the previous layout with a preferred name where it’s possible to switch back to the old invoice.

Step 4: Save the Invoice layout

Once you made the changes in the invoice layout, click on the Save button above the invoice page.

Save button for invoice layout

When you click on the Save button, a pop-up to name the template will appear. Type the name of the template and Save it.

name for your invoice layout

Below you will see the changes to the template name.

Template name for the invoice layout

If you want to activate your new template, click on the hamburger menu near the cancel button and then select Activate.

hamburger menu of invoice layout
Activation of the template

After activating the template, it will be your primary invoice. The below image shows the template is active.

Name of the template changed after activation

If you want to change the template, click on the same hamburger menu, and select the My Templates, where you see all your saved templates.

selection of my templates
List of templates save under my templates

Also, you can re-edit, save or delete the template.

When Using WooCommerce PDF Invoices, Packing Slips, Delivery Notes, and Shipping Label (Premium Version)

If you’re using the Pro version of the WooCommerce PDF Invoices, Packing Slips, Delivery Notes, and Shipping Labels plugin. Follow the instructions below to change the layout of your invoices.

Or, if you are new to the premium version of this plugin, you have to purchase, install & activate the WooCommerce PDF Invoices, Packing Slips, Delivery Notes, and Shipping Labels Pro plugin from the Add New plugin section similar to the basic version.

Step 1: Navigate to the Invoice general settings

From WordPress Dashboard, select the menu Invoice/Packing > Invoice, as similar as in the basic version. Here you can configure the General setting of the premium version of the Invoice plugin, as shown in the below image.

General settings of premium version of the plugin

Step 2: Navigate to the Customize tab

Premium version of customize tab in invoice plugin

Apart from the basic version, here you need to drag and drop the order fields from the Assets tab to customize the invoice.

Step 3: Changing the invoice layout

As we mentioned in the basic version, click on the Create new template option, and a pop-up of templates will appear.

Create new template of Premium version of pdf invoice plugin
Template options for invoice layout

Here, in the premium version, 4 layouts are available: Classic, Modern, Standard, and Blank template.

According to your preference, can choose any template or can choose a blank template and then create your personalized invoice to stand out from the crowd.

After the necessary changes, Save the template to avoid repeating the process.

Save option in Premium invoice layout in woocommerce

In the premium version, you can either Save or directly Save and activate the template. Also, you view the invoice as a PDF preview by Generate PDF preview option.

Final Words

In terms of your marketing activities, even the smallest details can have a significant impact. Don’t be afraid to take advantage of every opportunity that can attract customers to you.

Your e-commerce website business could drastically improve with the use of a customized WooCommerce invoice template. It can bring in people and keep them interested in your products so they become dedicated, recurring customers.