{"id":7074,"date":"2020-05-03T05:12:55","date_gmt":"2020-05-03T05:12:55","guid":{"rendered":"https:\/\/expertwebtechnologies.com\/?p=7074"},"modified":"2025-01-07T12:35:47","modified_gmt":"2025-01-07T12:35:47","slug":"woocommerce-upload-file-in-my-account-registration-form","status":"publish","type":"post","link":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/","title":{"rendered":"WooCommerce : Upload File in My Account Registration Form."},"content":{"rendered":"\n

WooCommerce : Upload File in My Account Registration Form.<\/h1>\n
\n

How to upload profile picture or any file during WooCommerce My Account Registration?<\/h3>\n

For uploading file from WooCommerce My Account Registration form we need to set form enctype type To multipart\/form-data.secondly , we need to add html tags for input type file to upload file. then we need to validate them if the field field is required.Finally after upload file enter media id to user meta.<\/p>\n

For uploading files may be image or other files in WooCommerce Registration form. We should follow these steps<\/p>\n

    \n
  1. Make form enctype type To multipart\/form-data<\/li>\n
  2. We have to add html of input type file in form<\/li>\n
  3. Than we have to validate these fields<\/li>\n
  4. Than Finally Upload File and save field to User meta<\/li>\n<\/ol>\n

    Step 1 : We have to use ‘woocommerce_register_form_tag’<\/b> Hook.<\/h4>\n
    \/\/ Add enctype to form to allow file upload\nfunction<\/span> AddEnctypeCustomRegistrationForms<\/span>() {\n  echo 'enctype=\"multipart\/form-data\"';\n}\nadd_action<\/span>('woocommerce_register_form_tag'<\/span>,'AddEnctypeCustomRegistrationForms'<\/span>);<\/code><\/pre>\n
    Step 2 : We have to use ‘woocommerce_register_form’<\/b> Hook.<\/h4>\n
    \/\/ Add file input html to register form\nadd_action<\/span>('woocommerce_register_form'<\/span>,'AddImageField'<\/span>);\nfunction<\/span> AddImageField<\/span>() {   \n  ?>    \n    <p class=\"form-row validate-required\" id=\"pro_image\" data-priority=\"\">\n    <label for=\"pro_image\" class=\"\">Image (JPG, PNG, PDF)<abbr class=\"required\" title=\"required\">*<\/abbr><\/label>\n    <span class=\"woocommerce-input-wrapper\">\n      <input type='file' name='pro_image' accept='image\/*,.pdf' required>\n    <\/span>\n    <\/p> \n  <?php       \n}<\/code><\/pre>\n
    Step 3: We have to use ‘woocommerce_registration_errors’<\/b> Hook.<\/h4>\n
    \/\/ Validate new fields\nfunction<\/span> ValidateImageField<\/span>( $errors, $username, $email ) {\n  if ( isset<\/span>( $_POST['pro_image'<\/span>] ) && empty<\/span>( $_POST['pro_image'<\/span>] ) ) {\n    $errors->add<\/span>('pro_image_error'<\/span>, __( 'Please provide a valid image', 'woocommerce' )<\/span> );\n  }\n  return<\/span> $errors;\n}\nadd_filter<\/span>('woocommerce_registration_errors'<\/span>,'ValidateImageField'<\/span>,10<\/span>,3 <\/span>);<\/code><\/pre>\n
    Step 4: We have to use ‘user_register’<\/b> Hook.<\/h4>\n
    \/\/ Save new field\nfunction<\/span> SaveImageField<\/span>( $customer_id ) {\n  if ( isset<\/span>( $_FILES['pro_image'<\/span>] ) ) {\n    require_once<\/span>( ABSPATH . 'wp-admin\/includes\/image.php' );\n    require_once<\/span>( ABSPATH . 'wp-admin\/includes\/file.php' );\n    require_once<\/span>( ABSPATH . 'wp-admin\/includes\/media.php' );\n    $attach_id= media_handle_upload<\/span>('pro_image'<\/span>, 0 );\n    if ( is_wp_error<\/span>( $attach_id) ) {\n      update_user_meta<\/span>( $customer_id,'pro_image'<\/span>, $_FILES['pro_image'<\/span>] . \": \" . $attach_id->get_error_message<\/span>() );\n    } else {\n      update_user_meta<\/span>( $customer_id,'pro_image'<\/span>, $attach_id);\n    }\n  }\n}\nadd_action<\/span>('user_register'<\/span>,'SaveImageField'<\/span>,1<\/span>);<\/code><\/pre>\n
    \"null\"<\/figure>
    <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    WooCommerce : Upload File in My Account Registration Form. How to upload profile picture or any file during WooCommerce My Account Registration? For uploading file from WooCommerce My Account Registration form we need to set form enctype type To multipart\/form-data.secondly , we need to add html tags for input type file to upload file. then […]<\/p>\n","protected":false},"author":1,"featured_media":8674,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,35,36],"tags":[],"class_list":["post-7074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","category-woocommerce-hooks","category-wordpress"],"yoast_head":"\nWooCommerce : Upload File in My Account Registration Form. - EoXys IT<\/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:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce : Upload File in My Account Registration Form. - EoXys IT\" \/>\n<meta property=\"og:description\" content=\"WooCommerce : Upload File in My Account Registration Form. How to upload profile picture or any file during WooCommerce My Account Registration? For uploading file from WooCommerce My Account Registration form we need to set form enctype type To multipart\/form-data.secondly , we need to add html tags for input type file to upload file. then […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/\" \/>\n<meta property=\"og:site_name\" content=\"EoXys IT\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-03T05:12:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T12:35:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"430\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shiv kumawat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shiv kumawat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/\"},\"author\":{\"name\":\"Shiv kumawat\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537\"},\"headline\":\"WooCommerce : Upload File in My Account Registration Form.\",\"datePublished\":\"2020-05-03T05:12:55+00:00\",\"dateModified\":\"2025-01-07T12:35:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/\"},\"wordCount\":173,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"articleSection\":[\"Woocommerce\",\"Woocommerce Hooks\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/\",\"name\":\"WooCommerce : Upload File in My Account Registration Form. - EoXys IT\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"datePublished\":\"2020-05-03T05:12:55+00:00\",\"dateModified\":\"2025-01-07T12:35:47+00:00\",\"author\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537\"},\"breadcrumb\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#primaryimage\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"width\":768,\"height\":430,\"caption\":\"Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eoxysit.com\/blogs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce : Upload File in My Account Registration Form.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\",\"url\":\"https:\/\/eoxysit.com\/blogs\/\",\"name\":\"EoXys IT\",\"description\":\"Digitise your business\",\"alternateName\":\"Eoxys It\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537\",\"name\":\"Shiv kumawat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"caption\":\"Shiv kumawat\"},\"description\":\"\\\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\\\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d\",\"sameAs\":[\"https:\/\/eoxysit.com\/\"],\"url\":\"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce : Upload File in My Account Registration Form. - EoXys IT","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:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce : Upload File in My Account Registration Form. - EoXys IT","og_description":"WooCommerce : Upload File in My Account Registration Form. How to upload profile picture or any file during WooCommerce My Account Registration? For uploading file from WooCommerce My Account Registration form we need to set form enctype type To multipart\/form-data.secondly , we need to add html tags for input type file to upload file. then […]","og_url":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/","og_site_name":"EoXys IT","article_published_time":"2020-05-03T05:12:55+00:00","article_modified_time":"2025-01-07T12:35:47+00:00","og_image":[{"width":768,"height":430,"url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","type":"image\/png"}],"author":"Shiv kumawat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shiv kumawat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#article","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/"},"author":{"name":"Shiv kumawat","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537"},"headline":"WooCommerce : Upload File in My Account Registration Form.","datePublished":"2020-05-03T05:12:55+00:00","dateModified":"2025-01-07T12:35:47+00:00","mainEntityOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/"},"wordCount":173,"commentCount":0,"image":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","articleSection":["Woocommerce","Woocommerce Hooks","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/","url":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/","name":"WooCommerce : Upload File in My Account Registration Form. - EoXys IT","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#primaryimage"},"image":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","datePublished":"2020-05-03T05:12:55+00:00","dateModified":"2025-01-07T12:35:47+00:00","author":{"@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537"},"breadcrumb":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#primaryimage","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","width":768,"height":430,"caption":"Code"},{"@type":"BreadcrumbList","@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-upload-file-in-my-account-registration-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eoxysit.com\/blogs\/"},{"@type":"ListItem","position":2,"name":"WooCommerce : Upload File in My Account Registration Form."}]},{"@type":"WebSite","@id":"https:\/\/eoxysit.com\/blogs\/#website","url":"https:\/\/eoxysit.com\/blogs\/","name":"EoXys IT","description":"Digitise your business","alternateName":"Eoxys It","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537","name":"Shiv kumawat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","caption":"Shiv kumawat"},"description":"\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d","sameAs":["https:\/\/eoxysit.com\/"],"url":"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/"}]}},"_links":{"self":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/7074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/comments?post=7074"}],"version-history":[{"count":0,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/7074\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media\/8674"}],"wp:attachment":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media?parent=7074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/categories?post=7074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/tags?post=7074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}