How to Add Custom Field to Checkout in Magento 2?

Share with
Magento 2 custom checkout fields extension
| Featured

It is sometimes important for Magento 2 store owners to add custom fields to their checkout page in order to collect extra details from customers. These details help them understand the customer’s needs and make important business decisions. With the default Magento 2 offering a limited set of standard checkout fields, it is essential to make use of third-party extensions in such a case. These extensions allow adding custom fields of various types to the checkout page along with other features.

There are 4 steps of a typical Magento 2 checkout page. Shipping Address, Shipping Method, Billing Address, and payment step. A store owner may want to add custom fields to any of these steps depending upon their business requirements. An extension which has this feature will greatly benefit them. Another great feature which any custom checkout fields extension should have is dependable fields. This means that custom fields should be displayed if a particular condition is true. For example, if you want to display a specific custom checkout field when a specific product is added to cart. This is useful when you don’t want to display a field all the time. Certain other features should be included in an ideal extension to help you make the best use of the custom fields.

The Way Forward to Magento 2 Add Custom Field to Checkout

For this article’s purpose, we will have a look at the Magento 2 custom checkout fields extension from FME. This is a widely used and highly useful extension packed with features mentioned above with several others.

Add Custom Field to Magento 2 Checkout Using the Extension

Let’s walk you through how to use the extension to add custom field to checkout in Magento 2.

After logging in to the Admin Panel, click FME Extensions -> Manage Fields.

Click the Add New Attribute to add a new custom field to any checkout step.

 Magento 2 custom checkout fields extension

Under the Properties tab, give the field a Label, select its input Type and choose whether it’s mandatory or optional.

 Magento 2 custom checkout fields extension

Under the Advanced Attribute Properties option, you can select input validation for the field, choose whether to show them in Email & PDF, restrict by customer groups and store views, and select whole category (s) or specific products on which you want to display the custom field when they are added to cart.

 Magento 2 custom checkout fields extension

 Magento 2 custom checkout fields extension

Click the Manage Labels tab to manage the custom field’s labels.

 Magento 2 custom checkout fields extension

Under ‘Storefront Properties’ tab, you can enable or disable the custom field.

Choose the Checkout Step where you want to display the field.

The Position field lets you sort the field and provide extra details about the field in the Tooltip field.

 Magento 2 custom checkout fields extension

 

FRONTEND DEMO 

BACKEND DEMO