Document modification and customization (Print Format)

How to customize the layout of documents such as quotations, invoices, and delivery slips to suit your company's needs. Logo placement and layout changes can be done without coding.

5 min
✨ Key points of this page
  • No need to contact a system company — You can change the layout of your forms in-house anytime.
  • Duplicate standard forms and customize them instantly — Create your own forms based on standard templates such as quotations and invoices.
  • Unified design for quotations, invoices, and delivery notes — Logo and company name reflected on all documents in a single letterhead.

overview

With ERPNext, you can freely customize the layout of all business documents, including quotations, invoices, delivery notes, and purchase orders. You can place your company logo, address, and company seal, as well as select which items to display and change the design yourself.

There are 3 stages of customization, so you can choose the one that suits your needs.

Screen URL:/app/print-format

Print Format List Screen


Issues Solved by Form Customization

Until now (traditional method)From now on (ERPNext)
Every time we change a form, we have to request it from the system company → Waiting several days to several weeks + costWe can make changes in-house immediately. Zero cost
Inconsistent design across documents → Uneven brand imageCreate all forms with a unified design. Increase company credibility.
Recreate the form in Excel and print it → Double workOne-click PDF output from ERP data
I want to change the position of the logo or company seal, but I can't do it myself.Freely rearrange them using drag and drop.

3 ways to customize

MethodDifficultyRecommended Situations
Method 1: Letterhead Settings⭐ EasyI only want to change the placement of the logo, company name, and address
Method 2: Duplicate and edit the print format⭐⭐ NormalI want to create a custom format based on a standard form
Method 3: HTML Template⭐⭐⭐ AdvancedI want to create a completely original form design

Scene 1: Setting up the letterhead

You can set the header (top) and footer (bottom) that are displayed in common on all forms. Once you set your company logo, address, bank transfer information, etc., it will be automatically reflected on all forms.

Screen URL:/app/letter-head

Letterhead settings screen

Things to do

  1. Type "Letterhead" into the search bar.
  2. Click "+ Add" to create a new letterhead.
  3. Set the following:
ItemDescriptionExample Input
Letterhead NameAdministrative NameMyHatch 標準
Letterhead based on **Header format (image or HTML)画像
Letterhead ImageLogo Image to Display at the TopCompany Logo (PNG/JPG)
Footer BaseFooter Format (Image or HTML)HTML
Footer HTMLInformation to display at the bottomBank account details, important notes
Default LetterheadUse this form as standardCheck
  1. Click "Save"

Before / After

BeforeAfter
Manually apply the logo to each formSet the letterhead once and it will be automatically applied to all forms
Modify all templates every time the recipient's bank details changeAll documents will be updated at once by simply changing one footer section

Scene 2: Duplicate a print format to create a custom format

You can create custom formats for your company based on standard print templates. Using Jinja (a template engine), you can freely customize display items and layouts.

Print format editing screen

Things to do

  1. Type "Print Format" into the search bar.
  2. Open the document you want to edit (e.g.,Sales Invoice A4 )
  3. At the top of the screen, you will see "Duplicate this to make changes", so select "Duplicate" from the menu.
  4. Edit the following in the newly duplicated print format:
ItemDescription
Print Format For / DocTypeType of document to be printed (e.g.,請求書 )
Custom FormattingCheck this box to enable editing
Print Format Typeジンジャ (Template engine)
Default Printing Language日本語
HTMLEdit the form template
  1. Edit the template in the HTML editor and click "Save".

Before / After

BeforeAfter
Changing print formats incurs outsourcing costsSimply duplicate and edit the standard format. Zero cost
You cannot check the appearance after the changes without exporting to PDF.Preview is available on the spot via the print button.

Scene 3: Fully customize with HTML templates

If you want to create a completely original design, you can create forms from scratch using HTML and Jinja templates. You also have complete freedom with CSS styling.

Things to do

  1. Type "Print Format" into the search bar.
  2. Create a new one using "+ Add Print Format".
  3. Check the "Custom Format" box and set the "Print Format Type" to "Ginger".
  4. An HTML editor will appear, so write your template.

Basic Structure of an HTML Template

ヘッダー部分 ─── 会社ロゴ、宛先、日付、帳票番号
明細テーブル ─── 品目、数量、単価、金額の一覧
フッター部分 ─── 合計金額、備考、振込先
ElementDescription
HeaderCompany information, recipient, document number, issue date
Details TableItem List (Automatically repeats depending on the number of rows)
FooterSubtotal, Tax Amount, Total, Remarks, Stamp Area

Before / After

BeforeAfter
Completely original forms are only available through outsourcing (hundreds of thousands of yen)If you have HTML/CSS knowledge, you can create them in-house for free
Outsourcing costs for template modifications every timeDirectly edit template files and reflect changes immediately

List of Main Report Formats

ERPNext includes the following reports as standard. All are customizable.

FormTarget DocTypeMain Uses
QuotationQuotationPrice presentation to clients
Order ConfirmationSales OrderConfirmation and Agreement of Order Details
Delivery NoteShipping Details
Sales InvoiceSales InvoiceInvoice to Customer
Purchase OrderPurchase Order to Supplier
Inventory DetailsPurchase ReceiptConfirmation of Inventory Contents
Purchase InvoicePurchase InvoiceVerification of invoice from supplier
Manufacturing OrderWork OrderInstructions for the manufacturing floor

Tips

  • Setting Default Format: You can set a "default" format for each form. This format will be automatically selected when printing (open the form and click the "Set as Default" button).
  • PDF Output: You can download the PDF from the "Print" button on the report screen. You can also attach the PDF to an email.
  • Automatic attachment when sending emails: Email settings When combined with this, you can automatically attach PDF documents to emails and send them.
  • Using multiple formats: You can create multiple formats for the same document and switch between them depending on the purpose (e.g., "External Quotation" and "Internal Quotation for Approval").
  • Custom fields can also be displayed: Custom fields The items you added can also be displayed in the report.

📌 Summary of this article

  • With ERPNext, you can freely customize documents such as quotations, invoices, and delivery slips to suit your own needs.
  • With Print Designer, you can edit using drag and drop without any programming.
  • By setting the letterhead just once, your logo, company name, and bank transfer details will be automatically reflected on all forms.

Want to learn more?

If you have any questions about how to use the system, please get in touch. Our ERPNext implementation specialists will support you directly.