Creating a custom checkout form

Collect more information from your customers at checkout.

Last updated November 25, 2024

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.

Watch a video

Step 1 - Enable the custom checkout form

  1. Open the Checkout panel.
  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. Keep in mind, some fields, like the file upload field, aren't available in the custom checkout form.

CustomCheckoutForm_1.png

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. After 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

CustomCheckoutForm_2.png
  1. Click Done after creating each field.

CustomCheckoutForm_3.png

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 download 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. Custom checkout forms don't display for in person sales.

CustomCheckoutForm_4.png

CustomCheckoutForm_4.png

Apple Pay

When you enable Apple Pay, the custom checkout form displays on the order summary page for customers on supported devices. Non-required fields are collapsed in an accordion menu. Customers with Apple Pay can expand the sections and complete the form before they proceed to checkout. 

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.

  • Order details - In the Orders panel, click an order to open the order details. The custom checkout form submission appears beneath the order summary.
  • Email notification - Form submissions appear in the notification emails you receive for each order.
  • The orders .csv file - When you export orders, completed forms are included in the file.
Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.

Creating a custom checkout form