Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Creating a custom checkout form

You can create a custom checkout form for customers to complete when they place an order.

A custom checkout form is a great way to collect any information from customers on the checkout page, like gift messages, special delivery instructions, or comments. You can also use it to require customers to agree to your Terms of Service.

Note: The custom checkout form is for gathering information for an entire order. To collect information for a single item, like custom engraving or lettering instructions, add a custom product form instead.

Step 1 - Enable the custom checkout form

  1. In the Home Menu, click Commerce, and then click Checkout.
  2. Scroll down, and click Additional Fields.
  3. At the bottom of the panel, check Enable Custom Checkout Form.
  4. Click Edit Custom Checkout Form to start building the form.

Step 2 - Edit the form

The Edit Custom Checkout Form window has placeholder content to help you get started. As you add and edit fields, a preview populates to the right.

To build the form with your own fields:

  1. In the Form Name field, replace the placeholder text with the name of your form. For example, Gift Message or Delivery Instructions.
  2. Click Add Form Field to add a new field. To learn more about the available fields, visit Form fields explained.

CustomCheckoutForm_1.png

  1. For each field, you can edit the title and add a description or instructions.
  2. The form requires at least one field. Once you add a new field, you can click the trash can icon to remove the placeholder.
  3. If the field is required to submit the form, check Required.

CustomCheckoutForm_2.png

  1. Click Done after creating each field.

CustomCheckoutForm_3.png

  1. Click Edit next to a field to edit its content at any time.
  2. When you're done creating the custom checkout form, click Save to publish your changes.

How the form appears at checkout

The custom checkout form displays on the checkout page in its own section, below the Shipping field. For digital and service products, it displays below the Email field. The form name displays as the section title. To see how your custom checkout form to your customers, run a test order.

CustomCheckoutForm_4.png

Checkout form ideas

If you want to add a customized experience to checkout but aren't sure where to start, visit these example guides as inspiration:

Reviewing checkout form submissions

Custom checkout form submissions appear in a few places where you can manage your orders.

Orders tab

Form submissions appear above the Charge section of the order summary.

CustomCheckoutForm_5.png

Email notifications

Form submissions also appear in the notification emails you receive for each order.

Export a .csv file

When you export an order to a .csv file, completed forms are included in the file.

CustomCheckoutForm_6.png

Was this article helpful?
81 out of 129 found this helpful