{"id":308873,"date":"2021-10-08T15:46:05","date_gmt":"2021-10-08T15:46:05","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=308873"},"modified":"2024-06-19T11:32:01","modified_gmt":"2024-06-19T11:32:01","slug":"display-custom-block-on-the-checkout-cart-page-in-magento-2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/","title":{"rendered":"Display custom block on the checkout cart page in Magento 2"},"content":{"rendered":"\n

Hello Friends!

In Magento 2, sometimes we need to save additional information in quotes or we want to display some information on the cart page on the frontend. So, we can achieve the same by following steps:<\/p>\n\n\n\n

1. Create checkout_cart_index.xml file inside the app\/code\/Vendor\/CustomModule\/view\/frontend\/layout\/ directory.<\/strong><\/p>\n\n\n\n

<?xml version="1.0"?>\n<!-- \/**\n * Vendor Desc.\n *\n * @category Vendor\n * @package Vendor_CustomModule\n * @author Vendor\n * @copyright Copyright (c) Vendor\n * @license https:\/\/example.com\/license.html\n *\/ -->\n <page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <body>\n        <referenceContainer name="checkout.cart.order.actions">\n            <block class="Magento\\Framework\\View\\Element\\Template" \n                name="checkout.cart.customblock" \n                template="Vendor_CustomModule::customblock.phtml">\n            <\/block>\n        <\/referenceContainer>\n    <\/body>\n <\/page><\/pre>\n\n\n\n
2. Create the customblock.phtml file inside the app\/code\/Vendor\/CustomModule\/view\/frontend\/templates\/ directory.<\/strong><\/p>\n\n\n\n
<p style="color:green;">\n    Custom Block<br\/>\n    Write your content Here...OR Create a Form\n<\/p><\/pre>\n\n\n\n
3. Look at the result in the following image.<\/strong><\/p>\n\n\n\n
\"cartCustomBlock\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
Hello Friends! In Magento 2, sometimes we need to save additional information in quotes or we want to display some information on the cart page on the frontend. So, we can achieve the same by following steps: 1. Create checkout_cart_index.xml file inside the app\/code\/Vendor\/CustomModule\/view\/frontend\/layout\/ directory. 2. Create the customblock.phtml file inside the app\/code\/Vendor\/CustomModule\/view\/frontend\/templates\/ directory. 3. […]<\/a><\/p>\n","protected":false},"author":249,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[12147,12148,1012,12149],"class_list":["post-308873","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-custom-block","tag-custom-block-on-cart-page","tag-custom-field","tag-display-custom-form-on-cart-page"],"yoast_head":"\nDisplay custom block on the checkout cart page in Magento 2 - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display custom block on the checkout cart page in Magento 2 - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Hello Friends! In Magento 2, sometimes we need to save additional information in quotes or we want to display some information on the cart page on the frontend. So, we can achieve the same by following steps: 1. Create checkout_cart_index.xml file inside the app\/code\/Vendor\/CustomModule\/view\/frontend\/layout\/ directory. 2. Create the customblock.phtml file inside the app\/code\/Vendor\/CustomModule\/view\/frontend\/templates\/ directory. 3. [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-08T15:46:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-19T11:32:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock-1200x618.png\" \/>\n<meta name=\"author\" content=\"Khushboo Sahu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Khushboo Sahu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/\"},\"author\":{\"name\":\"Khushboo Sahu\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f94b8f53397bf85810761d76c98fadca\"},\"headline\":\"Display custom block on the checkout cart page in Magento 2\",\"datePublished\":\"2021-10-08T15:46:05+00:00\",\"dateModified\":\"2024-06-19T11:32:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/\"},\"wordCount\":85,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock-1200x618.png\",\"keywords\":[\"custom block\",\"custom block on cart page\",\"custom field\",\"display custom form on cart page\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/\",\"url\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/\",\"name\":\"Display custom block on the checkout cart page in Magento 2 - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock-1200x618.png\",\"datePublished\":\"2021-10-08T15:46:05+00:00\",\"dateModified\":\"2024-06-19T11:32:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock.png\",\"width\":1816,\"height\":935,\"caption\":\"cartCustomBlock\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Display custom block on the checkout cart page in Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f94b8f53397bf85810761d76c98fadca\",\"name\":\"Khushboo Sahu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cabac965df656d114e6bf340df07518c990eda03bb09265dbd5c17f1097adaae?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cabac965df656d114e6bf340df07518c990eda03bb09265dbd5c17f1097adaae?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Khushboo Sahu\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/khushboo-sahu062\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Display custom block on the checkout cart page in Magento 2 - Webkul Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"Display custom block on the checkout cart page in Magento 2 - Webkul Blog","og_description":"Hello Friends! In Magento 2, sometimes we need to save additional information in quotes or we want to display some information on the cart page on the frontend. So, we can achieve the same by following steps: 1. Create checkout_cart_index.xml file inside the app\/code\/Vendor\/CustomModule\/view\/frontend\/layout\/ directory. 2. Create the customblock.phtml file inside the app\/code\/Vendor\/CustomModule\/view\/frontend\/templates\/ directory. 3. [...]","og_url":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-10-08T15:46:05+00:00","article_modified_time":"2024-06-19T11:32:01+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock-1200x618.png","type":"","width":"","height":""}],"author":"Khushboo Sahu","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Khushboo Sahu","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/"},"author":{"name":"Khushboo Sahu","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f94b8f53397bf85810761d76c98fadca"},"headline":"Display custom block on the checkout cart page in Magento 2","datePublished":"2021-10-08T15:46:05+00:00","dateModified":"2024-06-19T11:32:01+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/"},"wordCount":85,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock-1200x618.png","keywords":["custom block","custom block on cart page","custom field","display custom form on cart page"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/","url":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/","name":"Display custom block on the checkout cart page in Magento 2 - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock-1200x618.png","datePublished":"2021-10-08T15:46:05+00:00","dateModified":"2024-06-19T11:32:01+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/10\/cartCustomBlock.png","width":1816,"height":935,"caption":"cartCustomBlock"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/display-custom-block-on-the-checkout-cart-page-in-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Display custom block on the checkout cart page in Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f94b8f53397bf85810761d76c98fadca","name":"Khushboo Sahu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cabac965df656d114e6bf340df07518c990eda03bb09265dbd5c17f1097adaae?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cabac965df656d114e6bf340df07518c990eda03bb09265dbd5c17f1097adaae?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Khushboo Sahu"},"url":"https:\/\/webkul.com\/blog\/author\/khushboo-sahu062\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/308873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/249"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=308873"}],"version-history":[{"count":5,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/308873\/revisions"}],"predecessor-version":[{"id":448751,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/308873\/revisions\/448751"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=308873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=308873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=308873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}