An E-commerce store\u2019s core strength is the product it offers. The presentation of the product can make or break a sale.<\/p>\n\n\n\n
A product page is where the potential customers spent their maximum time before making the purchase. Also, it is the product page that gets shared the maximum number of times.<\/p>\n\n\n\n
Hence, the product page must be designed strategically to attract more customers and improve sales. The default\u00a0Magento 2\u00a0product page may fall short to fulfill the business requirements related to the product page design.<\/p>\n\n\n\n
One may want to customize the product page by adding custom links, notification messages, additional functionalities, etc.<\/p>\n\n\n\n
For example, you may want to offer the gift wrapping facility at an additional cost along with the product purchase, or you may want to display a custom notification bar.<\/p>\n\n\n\n
It can be done easily with the programmatic solution to add custom text or HTML on product page using plugin in Magento 2<\/strong><\/em>.<\/p>\n\n\n\n Use the below solution to add any custom checkboxes, links, messages, etc. in your product page using plugin in Magento 2 store.<\/p>\n\n\n\n Enhance the product page design and enjoy higher conversion rates!<\/p>\n\n\n\n 1. Create di.xml<\/strong> at app\/code\/Vendor\/Module\/etc\/frontend <\/strong>and use the below code.<\/p>\n\n\n\n 2. Create View.php <\/strong>at app\/code\/Vendor\/Module\/Plugin\/Catalog\/Block\/Product <\/strong>and follow the below code.<\/p>\n\n\n\n Here, I\u2019ve used product.info.addtocart <\/strong>to display custom text under the \u2018Add to Cart\u2019 button.<\/p>\n\n\n\n That\u2019s it.<\/p>\n\n\n\nSteps to Add Custom Text or HTML on Product Page Using Plugin in Magento 2<\/h2>\n\n\n\n
<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n xsi:noNamespaceSchemaLocation=\"urn:magento:framework:ObjectManager\/etc\/config.xsd\">\n <type name=\"Magento\\Catalog\\Block\\Product\\View\">\n <plugin name=\"custom-text\" type=\"Vendor\\Module\\Plugin\\Catalog\\Block\\Product\\View\"\/>\n <\/type>\n<\/config><\/pre>\n\n\n\n
<?php\nnamespace Vendor\\Module\\Plugin\\Catalog\\Block\\Product;\nuse Magento\\Catalog\\Block\\Product\\View as ProductView;\nclass View\n{\n private $displayBlocks = ['product.info.addtocart'];\n \/\/ you can add layout references as per your need to display like: product.info.price, product.info.review, etc.\n public function afterToHtml(ProductView $subject, $html)\n {\n if (in_array($subject->getNameInLayout(), $this->displayBlocks)) {\n return $html . '<div class=\"custom-text\">Test 1<\/div>';\n }\n return $html;\n }\n}<\/pre>\n\n\n\n