<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>

<h2>Customize WooCommerce <em>My account</em> page</h2>
<p><span style="font-weight: 400">Enhance your WooCommerce my account page with a customized account page & user dashboard plugin. It lets you display key details, add new pages or endpoints, and edit them easily through a built-in text editor.</span></p>
<p><span style="font-weight: 400">You can also insert custom links or connect any store page to an endpoint, ensuring customers stay updated with the latest products or CMS content.</span></p>
<p><span style="font-weight: 400">For better navigation, the plugin allows you to create group endpoints that include multiple sub-endpoints in a single click. Plus, you can assign endpoints to specific user roles for a more personalized experience.</span></p>
<h2>Features</h2>
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400"><span style="font-weight: 400">Personalize the WooCommerce my account page with custom tabs.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the account page with the customizer. </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add widgets for orders, downloads, wish lists, and more.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display large, easy-to-navigate icons for commonly accessed links.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enhance the dashboard with avatars and icons for a visually appealing layout. </span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Showcase recent orders and downloads in tables for quick access.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Easily add new endpoints for different user roles.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Edit WooCommerce’s <em>My account</em> page default endpoints to match your requirements.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose from various layouts for the <em>My account</em> menu, including a custom WooCommerce dashboard template.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize default WooCommerce dashboard content. </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add banners to specific endpoints and style them to match your brand.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Compatible with WooCommerce Subscriptions</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Compatible with WooCommerce Membership by SkyVerge</span></li>
</ul>
<h2>Templates</h2>
<p><span style="font-weight: 400">The My Account Dashboard for WooCommerce provides two flexible templates, i.e, </span><b>Custom Dashboard and Prebuilt Dashboard</b><span style="font-weight: 400">. You can also choose whether the account menu appears on the left or right, making navigation easier for your customers.</span></p>
<p><img class="size-medium wp-image-18734005941740 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Custom-Dashboard-and-Prebuilt-Dashboard.png?w=891" alt="Custom Dashboard and Prebuilt Dashboard" width="891" height="812" /></p>
<h3>Custom dashboards</h3>
<p><span style="font-weight: 400">A custom dashboard template allows you to customize WooCommerce account dashboard by creating unlimited endpoints and displaying unique content in such custom endpoints. You can set the icon, text, color, and much more in the custom dashboard.</span></p>
<p><img class="size-medium wp-image-18734005941746 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Custom-dashboards-1.png?w=896" alt="Custom dashboards" width="896" height="670" /></p>
<h3>Create custom endpoint:</h3>
<p><span style="font-weight: 400">Customize my account for WooCommerce by creating a custom endpoint to display additional information about your store. You can set the name and custom icon to represent the specific endpoint.</span></p>
<p><img class="size-medium wp-image-18734005941753 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Create-Custom-Endpoint-1.png?w=896" alt="Create Custom Endpoint" width="896" height="432" /></p>
<h3>Edit default endpoints</h3>
<p><span style="font-weight: 400">You can customize the default endpoints on the My Account page. Change the name of the endpoint, change the endpoint icon, and add custom content.</span></p>
<p><img class="size-medium wp-image-18734005941763 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Edit-default-endpoints.png?w=896" alt="Edit default endpoints" width="896" height="423" /></p>
<h3>Assign user roles to endpoints</h3>
<p><span style="font-weight: 400">The user dashboard plugin for WooCommerce allows you to assign user roles to specific endpoints. Only the specific user role can view the endpoints.</span></p>
<p><img class="size-medium wp-image-18734005941767 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Assign-User-Roles-to-Endpoints-1.png?w=896" alt="Assign User Roles to Endpoints" width="896" height="608" /></p>
<h3>Customize the content of endpoints</h3>
<p><span style="font-weight: 400">With the help of the WYSIWYG editor, you can customize the content of endpoints. You have complete control over the endpoint’s content, including banners, headings, text, links, and more.</span></p>
<p><img class="size-medium wp-image-18734005941772 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Customize-the-content-of-endpoints-1.png?w=896" alt="Customize the content of endpoints" width="896" height="259" /></p>
<p><img class="size-medium wp-image-18734005941773 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Customized-the-content-of-endpoints.png?w=896" alt="Customized the content of endpoints" width="896" height="253" /></p>
<h3>Edit the default <em>My account</em> dashboard text</h3>
<p><span style="font-weight: 400">Easily customize or remove the default “Hello, username” and dashboard intro text in your WooCommerce account area. Replace it with your own custom message or HTML content to create a more personalized experience.</span></p>
<p><img class="size-medium wp-image-18734005941776 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Edit-Default-My-account-dashboard-Text.png?w=896" alt="Edit Default My account dashboard Text" width="896" height="398" /></p>
<h3><b>Edit Custom Dashboard with Customizer</b></h3>
<p><span style="font-weight: 400">Easily customize your WooCommerce dashboard using the built-in Customizer. Choose from pre-designed layouts, styles, and color palettes, or create your own to match your brand perfectly. Instantly preview and apply changes for a clean, professional look.</span></p>
<p><img class="size-medium wp-image-18734005941783 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Edit-Custom-Dashboard-with-Customizer.png?w=896" alt="Edit Custom Dashboard with Customizer" width="896" height="768" /></p>
<h3>Prebuilt dashboard</h3>
<p><span style="font-weight: 400">This template allows you to customize my account for WooCommerce with existing endpoints. You can also control the sorting order of these endpoints. Some endpoints are displayed in blocks to enhance the user experience, and you can adjust the block colors to match your store’s branding.</span></p>
<p><img class="size-medium wp-image-18734005941792 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Prebuilt-dashboard.png?w=896" alt="Prebuilt dashboard" width="896" height="380" /></p>
<h4>Customize <em>My account</em> pages for better UX</h4>
<p><span style="font-weight: 400">With custom my account dashboard for WooCommerce, you can enhance customer experiences by adding easy-to-use navigational links.</span></p>
<p><img class="size-medium wp-image-18734005941817 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Customize-My-Account-pages-for-better-UX-1.png?w=896" alt="Customize My Account pages for better UX" width="896" height="476" /></p>
<h4>Edit prebuilt dashboard endpoints</h4>
<p><span style="font-weight: 400">In the prebuilt dashboard template, edit the existing endpoints to customize account page. You can change the name and icon, enable or disable it, and sort the endpoints in the template.</span></p>
<p><img class="size-medium wp-image-18734005941831 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Edit-prebuilt-dashboard-endpoints.png?w=896" alt="Edit prebuilt dashboard endpoints" width="896" height="249" /></p>
<p><img class="size-medium wp-image-18734005941834 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/04/Modify-prebuilt-dashboard-endpoints.png?w=896" alt="Modify prebuilt dashboard endpoints" width="896" height="325" /></p>
<h4>Display <em>My account</em> sections visually</h4>
<p><span style="font-weight: 400">Show customers their orders, downloads, wish lists, reward points, and more in eye catching, attractive cards.</span></p>
<p><img class="size-medium wp-image-18734005941841 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Display-My-Account-sections-visually.png?w=896" alt="Display My Account sections visually" width="896" height="218" /></p>
<h4>Enable various icons for endpoints</h4>
<p><span style="font-weight: 400">Add various icons for endpoints to make the user dashboard visually appealing and easy for customers to access account information.</span></p>
<p><img class="size-medium wp-image-18734005941844 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Enables-various-icons-for-endpoints.png?w=896" alt="Enables various icons for endpoints" width="896" height="412" /></p>
<h4>Display essential customer info in tables</h4>
<p><span style="font-weight: 400">Display recent orders, downloads, wish lists, and more on a table with the customize my account page for WooCommerce. Customers can see all their interactions with you in one place.</span></p>
<p><img class="size-medium wp-image-18734005941850 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Display-essential-customer-info-on-tables.png?w=896" alt="Display essential customer info on tables" width="896" height="300" /></p>
<h4>Add and change the <em>My account</em> avatar</h4>
<p><span style="font-weight: 400">Customize account page & user dashboard for WooCommerce allows customers to add a custom avatar to their account dashboard and change their avatars at any time.</span></p>
<p><img class="size-medium wp-image-18734005941853 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Add-and-change-the-My-Account-avatar.png?w=896" alt="Add and change the My Account avatar" width="896" height="290" /></p>
<h3>Banners</h3>
<p><span style="font-weight: 400">Enhance and edit the WooCommerce My Account Page with the help of the customizable banners. It allows you to create multiple banners and link them to specific endpoints. This enables the user to quickly access their orders, downloads, account details, or any custom endpoints. It enables you to set the position of the banners at the backend with the help of the drag-and-drop feature.</span></p>
<p><img class="size-medium wp-image-18734005941857 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Banners-1.png?w=896" alt="Banners" width="896" height="304" /></p>
<h4>Customize the banner</h4>
<p><span style="font-weight: 400">Customize my account for WooCommerce by Extendons allows you to set the custom label and icon for the banner. It also enables you to set custom icons to represent the specific instead of settling for the already provided icons. You can also customize the colors, adjust the icon, and the margin between the label and the icon.</span></p>
<p><img class="size-medium wp-image-18734005941861 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Customize-the-Banner-1.png?w=896" alt="Customize the Banner" width="896" height="399" /></p>
<h4>Display item count in banners</h4>
<p><span style="font-weight: 400">You can display the item counts in the banners to improve the overall user experience of WooCommerce my account page. It allows you to select the option of which you want to display the item counts, such as orders, cart items, downloads, and wishlists. Furthermore, you can also customize the colors of item counts.</span></p>
<p><img class="size-medium wp-image-18734005941863 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Display-Items-Count-in-Banners-1.png?w=896" alt="Display Items Count in Banners" width="896" height="268" /></p>
<h4>Add banners to a specific endpoint</h4>
<p><span style="font-weight: 400">The customize account page plugin allows you to add banners to specific endpoints. You can link the banners to show the specific endpoint content or link to the external URL to redirect customers.</span></p>
<p><img class="size-medium wp-image-18734005941867 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Add-Banners-to-a-Specific-Endpoint.png?w=896" alt="Add Banners to a Specific Endpoint" width="896" height="196" /></p>
<h4>Assign banners to user roles</h4>
<p><span style="font-weight: 400">Display banners to the specific user roles with the help of the My Account Dashboard plugin for WooCommerce. It enables you to display only relevant banners to your users on the basis of the role they are assigned.</span></p>
<p><img class="size-medium wp-image-18734005941873 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Assign-Banners-to-User-Roles-1.png?w=896" alt="Assign Banners to User Roles" width="896" height="159" /></p>
<h3>Compatibility</h3>
<p><span style="font-weight: 400">Currently, the plugin is compatible with the following plugins:</span></p>
<ul>
<li style="font-weight: 400"><a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a></li>
<li style="font-weight: 400"><a href="https://woocommerce.com/products/woocommerce-memberships/">WooCommerce Memberships</a>   <span style="font-weight: 400">by SkyVerge</span></li>
</ul>

Customize Account Page & User Dashboard

<p>Customize your WooCommerce store’s <em>My account</em> page — add custom endpoints to display additional information in customers’ account dashboard.</p>

Custom Fields vs Customize Account Page & User Dashboard