How to Create and Add a Custom Checkout Form in Squarespace

How to Create and Add a Custom Checkout Form in Squarespace

By Michael Turner

November 24, 2024 at 04:34 PM

Custom checkout forms allow you to gather additional customer information during the ordering process, such as gift messages, delivery instructions, or terms acceptance.

Setting Up Your Custom Checkout Form

Step 1: Activate the Form

  1. Navigate to the "Checkout" menu
  2. Scroll to Additional Fields
  3. Enable Custom Checkout Form
  4. Click Edit Custom Checkout Form

Step 2: Create Your Form

  1. Replace the placeholder form name with your desired title
  2. Add form fields by clicking "Add Form Field"
  3. For each field:
    • Edit the title
    • Add descriptions or instructions
    • Check "Required Field" if mandatory
    • Click Done to save field settings

Customizable Checkout Form Fields

Customizable Checkout Form Fields

Gray Input Field in Form

Gray Input Field in Form

Form Display

  • Appears under Shipping field (physical products)
  • Shows below Email field (digital products)
  • Not visible for in-person sales
  • Form name displays as section title

Order Summary of a Squarespace Website

Order Summary of a Squarespace Website

Apple Pay Integration

  • Form appears on order summary page
  • Optional fields collapse into accordion menu
  • Customers can expand and complete before checkout

Common Use Cases

  • Gift messages
  • Delivery instructions
  • Referral surveys
  • Terms of service acceptance

Accessing Form Submissions

  • Order Details section
  • Email notifications
  • CSV export of orders

Remember to place a test order to verify your form's appearance and functionality.

Related Articles

Previous Articles