Table of Contents
- How to Set Up Squarespace Custom Checkout Forms
- TL;DR: Key Points
- Getting Started with Custom Checkout Forms
- Step 1: Activate Your Custom Checkout Form
- Step 2: Customise Your Form
- Understanding Form Display and Integration
- Checkout Page Layout
- Apple Pay Integration
- Managing Checkout Form Responses
- FAQs
- Can I customise the fields in the checkout form?
- Do customers need to fill all the fields in the checkout form?
- Can I see how the checkout form appears to customers before it goes live?
- Jargon Buster
- Wrap-up
.png?table=block&id=219105a2-9d95-818a-a700-e7443e56fa15&cache=v2)
Last Edited Time
Jun 25, 2025 09:39 PM
Do not index
Do not index
Suggested Tag
Squarespace
Custom Checkout Forms
E-commerce
Tags Synced
Tags Synced
AI summary
Learn to create custom checkout forms in Squarespace by enabling them in settings, adding and configuring fields, and managing responses. Utilize Apple Pay integration for a smoother checkout experience and regularly review form submissions to enhance customer service.
Last edited by
Platform
Category
Topic
How to Set Up Squarespace Custom Checkout Forms
Tags: Squarespace, E-commerce, Website Development, Custom Checkout Forms, User Experience, Online Store
TL;DR: Key Points
- Enable and customise checkout forms in Squarespace's Commerce settings
- Add, edit, and rename form fields to collect specific customer information
- Preview changes in real-time before applying them
- Understand where to find form submissions for order management
- Use Apple Pay integration for seamless checkout on supported devices
- Explore creative ideas for improving the checkout experience
Getting Started with Custom Checkout Forms
Creating custom checkout forms in Squarespace lets you gather essential information from your customers, improving both service and experience. This could include anything from gift messages and special delivery instructions to accepting terms of service.
Step 1: Activate Your Custom Checkout Form
- Access the Settings: In your Squarespace dashboard, open the Checkout panel
- Locate Additional Fields: Scroll to find the 'Additional Fields' option and select it
- Enable the Form: Check the option that says 'Enable Custom Checkout Form'
- Begin Customisation: Click 'Edit Custom Checkout Form' to start shaping your form
Step 2: Customise Your Form
- Name Your Form: Replace the placeholder text with a specific name that reflects its purpose, like 'Gift Message'
- Add Fields: Click 'Add Form Field' to incorporate new fields. Remember, some fields like file uploads may not be available
- Configure Fields: For each field, input a title and possibly a description or instructions. Make a field mandatory by checking 'Required'
- Edit or Remove Fields: Adjust field details anytime by clicking 'Edit', or remove them using the trash icon
- Review and Save: Once your fields are set, click 'Done' and then 'Save' to apply the changes
Pixelhaze Tip: Always run a test order after setting up new forms or making significant changes. This helps ensure everything appears correct to your customers.
Understanding Form Display and Integration
Checkout Page Layout
Your custom checkout form will show prominently on the checkout page, positioned based on the type of product being sold. The title you give your form will appear as the section headline, helping customers understand what information is required.
Apple Pay Integration
For customers using Apple Pay, the form will appear on the order summary page, with non-required fields initially hidden. They can easily expand these sections to complete the form, making for a smooth and uncluttered Apple Pay experience.
Managing Checkout Form Responses
Find the data collected through your custom checkout forms in several places for easy management:
- Order Details: View submissions directly in the Orders panel under each order summary
- Email Notifications: Custom form data is included in order notification emails
- Export Files: Export your orders and see completed forms detailed in the .csv file
Pixelhaze Tip: Using your checkout form responses effectively can help improve your service and customise customer experiences. Regularly reviewing submissions can provide insights into customer preferences and needs.
FAQs
Can I customise the fields in the checkout form?
Yes, Squarespace lets you freely add, edit, or customise the form fields to meet your specific needs.
Do customers need to fill all the fields in the checkout form?
Customers only need to fill out the fields marked as required. Other fields are optional unless you set them otherwise.
Can I see how the checkout form appears to customers before it goes live?
Absolutely, Squarespace provides a real-time preview feature as you edit the form, so you can see how it will appear to customers during checkout.
Jargon Buster
Custom Checkout Form: A customised form added to your checkout page to collect specific information from customers that goes beyond the basic transaction details.
Form Fields: The individual questions or data points within the form where customers input their responses.
Apple Pay Integration: A setup that allows customers to use Apple Pay on compatible devices, while still interacting with your custom checkout forms for a streamlined checkout process.
Wrap-up
Setting up a custom checkout form in Squarespace is a straightforward way to improve your e-commerce site, making it as informative and user-friendly as possible. By following these steps, you ensure a better shopping experience that meets both your business needs and customer expectations. Adding such personalised touches ultimately improves customer satisfaction and efficiency in order management. Remember, the key is to keep testing and adapting based on customer feedback and form performance.