Thank you for purchasing our extension. If you have any questions that are beyond the scope of this document, do not hesitate to leave us an email via our email [email protected].

Edited: 22/08/2019 | By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/29 


Introduction

PDF Invoice for Magento 2 enables merchants to create beautiful and professional invoices that replace the default template in Magento. The extension comes with GrapeJS, the user-friendly template editor so that admin can simply drag and drop to add multiple elements such as text, image, shape, discount code, etc.

Feature

For Admin

For Customer 

System requirement



1. Configuration

(plus) On Admin sidebar, go to Marketing > PDF Invoice > Settings.

(plus) On Configuration page

 General Configuration



  Set configuration for the PDF


There are four types of PDF: PDF for Order, PDF for Invoice, PDF for Shipment and PDF for Credit Memos. Expand the sections to configure for each PDF.


2. Manage PDF Template

This section allows editing the available PDF template or creating new template.

(plus) On the Admin sidebar, go to Marketing > PDF Invoice > Manage PDF Template.

(plus) On Manage PDF Template page, click on Add New Template button to create a new one.

(plus) On New Template page:

General Configuration

 

 

PDF Configuration

In this section, admin can configure the layout for the PDF template.

 

PDF Content

Admin can build a new template or create a new template base on an available template.


(plus) To create a template base on the available templates

(plus) To build a new template, on HTML Content, click on Show Editor button. Then create your content from scratch.




(warning) Note: Do not change the template during the building process otherwise your template will disappear.

Create PDF template using HTML and CSS code

(plus) You can design your own custom template with HTML and CSS. For more details about all supported HTML tags and supported CSS, please refer to this site https://mpdf.github.io/html-support/html-tags.html.

(plus) To insert a shortcode, which will replace by specific information of the order, you can use this format <shortcode>{{key}}</shortcode>.

(warning) Note:

(plus) Shortcode list

Store Information

{{store_name}}

{{store_phone}}

{{store_hours}}

{{store_street_line1}}

{{store_street_line2}

{{store_postcode}}

{{store_city}}

{{store_country}}

{{store_region}}

{{vat_number}}

Shipping Information

{{shipping_method}}

{{shipping_name}}

{{shipping_first_name}}

{{shipping_last_name}}

{{shipping_street1}}

{{shipping_street2}}

{{shipping_company}}

{{shipping_region}}

{{shipping_phone_number}}

{{shipping_post_code}}

{{shipping_country}}

{{shipping_city}}

Payment Information

{{payment_method}}

{{payment_name}}

{{payment_first_name}}

{{payment_last_name}}

{{payment_street1}}

{{payment_street2}}

{{payment_company}}

{{payment_region}}

{{payment_phone_number}}

{{payment_post_code}}

{{payment_country}}

{{payment_city}}

Order Information

{{order_id}}

{{status}}

{{invoice_id}}

{{shipment_id}}

{{creditmemo_id}}


Order Items

{{product_name}}

{{sku}}

{{qty}}

{{price}}

{{subtotal}}

{{discount_amount}}

{{rowtotal}}

Order Totals

{{order_subtotal}}

{{order_shippingAndHandling}}

{{order_tax}}

{{order_grandtotal}}

{{order_discount_amount}}


(plus) After finish, click on Save button to save the new template.


Main Function

(plus) Drag and drop the items on the tool tab to build the PDF template.

(plus) Preview the template directly on the building section.

(plus) Preview the template after finishing it.

(plus) From the back-end, admin can:


Update


Support


 Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact us for support.