---
title: "Print Templates"
description: "Print Templates allow you to design professional documents for your customers, including standard invoices, packing slips, and receipts."
url: "https://docs.j2commerce.com/v6/design/invoice-templates"
markdown_url: "https://docs.j2commerce.com/v6/design/invoice-templates.md"
last_updated: "2026-10-23T02:33:38+00:00"
version: "J2Commerce 6"
breadcrumbs:
  - title: "Home"
    url: "https://docs.j2commerce.com/"
  - title: "J2Commerce 6"
    url: "https://docs.j2commerce.com/v6"
  - title: "Design"
    url: "https://docs.j2commerce.com/v6/design"
  - title: "Print Templates"
    url: "https://docs.j2commerce.com/v6/design/invoice-templates"
---

# Print Templates

Print Templates allow you to design professional documents for your customers, including standard invoices, packing slips, and receipts.

## Prerequisites

- J2Commerce 6.x installed.

## Accessing Print Templates

There are **two** ways you can access the templates.

**Option A:** Go to the **J2Commerce** icon at the top right corner **-> Design -> Print Template**

**Option B:** Go to **Components** on the left sidebar **-> J2Commerce -> Dashboard -> Design -> Print Template**

![Print Templates Manager reached through the J2Commerce menu: Components, J2Commerce, Dashboard, Design and Print Templates highlighted](https://docs.j2commerce.com/images/docs/shared/print-template.webp)

## Creating and Managing Invoice Templates

You can create multiple templates and assign them based on the customer's group, payment method, or order status.

Click **New** and configure the basic settings:

### Details tab

![Edit Print Template, Details tab highlighted: Title Invoice, Language All, Order Status All, Groups Public, Template Type Invoice, Status Published](https://docs.j2commerce.com/images/docs/shared/print-template-details.webp)

**Invoice Type:** The type of document this template generates. **Example:** `Invoice`, `Packing Slip`, `Receipt`

**Title:** Internal name for the template. **Example:**`Standard Professional Invoice`

**Language:** The language the document will be printed in. **Example:** `English (US)`

**Order Status:** The status that triggers this document. **Example:** `Completed`

### Print Template tab

![Edit Print Template, Print Template tab highlighted, with the Body Source dropdown open (Visual Editor, Joomla Editor) beside the Available Shortcodes list](https://docs.j2commerce.com/images/docs/shared/print-template-print-tab.webp)

In the **Print Template** tab, you can customize the look and feel:

**Body Source:** How the document layout is defined. **Options:** `Visual` (Preview), `Editor` (HTML/CSS)

**Body:** The HTML structure of the invoice. **Options:** Visual Builder or HTML editor

**Custom CSS:** Styles to make the invoice look professional. **Options:** CSS rules

#### Using the Visual Builder

When **Visual** is selected as the Body Source, you can use the **Visual Builder** to design your invoices and packing slips.

1. **Adding Elements:** Drag layout blocks from the component panel onto the canvas to build your header, item table, and footer.
2. **Editing Properties:** Click any element to open its settings panel. Here you can change text labels, adjust borders, and set alignment.
3. **Arranging Content:** Drag and drop elements to reorganize the document layout.
4. **Saving Changes:** Once you are satisfied with the layout, click **Save** to store the design.

## How It Works

When an order reaches a specific state or is requested for printing:

1. J2Commerce checks for a **Print Template** that matches the **Language**, **User Group**, and **Payment Method**.
2. If multiple matches exist, it uses the one with the highest priority (ordering).
3. The template is rendered into a PDF or HTML page for the customer.

## Tips

- **Branding:** Use the **Custom CSS** field to add your brand colors and logo styling.
- **Packing Slips:** Create a separate "Packing Slip" template that excludes pricing but includes item quantities and descriptions.
- **Language Support:** Create separate templates for different languages to ensure a localized experience for international customers.

## Troubleshooting

### The layout looks broken when printing

**Cause:** Some CSS styles (like complex Flexbox or Grid) may not be fully supported by PDF generators or browser print drivers.

**Solution:**

1. Use standard HTML tables for layout structures in invoices.
2. Use simple, web-safe fonts.
3. Use the `print` media query in your Custom CSS to optimize for paper.