{"id":1762,"date":"2021-05-12T22:30:23","date_gmt":"2021-05-12T22:30:23","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/add-custom-field-below-apply-discount-code-in-magento-2-cart-page\/"},"modified":"2025-05-22T10:30:55","modified_gmt":"2025-05-22T05:00:55","slug":"add-custom-field-below-apply-discount-code-in-magento-2-cart-page","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-custom-field-below-apply-discount-code-in-magento-2-cart-page\/","title":{"rendered":"How to Add Custom Field Below Apply Discount Code in Magento 2 Cart Page"},"content":{"rendered":"\n

Magento 2 is the most preferred CMS for developers owing to its customization capabilities. Today, I am giving one such customized solution to add custom field below apply discount code in Magento 2 cart page<\/strong><\/em>.<\/p>\n\n\n\n

You can use this solution for multiple purposes and make the most out of the cart page when the customer is about to checkout.<\/p>\n\n\n\n

At this step, the shopper has almost decided to convert and hence he\/she is trusting your brand. Why not push them for more?<\/p>\n\n\n\n

For instance, if you are offering a discount code, you can prompt them to click on a custom field below the discount code and ask to explore the detailed offer benefits or encourage them to avail a superior membership for more discounts.<\/p>\n\n\n\n

Moreover, at this step, you can add a custom link that redirects them to check your best seller products. In this way, you can increase your average order value and boost sales.<\/p>\n\n\n\n

Also, if you are offering product personalization, you can offer a custom button to start designing the product if they didn\u2019t do it earlier. In this way, improve the shoppers\u2019 store experience in Magento 2 store.<\/p>\n\n\n\n

Lastly, if there\u2019s any data you want from the customers that can be insightful data for your marketing strategy, use the below solution to add a custom textbox where they can enter the asked information!<\/p>\n\n\n\n

Also read: <\/strong>How to Setup Discount with Minimum Purchase in Magento 2<\/a><\/p>\n\n\n\n

Check this code if you want to implement any of the above scenarios or any other custom field based on your business requirements on the Magento 2 cart page.<\/p>\n\n\n\n

Also, if you are looking to add a custom field on the checkout page in Magento 2<\/a>, you can refer to my solution.<\/p>\n\n\n\n

Method to Add Custom Field Below Apply Discount Code in Magento 2 Cart Page<\/h2>\n\n\n\n

1. Create registration.php file<\/strong> at app\\code\\Vendor\\Module\\registration.php<\/strong><\/strong><\/p>\n\n\n\n

<?php\nuse \\Magento\\Framework\\Component\\ComponentRegistrar;\n\nComponentRegistrar::register(ComponentRegistrar::MODULE, 'Vendor_Module', __DIR__);<\/pre>\n\n\n\n
2. Create module.xml<\/strong> file at app\\code\\Vendor\\Module\\etc<\/strong><\/strong> directory<\/p>\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:Module\/etc\/module.xsd\">\n    <module name=\"Vendor_Module\" setup_version=\"1.0.0\"\/>\n<\/config><\/pre>\n\n\n\n
3. Create checkout_cart_index.xml<\/strong> file at app\\code\\Vendor\\Module\\view\\frontend\\layout<\/strong><\/strong><\/p>\n\n\n\n
<?xml version=\"1.0\"?>\n<page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n      xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n    <body>\n\n        <referenceBlock name=\"checkout.cart.container\">\n            <block class=\"Vendor\\Module\\Block\\Cart\\Custom\" name=\"checkout.cart.custom\" as=\"storecredit\"\n                   template=\"Vendor_Module::cart\/custom.phtml\" after=\"cart.discount\"\/>\n        <\/referenceBlock>\n    <\/body>\n<\/page><\/pre>\n\n\n\n
4. Create Custom.php<\/strong> file at Vendor\\Module\\Block\\Cart<\/strong><\/strong><\/p>\n\n\n\n
<?php\n\nnamespace Vendor\\Module\\Block\\Cart;\n\nclass Custom extends \\Magento\\Framework\\View\\Element\\Template\n{\n    public function __construct(\\Magento\\Framework\\View\\Element\\Template\\Context $context)\n    {\n        parent::__construct($context);\n    }\n}<\/pre>\n\n\n\n
5. Create custom.phtml <\/strong>file at Vendor\\Module\\view\\frontend\\templates\\cart<\/strong><\/strong><\/p>\n\n\n\n
<div class=\"control\">\n    <label>Enter Value:<\/label>\n    <input type=\"text\" class=\"input-text\" id=\"custom\" name=\"custom\"\/>\n<\/div><\/pre>\n\n\n\n
Once implemented, you can see the custom field on the cart page in Magento 2 storefront as shown below:<\/p>\n\n\n
\n
\"How<\/figure>\n<\/div>\n\n\n
That\u2019s it.<\/p>\n\n\n\n
Do consider sharing this post with Magento Community via social media.<\/p>\n\n\n\n
Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"
Magento 2 is the most preferred CMS for developers owing to its customization capabilities. Today, I am giving one such customized solution to add custom field…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1762","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1762"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1762\/revisions"}],"predecessor-version":[{"id":14328,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1762\/revisions\/14328"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}