Edit your checkout settings, then style your checkout and shopping cart pages.
Your site’s checkout page should be simple and streamlined, while still allowing customers to engage with your brand and review your terms and policies. Use this guide to learn about different ways you can customize your checkout experience.
Cart & checkout settings
In the Cart & checkout panel, you can manage your store policies, require additional information, and adjust other settings.
Checkout includes a gift card field if you've ever sold a gift card, and a promo code field if you have active, scheduled, or inactive discounts. To remove the fields, delete any active gift cards or active, scheduled, or inactive discounts. The Tax and Shipping fields always display at checkout, even for products with no shipping or tax cost.
To open the panel, go to the Home menu, click Commerce, then click Cart & checkout settings.
Click Checkout to access these settings:
|Checkout on your domain||
Direct customers to a custom, secure checkout page on your domain, rather than the default https://secure.squarespace.com URL. To learn more, visit Checkout on your domain.
Abandoned checkout recovery
Send emails to customers who don't complete their order. After enabling this setting, you can customize the email.
Abandoned checkout recovery is available in the Commerce Advanced and Premium plans.
|Minimum order amount||
Set a minimum order amount for the checkout subtotal. Shoppers can't place an order until they meet the minimum.
|Service product limits||
Make it possible to check out with multiple service products, and for service products to display limited availability labels after you've enabled them. Leave this disabled to hide the quantity field from service product details pages.
|Next order number||
Change the automatically-assigned order number, starting with your next order.
This can be helpful if you're transitioning from another Commerce platform or if you want to look like you've placed more orders than you actually have.
The Next Order Number must be higher than your most recent order's number.
Customize the information that appears in your order receipts. Visit our guide on VAT and GST for more for help with editing your receipt details.
Scroll to Checkout page to access these settings:
To learn more, visit Adding a newsletter subscribe option to checkout.
|Default billing address||
Automatically check Use Shipping Address at the Payment information step of checkout. When it's enabled, customers can still uncheck this option and enter a different billing address.
|Default country in address fields||
Set a country to be pre-selected for billing and shipping address fields. This is required. You need to have at least one shipping rule for the country you choose, or else the United States will be the default.
Collect phone numbers at checkout and create custom checkout forms.
Add and format these policies:
After filling in these fields, your checkout page will have links that open these policies in a pop-up window.
Click Cart in the left panel to access these settings:
|"Continue Shopping" link||
Choose the page you'd like visitors to return to when they click Continue Shopping on the empty shopping cart page. By default, it links to your home page. To learn more, scroll down in this guide.
|Enable express checkout||
Send customers directly to a checkout page instead of adding items to a shopping cart.
If this is enabled, products will have Purchase buttons instead of Add to Cart buttons, and customers can't add multiple items to their shopping cart.
|Light theme||Make the shopping cart display in a lighter color, so it stands out on a site with a dark background. This only affects the shopping cart icon on templates using the Classic store page style.|
Style the checkout page
Customize the look and feel of your checkout page by making style changes. Your checkout page should have consistent branding with the rest of your site. To learn more, visit Styling your checkout page.
Style the shopping cart page
Before checkout, customers review their orders on the shopping cart page. The shopping cart page follows your site's global styles. It's not possible to customize this page without affecting the colors that appear across your site. To preview how style changes affect the shopping cart page while you make edits:
- Add an item to your cart, then go to your cart.
- Open site styles.
To edit fonts:
- In site styles, click Fonts.
- Style your fonts.
- Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.
To change the background, button, and text colors on the shopping cart page, edit your site's default color theme. You can't assign a different theme to the shopping cart page, but you can make changes to the default theme to customize the page.
Follow these steps to find your site's default color theme. Then, use these tweaks to change the shopping cart page colors:
- Background - Sitewide: Section background
- Button - Primary button tweaks
- Text - Heading (large), Paragraph (medium)
If these tweaks don't appear, you may need to click Show all at the top of the panel.
If you have coding knowledge, you can also customize this page using custom code. If you're a Squarespace Circle member and you're adding custom code to your site, review this list of static class names for the shopping cart page.
Note: Adding code to your site is an advanced modification that falls outside of the scope of Squarespace support.
Change your Continue Shopping button
The Continue Shopping button appears on the empty cart page. By default, this button directs to your homepage, but you can change the Continue Shopping destination to any page on your site. It's not possible to link to an event, or pages in folders. Here's an example of the Continue Shopping button:
To edit the Continue Shopping button:
- Open the Cart & checkout panel.
- Click Cart.
- Beneath Continue shopping link, click the drop-down menu and select a new destination.
The Continue shopping button color follows your site's button style tweaks.
To style the Shopping cart header text:
- Color - In version 7.1, use the Heading (Large) color tweak. In version 7.0, use the Heading style tweaks. In the Brine template, click away from the shopping cart page before opening site styles, then use the Heading 2 style tweak.
- Font - In both versions, this font follows your site's font settings in Site Styles.
- Size - It's not possible to change the size of the text.
What you can't edit
When customizing your checkout settings, keep in mind that it's not possible to edit:
- The direct link to an individual collection item.
- The direct link to a page within an index.
- The Continue Shopping text.
- The default text in the checkout fields.
The Continue Shopping button can't be removed.
Customize emails after checkout
Customers receive automated emails related to their order after they make a purchase, and as you take action to fulfill it. You can customize these emails in the Customer Notifications panel.
You can also create automated campaigns to send marketing emails to customers after they make a purchase. They'll receive these in addition to the standard Order Confirmed email. To learn more integrating Email Campaigns with your online store, visit Using Email Campaigns with Squarespace Commerce.
Use extensions to send customer feedback surveys
You can send branded customer feedback surveys and get crucial insight from your customers by connecting the Delighted extension. While we work with third-party services to ensure Squarespace Extensions work properly, extensions fall outside our scope of support. We can help with connecting or disconnecting your extensions. For all other questions, contact the extensions provider directly.
- View custom checkout form templates for recording gift messages and delivery instructions.
- Read these tips for creating an accessible Commerce site
- Enable customer accounts so shoppers can save their billing and shipping details.
- Run a test order to preview the checkout experience.
- For more help customizing your checkout, hire a Squarespace Expert.