How to Customize Checkout Fields in Magento 2

How to Remove or Add Magento 2 Custom Checkout Fields?

by Van Nguyen

Are you looking for a solution for Magento 2 custom checkout fields? Your search can end here because we have the perfect answer for you!

Creating the best checkout experience is the goal of any eCommerce business.

And adding new Magento checkout fields or removing unnecessary fields, such as company or tax fields, is the utmost important step to making your customers’ purchasing process simpler and more effective. This checkout page is also the vital stage that could decide whether your store’s sale is rising or not. 

Thus, if you’re at a loss of finding instructions about this Magento 2 custom checkout field, just read the article below. Within 10 minutes, we’ll help you shed light on these problems.

>>> UNVEIL the 9 Secret Techniques To Enhance Your Checkout Process In Magento 2  just in one click!

Drawbacks Of Default Magento 2 Checkout Page

magento-2-remove-company-field-from-checkout

>>> GRASP the complete tutorial of Magento 2 One Page Checkout in three ways!

One of the most important aspects of a successful client journey is a smooth checkout procedure. Unfortunately, the default checkout page is probably one of the contributing factors that could increase cart abandonment and bounce rates.

Customers are more likely to leave your store without making a purchase if the checkout process is long and complicated. They are also more cautious about sharing personal information on the internet. As a result, the compelled registration does not appeal to them.

The Magento checkout procedure has two main sections: Shipping and Review & Payments. Customers need to fill in the required fields such as name, address, phone number, email, etc and may leave out the optional fields during the checkout process.

However, the checkout pages lack fields such as the delivery date field to specify which day customers want to receive an order or the comment field to leave comments for a shipper to handle the package carefully.

On the other side, the checkout page containing unnecessary Magento 2 fields like middle name, tax, company, postal code,..may discourage them from finishing checkout.

That is why it is important to optimize the checkout page.

  • For eCommerce businesses: They can collect the most crucial information of the shoppers, which can be used for later marketing purposes.
  • For customers: They have all necessary fields to fill their special order demands (such as delivery date and time, order comments, etc.) 

Long story short, having all and only the right fields on your checkout page can help you to collect sufficient customer data and increase customers satisfaction after their purchasing process. 

How To Remove Unnecessary Magento 2 Fields In Checkout Page

Simple – NO extension needed – NO coding!

1. Remove middle name, prefix, and suffix fields in Magento checkout

Please go to Stores => Configuration => Customers => Customer Configuration => Name and Address Options.Remove Middle Name, Prefix, and Suffix fields in Magento checkout

  • Number of Lines in a Street Address: The default value is 2 lines, but you can set from 1 to 4 lines.
  • Show Prefix: Choose No to remove this field from checkout.
  • Show Middle Name (initial): Choose No to remove this field from checkout.
  • Show Suffix: Choose No to remove this field from checkout.

From the Magento 2.2 versions, you can remove the company field from checkout and remove fax field from checkout similarly, as above:

magento-2-remove-company-field-from-checkout-part-2-1

  • Show TAX/VAT Number: 
  • Show Gender: Choose No to remove this field from checkout.
  • Show Telephone: Choose No to remove this field from checkout.
  • Show Company: Choose No to remove this field from checkout.
  • Show Fax: Choose No to remove this field from checkout.

2. Make Zip/Postal code field optional in Magento checkout

In Stores => Configuration => General => General => Country Options.

Make-Zip/Postal-Code-field-optional-in-Magento checkout

  • Zip/Postal Code is Optional for: Choose one or multiple countries that are not required to enter postal code.

>>> GRAB the Magento 2 Custom Checkout Fields extension to get an ease of custom checkout fields for Magento 2.

3. Remove state field form shipping in Magento checkout

Similarly, in Stores => Configuration => General => General => State Options.

Remove-State-field-from-shipping- Magento-checkout

  • Allow to Choose State if It is Optional for Country: Choose No to remove State field for all the countries which are not required to specify state information.

How To Add A New Field In Address Form Magento 2?

Magento 2 provides an instruction to add a new field in the address form of Magento 2, programmatically.

However, this tutorial is quite lengthy and complicated for non-technical people because it requires a wide range of knowledge in Magento 2 module development fields. Thus, just adding a new field in address form in Magento also becomes a nightmare for store owners who aren’t technical-savvy.  

So, if you’re scouring for a quick and simple way to add unlimited fields of different types to checkout, BBS Commerce is here to offer you the Magento 2 custom checkout fields with the features below: 

  • A well-made module
  • NO conflict with core code 
  • Work with multiple store views 
  • Compatible with checkout page of all product types

Magento-2-custom-checkout-fields-by-BSS Commerce

This extension works like adding a new field in the address form of Magento 2 or the number of fields you want. Also, these Magento 2 custom checkout fields are possibly shown in any step of the checkout page and added to Order Grid, Order Detail, PDF invoice, and email.

Magento-2-custom-checkout-fields-in-shipping-address-and-shipping-methods

Magento 2 stores may require additional information from consumers that is not supported by the existing fields in Magento default forms. Fortunately, you have the ability to add new fields to Magento 2’s basic checkout forms, such as shipping and billing address forms. Here come how Magento 2 Custom Checkout Fields extension works:

Step 1: Create a new custom field (order attribute).

back-end-demo

  • Specify attribute properties.

magento-2-checkout-custom-field-Specify-attribute-properties

Easily choose the input type of the custom checkout fields in Magento 2, including Text Field, Text Area, Date, Yes/No, Radio Button, and Checkbox, etc. and manage the value.

  •  Enter advanced attribute properties.

checkout-custom-field-magento-2-Enter-advanced-attribute-properties

Specify which checkout step to place the new Magento custom checkout fields, you can add them to Order Grid, Order Detail, PDF invoice, and email.

>>> FIND OUT the difference between Magento 2 Multi-Step Checkout Vs One Step/Page Checkout Extension

Step 2: Save configuration and place a test order in the frontend.

frontend-demo

Step 3: Go to backend Order Grid, Order Detail to check the new order attribute.

magento-2-add-custom-field-to-order-grid

Step 4: Go to manage Magento custom checkout fields.

manage-checkout-custom-field-magento-2

>> UNVEIL the 9 Secret Techniques To Enhance Your Checkout Process In Magento 2  just in a click!

Simplify Your Checkout Process To Increase Customer Satisfaction

Once you know the potential losses caused by complicated checkout processes, you should consider making it a one-step. To faster the checkout process in total and reduce the abandoned rate, one-step checkout is the ideal solution. 

BSS’s Magento 2 One-Step Checkout extension is an improvement above the default one-page checkout of Magento 2. One Step Checkout intelligently speeds up checkout and condenses lengthy stages. All checkout steps are shown and completed on a single page. Thus, customers can better trace their purchases.

magento-2-one-step-checkout

This extension offers some of the best features to optimize the checkout pages of online stores.

  • Streamline the checkout process in one-step
  • One-click lightning setup with unlimited customization capacity
  • Automate filling order information. Using Google’s auto-suggestion feature, Magento 2 One Step Checkout enables customers to quickly and easily enter their billing and shipping address information.
  • Fully prepared for GraphQL and RESTful APIs.
  • Plug-and-Play functionality
  • Compatible with popular payment methods and free support on highlight themes.
  • Sticky header and messages at the top of the page for a more convenient checkout experience
  • Compatible with Hyva theme

>>> Experience the demo site here!

Final Words

Magento 2 custom checkout fields are now on-demand to make significant influences for both customers and store owners. Customers can have a quicker and simpler shopping experience while the store can provide better service for them. Higher customer satisfaction means higher profits so don’t hesitate to implement your store.

As mentioned above, you can create custom Magento 2 checkout fields programmatically or by extensions. Consider both to find your suitable solution.

We highly recommend to use BSS’s Magento 2 Checkout Custom Field extension to take advantage of all the advanced features:

  • Add limited custom fields to checkout
  • Create checkout fields in 7 input types
  • Use custom fields as order attributes to improve management
  • Add order custom attributes to transaction emails and documents

This extension allows you to add any checkout custom fields you need to collect all necessary information for order fulfillment.

magento 2 checkout custom field add field to magento checkout

BSS Commerce is one of the leading Magento extension providers and web development services in the world. With experienced and certified Magento developers, we commit to bringing high-quality products and services to optimize your business effectively. Furthermore, we offer FREE Installation – FREE 1-year Support and FREE Lifetime Update for every Magento extension.

CONTACT NOW to let us know your problems. We are willing to support you every time.

Next Reading Suggestions

© 2019 BSS Commerce owned by THANH CONG INTER ., JSC. All Rights Reserved.
Business registration certificate no. 0106064469 issued by Hanoi Department of Planning and Investment on 19 December 2019.
Legal Representative: Mr. Nguyen Quang Trung.