Custom Fields at Checkout

Custom fields enable you to gather additional data from your customers during checkouts, such as country-specific tax IDs, notes on how to fulfil orders, or any other information. In your Store, you may add as many custom fields as you like to the conventional one-page checkout.

The information that your customers provide into custom checkout fields is shown in order details and admin order alerts. It may also show in invoices and/or customer notifications from your Store. Filling up the forms may be made necessary or optional for your consumers.

Custom checkout fields allow you to gather data for the whole purchase. See Product Options for details on particular goods such as custom sizing.

Available Field Types

The following custom field types may be added to checkout:

• Text fields (single-line or paragraph)
• Radio buttons
• Drop-downs
• Date and time pickers
• Selection buttons
• Checkboxes

It is up to you to choose which field type is most suited to the data you want to gather. Date and time selectors, for example, may be used for calendars, text boxes for delivery instructions or gift greetings, and selection buttons for customer feedback surveys.

Add Custom Fields to Checkout

In your Store, one-page checkout entails inputting an email address, shipping address, and pickup details, as well as selecting shipping methods, pickup methods, and payment choices. Except for the final "Thank you for your purchase" page, you may add an infinite number of custom fields to any of the checkout phases.

To include custom fields in the checkout process, follow these steps:

1. Click eCommerce in the editor's sidebar, then click Manage Store.
2. Select General from the Settings menu.
3. Select the Cart & Checkout option.
4. Click Add Custom Fields under the Custom Checkout Fields section.
5. Select +Add Field.
6. After selecting the appropriate field type, click Next Step.
7. Create a title for the custom checkout field, then fill in the rest of the field information based on its type. Use the Option picked automatically drop-down menu to determine which option is selected by default for fields containing choices.
8. Choose Next Step.
9. Select the checkout step where the custom field appears from the Select checkout step for field display drop-down menu.
10. Enable the Required field toggle if consumers must complete a field or choose an option before proceeding with checkout.
11. Change the location of the field data in the order details by clicking Set up field display after order placement.
12. If required, enable the Show field in invoices and Show field in customer emails toggles.
13. To publish the field, click Create and Display at Checkout, or click Create Without Display to continue generating the field without making it accessible to consumers at checkout. Fields may be enabled or disabled later.