PDF Customizer for Magento 2

How PDF files are designed in Magento 2?

By default, Zend_Pdf is used to create custom PDF templates. You should know that this is almost a challenge to create and include a new PDF template, as this requires knowledge of PHP and experience in development under Magento 2. To edit a template you need to write a PHP-script that includes commands with the exact coordinates (“pen up → move to (x;y) → pen down → move to (x,y)”). There is no any markup, support of stylesheets or custom fonts; each element has its absolute independent positions, which makes the customization of native PDF files at best time-consuming, at worst impossible.

Why customize PDF invoice templates?

Besides, looking unappealing boring and inefficient, default invoice templates are lack of such useful information such as logo, product images, product details, tax information, footer, company info etc. PDF invoice templates are part of your online business, so they must be of high quality and match your brand.

Magento 2 PDF extension

PDF Customizer Magento 2 extension is designed for easy and fast editing of any PDF invoice templates and other documents without any programming skills. Convert any HTML to PDF invoice templates! Along with CSS you get huge opportunities to create and modify attractive templates of printable pdf invoices, shipments and packing slips.

For example, with Magento 2 PDF extension you can add your site logo, product image, terms of service, tax information, or any other custom information to a template. As well as with the help of CSS, you can quickly change colors, margins, background, etc.

Storefront Demo

Admin Demo

PDF Customizer features

Convert HTML to PDF

Our product utilizes Wkhtmltopdf library which makes PDF from HTML document. In addition, you can use CSS to easily apply colors, margins, and other styles to printable PDF documents. This provides unlimited flexibility and allows you to fulfill your design ideas.

Flexible templates for everyone

PDF Customizer Magento 2 extension allows printing not only PDF Magento templates for a custom invoice, shipment and credit memo, but also creating printable order confirmation. You can make a custom template for both admins and customers/guests. In other words, you can print pdf packing slips (order without invoice) which allows you to bypass native Magento workflow; It is required for offline orders management.

Bulk export of PDF documents

With PDF Customizer Magento 2 extension, a store administrator can export PDF files in a bulk from Sales → Orders page. This greatly simplifies the management of orders. On top of that, you can even print orders of Pending status as packing slips.

Attach PDF files to sales emails

Customers no longer need to look for the "Print Invoice" button on your site. Now PDF files can be attached to sales emails.

Display product images

Unlike native PDF documents, Our Magento 2 PDF extension lets you add product images to the PDF invoice templates.

Using Google fonts in PDF templates

Using your own fonts in native PDF documents is not an easy task, especially if it's a Google font. PDF Customizer Magento 2 extension allows you to use Google fonts in the same way as you do in HTML.

Using variables and product images

Certainly, you can insert values of product attributes (for product weight, style, etc.) and even product images into the templates. Please refer to the user guide for more information.

Support of multiple languages

This Magento 2 PDF extension allows you to configure different templates for different storeviews, thus supporting the Magento 2 multi-stores.
By the way, our module also supports Arabic, Cyrillic, Chinese and other non-latin symbols.

Can be used on shared hosting!

PDF Customizer from PotatoCommerce uses 'wkpdftohtml' library to convert HTML&CSS to PDF. This is a server utility which is usually not included in UNIX OS by default. Therefore, installation of 'wkpdftohtml' to a server is required.
The good news is that PotatoCommerce PDF extension supports 2 modes: it can work via self-hosted 'wkpdftohtml' library OR via 'wkpdftohtml' library installed on PotatoCommerce server. So, if you don't have a possibility to install 'wkpdftohtml' on your server — it offen happens on shared hosting — you can use free PotatoCommerce PDF service to convert HTML to PDF.

Free consultation

Installation

1. Download the extension from your account.
2. Extract the folder and copy it to the root directory of Magento 2 store
3. In SSH console of your server navigate to your store root folder:

   cd path_to_the_store_root_folder

   Then:

   php /bin/magento setup:upgrade

4. If you use Magento 2.1.х and above, then it is required to restart Magento compile command by using:

   php /bin/magento setup:static-content:deploy

5. Go to Stores > Configuration > POTATOCOMMERCE > PDF Customizer, configure and enable the extension.
   Custom templates can be created at Content > PDF Customizer by PotatoCommerce > Templates. Please remember to select your custom templates in the extension settings.

Using Variables

Click here to expand/collapse the guide

Order:

'store_id'
'order'
'payment_html'
'formattedShippingAddress'
'formattedBillingAddress'
'giftMessage'

Invoice:

'store_id'
'invoice'
'order'
'invoice_formatted_date'
'payment_html'
'formattedShippingAddress'
'formattedBillingAddress'
'giftMessage'

Shipping:

'store_id'
'shipment'
'order'
'shipment_formatted_date'
'payment_html'
'formattedShippingAddress'
'formattedBillingAddress'
'giftMessage'

Credit memo:

'store_id'
'creditmemo'
'order'
'creditmemo_formatted_date'
'payment_html'
'formattedShippingAddress'
'formattedBillingAddress'
'giftMessage'

Additional directive: foreach
{{foreach items}} {{/foreach}}

Variable item is available inside the foreach directive.
Example: {{foreach creditmemo.getAllItems()}} {{var item.getQty()}} {{/foreach}}
Additional modificator integer is also available. It is used to convert values to int type.
Example:
{{var item.getQty()}} - returns string '1.0000'.
{{var item.getQty()|integer}} - returns digit 1.

Product images:
{{var item|small_image}} - returns URL of small product image
{{var item|image}} - returns URL of base product image
Usage example: <img src="{{var item|small_image}}" width="100" height="100">

Get product attribute (e.g. weight, bin location etc.):
{{var item.getProduct().getAttributeText('your_attribute_code')}} - returns value of the specified product attribute.

Get payment method title:
{{var order.getPayment().getMethodInstance().getTitle()}} - returns only title of the payment method.
You can use it instead of {{var payment_method|raw}}

1.1.1 (30 January 2018)
* bugfix

1.1.0 (08 December 2017)
+ New feature: attach PDF to sales emails
+ New feature: using product images in templates
+ Default templates have been changed (product image added, fixed bug with CSS with for big tables)
* bugfixes

1.0.1 (18 September 2017)
* bugfix

1.0.0 (10 August 2017)
The initial release of the extension.