Hello Magento Friends,
In today’s tutorial, I will explain How to Add a “Download Invoice” Button in Magento 2 Order Email.
Once the payment is completed successfully, an order confirmation email is sent to the customer’s email. Order confirmation email helps customers get detailed information about their orders. You can allow users to easily download order invoice from the order confirmation email itself in Magento 2.
Let’s look at the steps to add download invoice button in the order email in Magento 2.
Steps to Add Download Invoice Button in Order Email in Magento 2:
Step 1: Firstly, go to the below file path
app\code\Vendor\Extension\view\frontend\layout\sales_email_order_items.xml
Then add the code as follows
1 2 3 4 5 6 7 8 9 10 |
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd" label="Email Order Items List" design_abstraction="custom"> <body> <referenceBlock name="items"> <action method="setTemplate"> <argument name="template" translate="true" xsi:type="string">Vendor_Extension::email/items.phtml</argument> </action> </referenceBlock> </body> </page> |
Step 2: Next, move to the file path as given below
app\code\Vendor\Extension\view\frontend\templates\email\items.phtml
And embed the below code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
<?php /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ // phpcs:disable Magento2.Templates.ThisInTemplate /** @var $block \Magento\Sales\Block\Order\Email\Items */ ?> <?php $_order = $block->getOrder() ?> <?php if ($_order) : ?> <?php $_items = $_order->getAllItems(); ?> <?php foreach ($_items as $_item) : ?> <?php if (!$_item->getParentItem()) : ?> <?= $block->getItemHtml($_item) ?> <?php endif; ?> <?php endforeach; ?> <tr> <td style="font-size: 18px;font-weight: bold;border-bottom: 1px solid #ccc;padding-bottom: 10px;font-family: Arial, Helvetica, sans-serif;"> Order Total </td> </tr> <tr class="order-totals"> <?= $block->getChildHtml('order_totals') ?> </tr> <?php if(count($_order->getInvoiceCollection())): $objectManager = \Magento\Framework\App\ObjectManager::getInstance(); $storeManager = $objectManager->get('\Magento\Store\Model\StoreManagerInterface'); $store = $storeManager->getStore(); $baseUrl = $store->getBaseUrl(); ?> <tr> <td style="text-align: center;font-family: Arial, Helvetica, sans-serif;"> <a href="<?= $baseUrl ?>emailcustomisation/invoice/printinvoice/order_id/<?= $_order->getId() ?>" class="download" >Download </a> </td> </tr> <?php endif; ?> <?php if ($this->helper(\Magento\GiftMessage\Helper\Message::class) ->isMessagesAllowed('order', $_order, $_order->getStore()) && $_order->getGiftMessageId() ) : ?> <?php $_giftMessage = $this->helper(\Magento\GiftMessage\Helper\Message::class) ->getGiftMessage($_order->getGiftMessageId()); ?> <?php if ($_giftMessage) : ?> <br /> <table class="message-gift"> <tr> <td> <h3><?= $block->escapeHtml(__('Gift Message for this Order')) ?></h3> <strong><?= $block->escapeHtml(__('From:')) ?></strong> <?= $block->escapeHtml($_giftMessage->getSender()) ?> <br /><strong><?= $block->escapeHtml(__('To:')) ?></strong> <?= $block->escapeHtml($_giftMessage->getRecipient()) ?> <br /><strong><?= $block->escapeHtml(__('Message:')) ?></strong> <br /><?= $block->escapeHtml($_giftMessage->getMessage()) ?> </td> </tr> </table> <?php endif; ?> <?php endif; ?> <?php endif; ?> |
Step 3: Now navigate to the following file path
app\code\Vendor\Extension\etc\frontend\routes.xml
Then add the below code snippet
1 2 3 4 5 6 7 8 |
<?xml version="1.0"?> <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd"> <router id="standard"> <route id="yourrouteid" frontName="yourfrountname"> <module name="Vendor_Extension" /> </route> </router> </config> |
Step 4: Next, you need to go to the below-mentioned file path
app\code\Vendor\Extension\Controller\Invoice\Printinvoice.php
And include the code as given below
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 |
<?php namespace Vendor\Extension\Controller\Invoice; use Magento\Framework\App\ResponseInterface; use Magento\Framework\App\Filesystem\DirectoryList; class Printinvoice extends \Magento\Framework\App\Action\Action { /** * Authorization level of a basic admin session * * @see _isAllowed() */ const ADMIN_RESOURCE = 'Magento_Sales::sales_invoice'; /** * @var \Magento\Framework\App\Response\Http\FileFactory */ protected $_fileFactory; /** * @var \Magento\Backend\Model\View\Result\ForwardFactory */ protected $resultForwardFactory; /** * @param \Magento\Backend\App\Action\Context $context * @param \Magento\Framework\App\Response\Http\FileFactory $fileFactory * @param \Magento\Backend\Model\View\Result\ForwardFactory $resultForwardFactory */ public function __construct( \Magento\Framework\App\Action\Context $context, \Magento\Framework\App\Response\Http\FileFactory $fileFactory, \Magento\Backend\Model\View\Result\ForwardFactory $resultForwardFactory, \Magento\Sales\Model\OrderFactory $order) { $this->_fileFactory = $fileFactory; parent::__construct($context); $this->resultForwardFactory = $resultForwardFactory; $this->order = $order; } /** * @return ResponseInterface|void * @throws \Exception */ public function execute() { $orderId = $this->getRequest()->getParam('order_id'); $orderdetails = $this->order->create()->load($orderId); $invoiceId = 0; foreach ($orderdetails->getInvoiceCollection() as $invoice) { $invoiceId = $invoice->getId(); } if ($invoiceId != 0) { $invoice = $this->_objectManager->create( \Magento\Sales\Api\InvoiceRepositoryInterface::class )->get($invoiceId); if ($invoice) { $pdf = $this->_objectManager->create(\Magento\Sales\Model\Order\Pdf\Invoice::class)->getPdf([$invoice]); $date = $this->_objectManager->get( \Magento\Framework\Stdlib\DateTime\DateTime::class )->date('Y-m-d_H-i-s'); $fileContent = ['type' => 'string', 'value' => $pdf->render(), 'rm' => true]; return $this->_fileFactory->create( 'invoice' . $date . '.pdf', $fileContent, DirectoryList::VAR_DIR, 'application/pdf' ); } } else { return; return $this->resultForwardFactory->create()->forward('noroute'); } } } |
Step 5: In this step, move to the following file path
app\code\Vendor\Extension\Model\Order\Pdf\Invoice.php
Then incorporate the following piece of code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 |
<?php namespace Vendor\Extension\Model\Order\Pdf; use PHPQRCode\QRcode; class Invoice extends \Magento\Sales\Model\Order\Pdf\Invoice { protected function _setFontBold($object, $size = 7) { $font = \Zend_Pdf_Font::fontWithPath($this->getFontPath()); $object->setFont($font, $size); return $font; } public function newPage(array $settings = []) { $page = $this->_getPdf()->newPage(\Zend_Pdf_Page::SIZE_A4); $this->_getPdf()->pages[] = $page; $this->y = 800; if (!empty($settings['table_header'])) { $this->_drawHeader($page); } return $page; } protected function _drawHeader(\Zend_Pdf_Page $page) { $this->_setFontRegular($page, 10); $page->setFillColor(new \Zend_Pdf_Color_RGB(0.93, 0.92, 0.92)); $page->setLineColor(new \Zend_Pdf_Color_GrayScale(0.5)); $page->setLineWidth(0.5); $page->drawRectangle(25, $this->y, 570, $this->y - 15); $this->y -= 10; $page->setFillColor(new \Zend_Pdf_Color_RGB(0, 0, 0)); $taxableAmountText = $this->string->split('Taxable Amount', 8); $lines[0][] = ['text' => __('Products'), 'feed' => 35]; $lines[0][] = ['text' => __('Qty'), 'feed' => 150, 'align' => 'right']; $lines[0][] = ['text' => __('Price'), 'feed' => 185, 'align' => 'right']; $lines[0][] = ['text' => __('Subtotal'), 'feed' => 235, 'align' => 'right']; $lines[0][] = ['text' => __('Discount'), 'feed' => 290, 'align' => 'right']; $lines[0][] = ['text' => __('Tax Amt'), 'feed' => 345, 'align' => 'right']; $lines[0][] = ['text' => __('Custom'), 'feed' => 400, 'align' => 'right']; $lines[0][] = ['text' => __('Row Total'), 'feed' => 570, 'align' => 'right']; $lineBlock = ['lines' => $lines, 'height' => 5, $this->y]; $this->drawLineBlocks($page, [$lineBlock], ['table_header' => true]); $page->setFillColor(new \Zend_Pdf_Color_GrayScale(0)); $this->y -= 20; } protected function _setFontRegular($object, $size = 7) { $font = \Zend_Pdf_Font::fontWithPath($this->getFontPath()); $object->setFont($font, $size); return $font; } protected function _drawFooter(\Zend_Pdf_Page $page) { $this->_setFontRegular($page, 10); $this->y -= 10; $page->setFillColor(new \Zend_Pdf_Color_RGB(0, 0, 0)); } protected function _setFontItalic($object, $size = 7) { $font = \Zend_Pdf_Font::fontWithPath($this->getFontPath()); $object->setFont($font, $size); return $font; } } |
Step 6: At last, go to the below file path
app\code\Vendor\Extension\Model\Sales\Order\Pdf\Items\Invoice.php
And insert the below fragment of code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 |
<?php namespace Vendor\Extension\Model\Sales\Order\Pdf\Items; use Magento\Bundle\Model\Sales\Order\Pdf\Items\Invoice as InvoiceDefualt; class Invoice extends InvoiceDefualt { public function draw() { $draw = $this->drawChildrenItems(); $draw = $this->drawCustomOptions($draw); $page = $this->getPdf()->drawLineBlocks($this->getPage(), $draw, ['table_header' => true]); $this->setPage($page); } private function drawChildrenItems(): array { $this->_setFontRegular(); $prevOptionId = ''; $drawItems = []; $optionId = 0; $lines = []; foreach ($this->getChildren($this->getItem()) as $childItem) { $index = array_key_last($lines) !== null ? array_key_last($lines) + 1 : 0; $attributes = $this->getSelectionAttributes($childItem); if (is_array($attributes)) { $optionId = $attributes['option_id']; } if (!isset($drawItems[$optionId])) { $drawItems[$optionId] = ['lines' => [], 'height' => 15]; } if ($childItem->getOrderItem()->getParentItem() && $prevOptionId != $attributes['option_id']) { $lines[$index][] = [ 'font' => 'italic', 'text' => $this->string->split($attributes['option_label'], 35, true, true), 'feed' => 35, ]; $index++; $prevOptionId = $attributes['option_id']; } if ($childItem->getOrderItem()->getParentItem()) { $feed = 30; $name = $this->getValueHtml($childItem)."<br /> SKU :".$childItem- >getSku(); } else { $feed = 25; $name = $childItem->getName(); } $lines[$index][] = ['text' => $this->string->split($name, 15, true, true), 'feed' => $feed]; if ($this->canShowPriceInfo($childItem)) { $tax = $this->getOrder()->formatPriceTxt($childItem->getTaxAmount()); $item = $this->getItem(); $this->_item = $childItem; $feedPrice = 140; $feedSubtotal = $feedPrice + 185; foreach ($this->getItemPricesForDisplay() as $priceData) { if (isset($priceData['label'])) { // draw Price label $lines[$index][] = ['text' => $priceData['label'], 'feed' => $feedPrice, 'align' => 'right']; // draw Subtotal label $lines[$index][] = ['text' => $priceData['label'], 'feed' => $feedSubtotal, 'align' => 'right']; $index++; } $lines[$index][] = [ 'text' => round($childItem->getQty(), 2), 'feed' => $feedPrice, 'font' => 'bold', 'align' => 'right', ]; // draw Price $lines[$index][] = [ 'text' => $priceData['price'], 'feed' => $feedPrice+40, 'font' => 'bold', 'align' => 'right', ]; // draw Subtotal $lines[$index][] = [ 'text' => $priceData['subtotal'], 'feed' => $feedPrice+90, 'font' => 'bold', 'align' => 'right', ]; $lines[$index][] = [ 'text' => round($childItem->getDiscountAmount(), 2), 'feed' => $feedPrice+130, 'font' => 'bold', 'align' => 'right', ]; $lines[$index][] = [ 'text' => $tax, 'feed' => $feedPrice+200, 'font' => 'bold', 'align' => 'right', ]; $lines[$index][] = [ 'text' => "Custom", 'feed' => $feedPrice+260, 'font' => 'bold', 'align' => 'right', ]; $lines[$index][] = [ 'text' => $this->getOrder()->formatPriceTxt($childItem->getRowTotal()+$childItem->getTaxAmount()), 'feed' => $feedSubtotal+230, 'font' => 'bold', 'align' => 'right', ]; $index++; } $this->_item = $item; } /* drawPrices End */ } $drawItems[$optionId]['lines'] = $lines; return $drawItems; } private function drawCustomOptions(array $draw): array { $options = $this->getItem()->getOrderItem()->getProductOptions(); if ($options && isset($options['options'])) { foreach ($options['options'] as $option) { $lines = []; $lines[][] = [ 'text' => $this->string->split( $this->filterManager->stripTags($option['label']), 40, true, true ), 'font' => 'italic', 'feed' => 35, ]; if ($option['value']) { $text = []; $printValue = $option['print_value'] ?? $this->filterManager->stripTags($option['value']); $values = explode(', ', $printValue); foreach ($values as $value) { foreach ($this->string->split($value, 30, true, true) as $subValue) { $text[] = $subValue; } } $lines[][] = ['text' => $text, 'feed' => 40]; } $draw[] = ['lines' => $lines, 'height' => 15]; } } return $draw; } } |
Step 7: Finally, run the below commands
1 2 |
php bin/magento cache:flush php bin/magento setup:di:compile |
Conclusion:
With the help of the above-given steps, you can easily add download invoice button to order emails and improve the user experience. If you have difficulty in the above steps, let me know through the comment box. Share the article with your friends and stay in touch with us for more solutions.
Happy Coding!