How to mark some fields as mandatory in Checkout?

Problem Statement

You want to know how to mark some fields as mandatory in checkout.

Solution

Scope

Required fields in checkout do not create the red bar

Summary

You can decide the fields that you want to show/hide on the Hosted Checkout Pages and Customer Portal, as well as if the fields should be mandatory or optional. If the field is set as Mandatory, the user cannot move to the next window without filling it and it will display a red bar indicating it is an obligation.

Solution:

To configure your fields, go to Settings > Configure Chargebee > Checkout & Self-Serve Portal > Fields.

Now, on the right-hand side of the field, you will find a toggle button to enable/disable the field on the Checkout/Self-serve portal and a pen icon to edit the field display settings.

By clicking on the pen icon or edit button, you will get a list of options to set the options to display the field as follows:

To set a field as Mandatory, select that option and click 'Apply & 'Publish'

Now you can use 'Preview Checkout/Portal' to preview the updated changes.

This is how it looks if a field is set as 'Mandatory' on the Checkout.

To know how to set a Custom field as Mandatory, refer to this article How to create a custom mandatory field?