{"id":193,"date":"2022-07-16T11:32:01","date_gmt":"2022-07-16T06:02:01","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=193"},"modified":"2024-11-18T13:48:17","modified_gmt":"2024-11-18T08:18:17","slug":"magento2-how-to-add-additional-field-to-customer-registration-page","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/","title":{"rendered":"Magento 2 How to Add Additional Field to Customer Registration Page"},"content":{"rendered":"\n<p>Hello Guys! \ud83d\udc4b<\/p>\n\n\n\n<p>In this blog, we are going to learn how we can add extra fields to the customer registration page.<\/p>\n\n\n\n<p>By default, Magento 2 provides some built-in registration fields like the first name, email, password, and all but what if we want to add custom fields other than Magento fields?<\/p>\n\n\n\n<p>don\u2019t worry !! with the help of this blog, we will learn how we can add a new Pancard Field to the customer registration page.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Step 1 : create customer_account_Create.xml in path :<\/code><\/pre>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>       <strong>app\\code\\Vendor\\Extension\\view\\frontend\\layout<\/strong><\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;?xml version=&quot;1.0&quot;?&gt;\n&lt;page xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; layout=&quot;1column&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd&quot;&gt;\n    &lt;body&gt;\n        &lt;referenceContainer name=&quot;form.additional.info&quot;&gt;\n            &lt;block class=&quot;Magento\\Framework\\View\\Element\\Template&quot; name=&quot;registration_form_additional&quot; template=&quot;Vendor_Extension::pannumber.phtml&quot;\/&gt;\n        &lt;\/referenceContainer&gt;\n    &lt;\/body&gt;\n&lt;\/page&gt;\n<\/pre><\/div>\n\n\n<pre class=\"wp-block-code\"><code>Step 2: create  pannumber.phtml in path<\/code><\/pre>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>      <strong>app\\code\\Vendor\\Extension\\view\\frontend\\templates<\/strong><\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;div class=&quot;field pannnumber required&quot;&gt;\n            &lt;label for=&quot;pannumber&quot; class=&quot;label&quot;&gt;\n                &lt;span&gt;PAN Number&lt;\/span&gt;\n            &lt;\/label&gt;\n            &lt;div class=&quot;control&quot;&gt;\n                &lt;input type=&quot;text&quot; name=&quot;pancard_number&quot; title=&quot;PAN Number&quot; id=&quot;pancard_number&quot; class=&quot;input-text&quot; data-validate=&quot;{required:true}&quot; aria-required=&quot;true&quot;&gt;\n            &lt;\/div&gt;\n&lt;\/div&gt;\n<\/pre><\/div>\n\n\n<p>Hope! It will help you<\/p>\n\n\n\n<p>Thank you \ud83d\ude0a<\/p>\n\n\n<!-- FeedbackWP Plugin --><div  class=\"rmp-widgets-container rmp-wp-plugin rmp-main-container js-rmp-widgets-container js-rmp-widgets-container--193 \"  data-post-id=\"193\">    <!-- Rating widget -->  <div class=\"rmp-rating-widget js-rmp-rating-widget\">          <p class=\"rmp-heading rmp-heading--title\">        How useful was this post?      <\/p>              <p class=\"rmp-heading rmp-heading--subtitle\">        Click on a star to rate it!      <\/p>        <div class=\"rmp-rating-widget__icons\">      <ul class=\"rmp-rating-widget__icons-list js-rmp-rating-icons-list\">                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Not at all useful\" data-value=\"1\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Somewhat useful\" data-value=\"2\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Useful\" data-value=\"3\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Fairly useful\" data-value=\"4\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>                  <li class=\"rmp-rating-widget__icons-list__icon js-rmp-rating-item\" data-descriptive-rating=\"Very useful\" data-value=\"5\">              <i class=\"js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star rmp-icon--full-highlight\"><\/i>          <\/li>              <\/ul>    <\/div>    <p class=\"rmp-rating-widget__hover-text js-rmp-hover-text\"><\/p>        <button class=\"rmp-rating-widget__submit-btn rmp-btn js-submit-rating-btn\">      Submit Rating    <\/button>    <p class=\"rmp-rating-widget__results js-rmp-results \">      Average rating <span class=\"rmp-rating-widget__results__rating js-rmp-avg-rating\">4.8<\/span> \/ 5. Vote count: <span class=\"rmp-rating-widget__results__votes js-rmp-vote-count\">25<\/span>    <\/p>    <p class=\"rmp-rating-widget__not-rated js-rmp-not-rated rmp-rating-widget__not-rated--hidden\">      No votes so far! Be the first to rate this post.    <\/p>    <p class=\"rmp-rating-widget__msg js-rmp-msg\"><\/p>  <\/div>  <!--Structured data -->        <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hello Guys! \ud83d\udc4b In this blog, we are going to learn how we can add extra fields to the customer registration page. By default, Magento 2 provides some built-in registration fields like the first name, email, password, and all but what if we want to add custom fields other than Magento fields? don\u2019t worry !! [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":202,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[34,33,17],"class_list":["post-193","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2","tag-additional-field","tag-customer-register","tag-magento-2-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Add Additional Field to Customer Registration Page- Magento 2<\/title>\n<meta name=\"description\" content=\"Learn to add additional field to customer registration page in Magento 2 . To customize the registration process follow the Guides.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Additional Field to Customer Registration Page- Magento 2\" \/>\n<meta property=\"og:description\" content=\"Learn to add additional field to customer registration page in Magento 2 . To customize the registration process follow the Guides.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Magecurious\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-16T06:02:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-18T08:18:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2022\/07\/Registration-From.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"496\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Magecurious\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Magecurious\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Additional Field to Customer Registration Page- Magento 2","description":"Learn to add additional field to customer registration page in Magento 2 . To customize the registration process follow the Guides.","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:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/","og_locale":"en_US","og_type":"article","og_title":"Add Additional Field to Customer Registration Page- Magento 2","og_description":"Learn to add additional field to customer registration page in Magento 2 . To customize the registration process follow the Guides.","og_url":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/","og_site_name":"Magecurious","article_published_time":"2022-07-16T06:02:01+00:00","article_modified_time":"2024-11-18T08:18:17+00:00","og_image":[{"width":1260,"height":496,"url":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2022\/07\/Registration-From.png","type":"image\/png"}],"author":"Magecurious","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Magecurious","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/#article","isPartOf":{"@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/"},"author":{"name":"Magecurious","@id":"https:\/\/magecurious.com\/blog\/#\/schema\/person\/6bced7da0991e7fbbd4550006a6494e2"},"headline":"Magento 2 How to Add Additional Field to Customer Registration Page","datePublished":"2022-07-16T06:02:01+00:00","dateModified":"2024-11-18T08:18:17+00:00","mainEntityOfPage":{"@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/"},"wordCount":107,"commentCount":0,"publisher":{"@id":"https:\/\/magecurious.com\/blog\/#organization"},"image":{"@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/#primaryimage"},"thumbnailUrl":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2022\/07\/Registration-From.png","keywords":["Additional Field","Customer Register","Magento 2"],"articleSection":["Magento 2 Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/","url":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/","name":"Add Additional Field to Customer Registration Page- Magento 2","isPartOf":{"@id":"https:\/\/magecurious.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/#primaryimage"},"image":{"@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/#primaryimage"},"thumbnailUrl":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2022\/07\/Registration-From.png","datePublished":"2022-07-16T06:02:01+00:00","dateModified":"2024-11-18T08:18:17+00:00","description":"Learn to add additional field to customer registration page in Magento 2 . To customize the registration process follow the Guides.","breadcrumb":{"@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/#primaryimage","url":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2022\/07\/Registration-From.png","contentUrl":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2022\/07\/Registration-From.png","width":1260,"height":496,"caption":"Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/magecurious.com\/blog\/magento2-how-to-add-additional-field-to-customer-registration-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/magecurious.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 How to Add Additional Field to Customer Registration Page"}]},{"@type":"WebSite","@id":"https:\/\/magecurious.com\/blog\/#website","url":"https:\/\/magecurious.com\/blog\/","name":"Magecurious","description":"Blog","publisher":{"@id":"https:\/\/magecurious.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magecurious.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/magecurious.com\/blog\/#organization","name":"Magecurious","url":"https:\/\/magecurious.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecurious.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2026\/03\/cropped-New_Project.png","contentUrl":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2026\/03\/cropped-New_Project.png","width":596,"height":113,"caption":"Magecurious"},"image":{"@id":"https:\/\/magecurious.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/magecurious.com\/blog\/#\/schema\/person\/6bced7da0991e7fbbd4550006a6494e2","name":"Magecurious","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecurious.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c9178df2190b2309da97c9f28dd475bc338275cf664d12678d7e5da51c761271?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c9178df2190b2309da97c9f28dd475bc338275cf664d12678d7e5da51c761271?s=96&d=mm&r=g","caption":"Magecurious"},"sameAs":["https:\/\/magecurious.com"],"url":"https:\/\/magecurious.com\/blog\/author\/magecurious-wp\/"}]}},"jetpack_featured_media_url":"https:\/\/magecurious.com\/blog\/wp-content\/uploads\/2022\/07\/Registration-From.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/posts\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":0,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/posts\/193\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/media\/202"}],"wp:attachment":[{"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/media?parent=193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/categories?post=193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magecurious.com\/blog\/wp-json\/wp\/v2\/tags?post=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}