Customizing Order Templates

Order Printer app icon Go to the App Store to install Order Printer.

Customizing your order template is a good way to promote your store's brand and improve customer satisfaction. You can create new templates and edit existing templates using the Order Printer app in your Shopify admin.

By default, Order Printer includes two templates:

  • invoice: a basic invoice that you can send along with your package to a customer
  • packing slip: a printout of your shop address and your customer's shipping address.

Tip

Invoices and packing slips are just a start — adding other packaging inserts to your orders, like product samples and coupons, is a great way to connect with your customers.

Create a new template

  1. From your Shopify admin, click Apps (or press G A):

    Apps
  2. Click Order Printer to open the app.

  3. Click Manage templates in the app header.

  4. Click Add template:

    Click 'Add template'
  5. Enter a name for your new template in the Name field.

  6. Add HTML, CSS, or Liquid code in the Code field to create your template.

  7. Click Save.

Tip

To delete a template, click Delete on the manage template menu, or click Delete this template in the template editor.

Edit and customize templates

  1. From your Shopify admin, click Apps (or press G A):

    Apps
  2. Click Order Printer to open the app.

  3. Click Manage templates in the app header.

  4. Click the name of the template you want to edit:

    Click the name of the template
  5. When finished, Save your changes.

Tip

Customizing your Order Printer templates requires you to be relatively familiar with HTML, CSS, and Liquid. Shopify Theme Support can help with minor adjustments within the scope of the Shopify Design Policy.

Make table widths 100%

Order Printer provides a simple way to make your tables have borders and stretch to 100% width. Add a table-tabular class to your table like this:

<table class="table-tabular">
    ...
</table>

Show Product Thumbnails

If you want to include product thumbnails, insert this code into your template:

{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}

Add your logo to order templates with Order Printer

Tip

This requires basic knowledge of HTML.

You can add your logo to order invoice, packing slip, and custom templates:

  1. From your Shopify admin, click Settings, and then click Files.

  2. Click Upload Files and find the image file on your computer:

    Click 'Upload files'
  3. Highlight the image URL by clicking it, then copy the URL:

    Copy the image URL
  4. From your Shopify admin, click Apps (or press G A):

    Apps
  5. Open the Order Printer app, and click Manage Templates:

    Click 'Manage templates'
  6. Click the name of the template that you want to edit:

    Click the name of the template
  7. Use the img tag to include your logo. Enter the following code snippet into your template where you would like your logo to appear: <img src="your-image-URL">.

  8. Paste the image URL your copied between the "" to replace your-image-URL. Depending upon where you would like your logo to appear, you might need to add a <br/> tag.

It should look something like this in the HTML:

Example HTML code

And something like this on your invoice:

Example of a customized email template

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free