Custom Checkout Form

You can add custom form fields to your store’s checkout flow. In addition to the normal customer shipping info, you can collect additional customer info such as custom dimensions for materials, or a unique message to print on a shirt, and much more.

 

CustomCheckout-EN.png

 

Enable Custom Checkout Form

In the editor, go to Store > Store Settings > Checkout Form > Custom Form Fields

mceclip0.png

 

Currently we support adding the following types of fields:

  • Short Text
  • Long Text
  • Email
  • Phone
  • Dropdown Select
  • Checkbox
  • Radio

mceclip4.png

 

Each field is customizable: You can set a title, set as required, and/or show hint text.

mceclip6.png

mceclip7.png

 

 

What Your Customer Sees

Different form fields have different layouts on the checkout page. When you have added at least one form field, your customer will see a new form tab at the 2nd step of checkout:

mceclip9.png

Your custom form fields will appear in your site's checkout process as "Additional Info." You can rename the section title via "Custom Form Title": 

mceclip8.png

 

Each field type will display as follows:

Form Fields Customer View at Checkout
  • Short Text
mceclip10.png
  • Long Text
mceclip11.png
  • Email
mceclip12.png
  • Phone
mceclip13.png
  • Dropdown Select
mceclip14.png
  • Checkbox
mceclip15.png
  • Radio
mceclip16.png

 

Reviewing Checkout Form Orders

Custom checkout form submissions appear where you view and manage orders. The form submissions will also appear in the notification email and in the order export function.

 

mceclip17.png

 

 

Related Articles

 

Have more questions? Submit a request