How to Remove or Add Magento 2 Custom Checkout Fields in Magento 2 Flawlessly?

How to Customize Checkout Fields in Magento 2

How to Remove or Add Magento 2 Custom Checkout Fields in Magento 2 Flawlessly?

Checkout is an utterly important step in the purchasing process, so making checkout step as simple and effective as possible is what online stores aim to. This blog will show you how to remove some unnecessary fields like company or tax fields and to create new Magento 2 custom checkout fields.

Drawbacks of Magento 2 Checkout Page

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

For a better checkout experience, we offer AT YOUR FINGERTIPS >>> Magento 2 One Step Checkout Extension.

The checkout procedure has 2 main sections: Shipping and Review & Payments. Customers need to fill in required Magento 2 fields such as name, address, phone number, email…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 comment field to leave comments for a shipper to handle the package carefully. On the other side, the checkout page that contains such unnecessary Magento 2 fields like middle name, tax, company, postal code…may discourage them from finishing checkout.

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

3. REMOVE STATE FIELD FROM 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 address form of Magento 2, programmatically.

However, the tutorial is quite long since many files are required, aims for people who have a good knowledge of Magento module development, to add a single field.

If you prefer a quick and simple solution to add unlimited fields of different types to checkout, BSS Commerce offers Checkout Custom Field for Magento 2 Extension – a Well-made module – NO conflict with core code – Work with multiple store view – Compatible with checkout page of all product types.

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

GO TO THE EXTENSION >>> Magento 2 Custom Checkout Fields extension to get an ease of custom checkout fields for Magento 2.

This extension works like add a new field in address form of Magento 2 or what a number of fields that 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

You might also need it >>> How to create custom form in Magento 2 frontend registration? or simply USE >>> Magento 2 Customer Attributes extension.

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.

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

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.

magento 2 checkout custom field add field to magento checkout

About BSS Commerce:

We are one of the leading Magento extension providers and web development services in the world. With experienced and certified Magento developers, we commit to bring high-quality products and services to optimize our business effectively. Let us know about your problems. We are willing to support you every time.

CONTACT US NOW for more information.

Write A Comment

Name