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.

Did you know?

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:

    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.

Did you know?

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:

    Edit template
  5. When finished, Save your changes.

Did you know?

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

Did you know?

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:

    Upload files

  3. Highlight the image URL by clicking it, then copy the URL:

    Copy uploaded file url

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

    Apps

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

    Order printer manage templates 1

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

    Order printer invoice

  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:

Order printer invoice img

And something like this on your invoice:

Order printer invoice img2

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free