<h2 style="text-align: center"><strong>Add Custom Fields to Registration, Checkout and My Account Page</strong></h2>
<p>Add unlimited extra fields and choose to display them on Registration form, My Account and Checkout pages to collect additional information about your customers and their orders. Supports text, dropdown, checkbox and 16 other field types to collect any information.</p>
<p>Custom Fields for WooCommerce extension allows you to add dependable (conditional) fields to keep your registration and checkout form clean by displaying fields only when needed. You can also choose to display fields based on user roles. For example, you might want to display VAT field to wholesaler and other B2B user roles only and keep it hidden for general customers.</p>
<p>Using the 15 pre-defined positions, you can add custom fields almost anywhere on checkout page. Customize default shipping and billing fields label. Disable specific shipping and billing fields based on user roles.</p>
<p>This extension facilitates B2B registrations by allowing you to display a user roles dropdown on the Registration form to let customers select the relevant user roles during registration. You can manually validate and approve new user registrations based on the selected user roles.</p>
<h2><strong>Features</strong></h2>
<ul>
<li>Add custom fields to Registration form and Checkout page</li>
<li>Supports 19 field types, including dropdown, checkbox, multi-select, and more</li>
<li>Dedicated VAT field with validation</li>
<li>Add checkout field price in fixed or percentage amount</li>
<li class="changelog-entry-type entry-type__new" title="new" aria-label="new" data-type="n"><span class="wccom-product-changelog-modal__content">Option to add different fee for each field option</span></li>
<li>Add conditional/dependent custom fields</li>
<li class="changelog-entry-type entry-type__new" title="new" aria-label="new" data-type="n"><span class="wccom-product-changelog-modal__content">Multi-level fields dependability to collect complex information</span></li>
<li>Display fields based on user roles</li>
<li>15 pre-defined positions to add fields on Checkout page</li>
<li class="changelog-entry-type entry-type__new" title="new" aria-label="new" data-type="n"><span class="wccom-product-changelog-modal__content">Show fields on checkout when specific product, category or product tag is in cart</span></li>
<li>Choose to display field data on the My Account, Order Details pages and order emails</li>
<li>Option to make fields un-editable from the My Account page</li>
<li>Make fields optional or mandatory</li>
<li>Customize field description, placeholders, and add custom CSS</li>
<li>Sort fields as needed</li>
<li>Enable specific default billing fields on the Registration form (name, address, number, and other)</li>
<li>Customize the labels of default billing and shipping fields</li>
<li>Show or hide custom, default billing, and shipping fields based on user roles including guest users</li>
<li>Supports B2B registration
<ul>
<li>Display user roles dropdown on the Registration form</li>
<li>Option to manually validate new user registration based on user roles</li>
</ul>
</li>
<li>Customize account validation messages and email notifications sent for account pending, approved, and disapproved statuses</li>
</ul>
<h2><strong>Create multiple custom fields</strong></h2>
<p>You can create multiple custom fields and display them on the <strong>Checkout, Registration, and My Account</strong> pages.</p>
<p><img class="alignnone size-full wp-image-8591854" src="https://woocommerce.com/wp-content/uploads/2021/09/Creating-multiple-fields-1.png" alt="" width="980" height="493" /></p>
<p><strong>While creating new custom fields, you can customize the following options.</strong></p>
<ul>
<li>Add field title</li>
<li>Select field type and add options</li>
<li>Add field or option prices</li>
<li>Choose to add price in fixed or percentage amount of order</li>
<li>Make field required</li>
<li>Make field non-editable from the My Account page</li>
<li>Show fields on order detail pages and in order emails</li>
<li>Choose field width (full or half)</li>
<li>Add field placeholders and descriptions</li>
<li>Option to add custom CSS for field</li>
<li>Option to make fields dependent on chosen user roles (if the field is for all users, do not select any roles)</li>
<li>Choose to display the field on one or all these pages: <strong>Registration, Checkout, and My Account</strong></li>
<li>Assign field to specific products, categories and tags</li>
<li>Choose from 15 available Checkout positions</li>
</ul>
<p><img class="alignnone size-full wp-image-18734002169638" src="https://woocommerce.com/wp-content/uploads/2021/09/Custom-Fields-Adding-new.jpg" alt="" width="980" height="1590" /></p>
<h2><strong>Supports 19 field types</strong></h2>
<p>You can choose from 19 field types to collect different types of information and display notices.</p>
<ul>
<li>Text</li>
<li>Text area</li>
<li>Email</li>
<li>Select box (Dropdown)</li>
<li>Multi-select box</li>
<li>Checkbox</li>
<li>Multi-checkbox</li>
<li>Radio button</li>
<li>Number</li>
<li>Password (accept secret input)</li>
<li>File upload (limit file types and size)</li>
<li>Color picker</li>
<li>Date picker (calendar)</li>
<li>Time picker</li>
<li>Google ReCAPTCHA</li>
<li>Heading</li>
<li>Message</li>
<li>VAT with validation</li>
<li>Description (message display only)</li>
</ul>
<h2><strong>Make fields </strong>dependable</h2>
<p>You can make fields dependent on other fields to keep your Registration and Checkout pages clean and display fields only when needed.</p>
<p>For example, you can create an Account Type dropdown field and add two options: Company and Individual. You can add VAT fields and make them dependent on the selection of Company. It will ensure that the VAT fields only appear when the Company option is selected from the Account Type field</p>
<p><img class="alignnone wp-image-8592033 size-large" src="https://woocommerce.com/wp-content/uploads/2021/09/Dependable-field-yes.jpg?w=650" alt="" width="650" height="311" /></p>
<p>This is how the dependent fields appear to customers.</p>
<p><img class="alignnone size-full wp-image-8591954" src="https://woocommerce.com/wp-content/uploads/2021/09/Gif-Dependable-fields.gif" alt="Dependable VAT field" width="980" height="280" /></p>
<h2><strong>Restrict fields by user roles</strong></h2>
<p>You can create fields dependent on specific user roles, and then the field will only appear for relevant customers. For example, you can create a VAT field, and it will only display to wholesale users at Checkout.</p>
<p><img class="alignnone size-medium wp-image-8656004" src="https://woocommerce.com/wp-content/uploads/2021/09/Checkout-Fields-Dependable-to-User-Roles.png?w=620" alt="" width="620" height="427" /></p>
<p><strong>On the user Registration form</strong>, once a user selects a user role from the user-role dropdown, any dependent fields they need to complete will appear.</p>
<p><img class="alignnone size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/Fields-Dependable-to-Roles.gif" width="834" height="731" /></p>
<h2>Add custom field price:</h2>
<p>While adding a new checkout field, you can choose to keep it free or add a field price. You can add price in fixed or percentage of the order amount. Ability to add price for each field too in case of dropdown, radio-button, checkbox and more.</p>
<p><img class="alignnone size-full wp-image-18734002169686" src="https://woocommerce.com/wp-content/uploads/2021/09/Field-Pricing.jpg" alt="" width="980" height="506" /></p>
<h2>Assign fields to specific products:</h2>
<p>When you are adding checkout fields, you can attach it to specific products, categories and product tags. The field will only display on checkout page when any of the selected product is in cart.</p>
<h2><strong>Checkout field positions</strong></h2>
<p>You can choose from 15 field positions to add fields almost anywhere on your Checkout page.</p>
<ul>
<li>Before or after Customer Details</li>
<li>Before or after the Billing Form</li>
<li>Before or after the Shipping Form</li>
<li>Before the Order Review heading</li>
<li>Before or after the Order Review</li>
<li>Before or after the Order Notes</li>
<li>Before or after the Terms and Conditions</li>
<li>Before or after the Order Submit Button</li>
</ul>
<h2><strong>Manage default billing and shipping fields</strong></h2>
<p>This extension empowers you to add additional custom fields, and you can manage the labels and visibility of default billing and shipping fields.</p>
<p><strong>Show default fields on the Registration form</strong></p>
<p>With the WooCommerce Custom Fields extension, you can display default billing fields on the Registration form. You can choose to enable specific fields, edit their labels, and make them optional or mandatory.</p>
<p><img class="alignnone size-full wp-image-8592076" src="https://woocommerce.com/wp-content/uploads/2021/09/Enable-default-registration-fields.jpg" alt="" width="980" height="1121" /></p>
<p><strong>Change billing fields labels</strong></p>
<p>You can rename the billing and shipping field’s labels as per your requirements. For more details see <a href="https://woocommerce.com/document/custom-fields-for-woocommerce/#section-6">documentation</a>.</p>
<p><strong>Hide default billing and shipping fields</strong></p>
<p>You can show or hide default billing and shipping fields based on different user roles. This makes your checkout more personalized by showing only those fields relevant to each user role.</p>
<p><img class="alignnone size-full wp-image-8592037" src="https://woocommerce.com/wp-content/uploads/2021/09/Show-hide-default-fields-based-on-user-roles-1.png" alt="" width="980" height="1038" /></p>
<h2><strong>Display user-roles dropdown on the Registration form</strong></h2>
<p>The extension enables you to display the user roles dropdown on the Registration form. This feature is helpful for B2B customers and other special site visitors who need to fill out the additional necessary information in dependent custom fields. You can display all or only specific user roles in the dropdown for selection.</p>
<p><img class="alignnone size-full wp-image-8592044" src="https://woocommerce.com/wp-content/uploads/2021/09/User-Roles-dropdown-on-registration-page-1.png" alt="" width="980" height="445" /></p>
<h2><strong>Manually validate new user registrations</strong></h2>
<p>You can manually validate and approve new user registrations based on user roles. If the user roles dropdown is enabled, you can choose to manually validate selected user roles and set the rest to auto-approve.</p>
<p><img class="alignnone size-full wp-image-8592042" src="https://woocommerce.com/wp-content/uploads/2021/09/Approve-New-User-Registration-Settings-1.png" alt="" width="980" height="952" /></p>
<h2><strong>Manage fields data</strong></h2>
<p>While creating new fields you can choose to display custom fields data on the following pages.</p>
<ul>
<li>The Admin Order Detail page</li>
<li>My Account— Order detail page (Checkout fields data only)</li>
<li>My Account—Account details page (Registration fields data)</li>
<li>Customer Detail page (Admin area)</li>
<li>Order emails</li>
</ul>
<h3><strong>Requirements</strong></h3>
<p>Minimum PHP version: 5.2</p>

Custom Fields

<p>Simultaneously add custom fields to the Registration, My Account, and Checkout pages. <span style="font-weight: 400">Select from a range of 19 different field types.</span></p>

<p>Customize My Account for WooCommerce is the best plugin to enhance the default customer dashboard.</p>
<p>The default WooCommerce My Account Page is pretty rigid – a basic design with tabs for orders, downloads, addresses, payment methods, and registration details.</p>
<p>You cannot modify these default tabs or add new ones for extra account details. This leaves your customers with a generic experience that doesn’t serve specific business needs.</p>
<p>Customize My Account for WooCommerce goes beyond this limitation. Add unlimited custom endpoints, reorder menu items with the drag and drop method, and personalize the dashboard content by modifying default content and adding your own.</p>
<p><span class="embed-youtube" style="text-align:center"></span></p>
<p> </p>
<h3>Customize My Account Page Builder</h3>
<h4>Modify Default WooCommerce Endpoints</h4>
<p>Easily modify or disable default WooCommerce endpoints: <i>Dashboard</i>, <i>Orders</i>, <i>Downloads</i>, <i>Addresses</i>, <i>Payment Methods</i>, <i>Account Details</i>, and <i>Logou</i>t.</p>
<p>Control which default WooCommerce endpoints are visible on the customer’s My Account Page with a toggle.</p>
<p><img class="alignnone size-full wp-image-18734005776875" src="https://woocommerce.com/wp-content/uploads/2020/07/Customize-My-Account-for-WooCommerce-Dashboard.png" alt="" width="980" height="494" /></p>
<h4>Add Custom Endpoints</h4>
<p>Add unlimited custom endpoints using Customize My Account for WooCommerce. You can specify the label, slug, icon, and add content as you wish.</p>
<p><img class="alignnone size-full wp-image-18734005776882" src="https://woocommerce.com/wp-content/uploads/2020/07/Add-Custom-Endpoint.png" alt="" width="980" height="540" /></p>
<h4>Create Unlimited Links</h4>
<p>Add unlimited menu items redirecting users to other pages within your store or external websites. You can have the link open in the same tab or a new tab in the user’s browser.</p>
<p><img class="alignnone size-full wp-image-18734005776885" src="https://woocommerce.com/wp-content/uploads/2020/07/Add-Unlimited-Links.png" alt="" width="980" height="487" /></p>
<h4>Groups for Related Endpoints</h4>
<p>You can group similar endpoints and links together to keep your dashboard structured and organized. This helps your customers navigate you store better.</p>
<p><img class="alignnone size-full wp-image-18734005776877" src="https://woocommerce.com/wp-content/uploads/2020/07/Groups-for-Related-Endpoints.png" alt="" width="980" height="513" /></p>
<h4>Drag and Drop Endpoints</h4>
<p>Re-order endpoints and links within the My Account Page easily through the drag and drop interface. You can re-arrange both default and custom tabs using this method.</p>
<p><img class="alignnone size-full wp-image-18734005776902" src="https://woocommerce.com/wp-content/uploads/2020/07/Drag-and-Drop-Tool-Customize-My-Account-Page-for-WooCommerce.gif" alt="" width="436" height="604" /></p>
<h3>Customize My Account Page Customizer</h3>
<h4>Predefined Layouts, Styles, and Color Palette</h4>
<p>Create stunning customer dashboard in seconds using the pre-built menu layouts, styles, and color palettes. You can extend default color palettes and create a custom one to match your brand.</p>
<p><img class="alignnone size-full wp-image-18734005776878" src="https://woocommerce.com/wp-content/uploads/2020/07/Prebuilt-layouts.png" alt="" width="980" height="436" /></p>
<h4>Built-in Customizer with Live Preview</h4>
<p>Change colors to match your brand palette, adjust fonts to match your site typography, and modify spacing to create a cohesive experience that feels like part of your store. Preview the changes in real time before you<img class="alignnone size-full wp-image-18734005776908" style="letter-spacing: -0.176px" src="https://woocommerce.com/wp-content/uploads/2020/07/Built-in-Customizer.png" alt="" width="980" height="477" /><span style="letter-spacing: -0.011em"> hit the Save button.</span><span style="letter-spacing: -0.011em"> </span></p>
<h4>Visual Styling Options for Endpoints</h4>
<p>Change the label and icon of individual endpoints to your liking. Choose from the available icons or upload your own. You can style the endpoint further using custom classes.</p>
<h4>Profile Pictures</h4>
<p>Allow customers to upload custom profile images for their account page. It supports png and jpg file types and default placeholders.</p>
<p><img class="alignnone size-full wp-image-18734005776879" src="https://woocommerce.com/wp-content/uploads/2020/07/Profile-Picture.png" alt="" width="980" height="479" /></p>
<h3>Personalization</h3>
<h4>Custom Account Page Content</h4>
<p>Customize content on the WooCommerce My Account page using our WYSIWYG editor. Add rich content with formatted text, media, and custom HTML code. You can also integrate content from your theme and plugins through shortcodes.</p>
<p><img class="alignnone size-full wp-image-18734005776873" src="https://woocommerce.com/wp-content/uploads/2020/07/Custom-Content.png" alt="" width="980" height="684" /></p>
<h4>User Role Specific Endpoints</h4>
<p>By default, endpoints are visible to all users. However, you can configure conditions for endpoints to appear only for specific user roles.</p>
<p><img class="alignnone size-full wp-image-18734005776881" src="https://woocommerce.com/wp-content/uploads/2020/07/User-Role-Specific-Endpoint.png" alt="" width="980" height="177" /></p>
<h4>Default Endpoint</h4>
<p>Choose which tab is displayed first whenever a customer visits their My Account Page.</p>
<p><img class="alignnone size-full wp-image-18734005776872" src="https://woocommerce.com/wp-content/uploads/2020/07/Change-Default-Endpoint.png" alt="" width="980" height="288" /></p>
<h4>Smart Tags for Personalized Content</h4>
<p>Personalize content for your customers by using smart tags: User ID, User Name, User Email, First Name, Last Name, User Display Name, User IP Address, Site Name, Site URL, Page URL, Current Date, Current Time, Billing Address, Billing Company, Shipping Address, and Shipping Company.</p>
<p><img class="alignnone size-full wp-image-18734005776880" src="https://woocommerce.com/wp-content/uploads/2020/07/Smart-Tags-for-Personalization.png" alt="" width="857" height="645" /></p>
<h3>Translation Ready</h3>
<p>Customize My Account for WooCommerce is translation-ready out of the box, allowing you to reach local audiences in their native languages. Supported translation plugins:</p>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="2" data-list-defn-props="{"335552541":1,"335559683":0,"335559684":-2,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="1" data-aria-level="1">WPML (The WordPress Multilingual Plugin)</li>
<li data-leveltext="" data-font="Symbol" data-listid="2" data-list-defn-props="{"335552541":1,"335559683":0,"335559684":-2,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="1" data-aria-level="1">Polylang</li>
</ul>
<h3>Developer Options</h3>
<p><img class="alignnone size-full wp-image-18734005776876" src="https://woocommerce.com/wp-content/uploads/2020/07/Developers-Settings.png" alt="" width="980" height="582" /></p>
<h4>AJAX Account Navigation</h4>
<p>Ensure a smooth customer experience by avoiding full-page reloads during navigation.</p>
<h4>Account Page Libraries</h4>
<p>Control which CSS and JS libraries are loaded on the WooCommerce account page.</p>
<h3>Compatibility with third-party WooCommerce plugins</h3>
<p>Currently, the plugin is by default compatible with the following plugins</p>
<ol>
<li><a href="https://woocommerce.com/products/woocommerce-bookings/" target="_blank" rel="noopener">WooCommerce Bookings</a></li>
<li><a href="https://woocommerce.com/products/woocommerce-subscription-downloads/" target="_blank" rel="noopener">WooCommerce Subscription Downloads</a></li>
<li><a href="https://woocommerce.com/products/woocommerce-subscriptions/" target="_blank" rel="noopener">WooCommerce Subscriptions</a></li>
<li><a href="https://woocommerce.com/products/woocommerce-memberships/" target="_blank" rel="noopener">WooCommerce Memberships</a> by SkyVerge</li>
</ol>
<p>For more information, please refer to our <a href="https://woocommerce.com/document/customize-my-account-for-woocommerce/" target="_blank" rel="noopener noreferrer">documentation.</a></p>
<p>You can also check out this detailed article on <a href="https://themegrill.com/blog/how-to-customize-my-account-page-in-woocommerce/" target="_blank" rel="noopener">How to customize My Account Page for WooCommerce</a> step-by-step plugin implementation.</p>

Customize My Account

<p><span class="TextRun SCXW207275085 BCX8" lang="EN-US" xml:lang="EN-US" data-contrast="auto"><span class="NormalTextRun SCXW207275085 BCX8">Customize the default WooCommerce My Account Page. Add unlimited menu tabs, manage </span><span class="NormalTextRun SCXW207275085 BCX8">endpoints</span> <span class="NormalTextRun SCXW207275085 BCX8">and </span><span class="NormalTextRun SCXW207275085 BCX8">display personalized content in </span><span class="NormalTextRun SCXW207275085 BCX8">the </span><span class="NormalTextRun SCXW207275085 BCX8">customer dashboard</span><span class="NormalTextRun SCXW207275085 BCX8">.</span></span><span class="EOP SCXW207275085 BCX8" data-ccp-props="{}"> </span></p>

Custom Fields vs Customize My Account