Customize your checkout experience

false

Customize your checkout experience

Last updated July 22, 2026 14:48

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 and checkout settings

  • In the Cart panel and Checkout panel, you can manage your store policies, require additional information, and adjust other settings.
  • Tax and Shipping fields always display at checkout, even for products with no shipping or tax cost.
  • A gift card field will only display after your first gift card sale, and a promo code field will only display if you have active, scheduled, or inactive discounts.
  • To remove the fields, delete any active gift cards or active, scheduled, or inactive discounts.

To open these panels, open the Settings panel, click Selling, then click Cart or Checkout.

Cart settings

Open the Cart panel to access these settings:

  • Add to cart confirmation -Choose what shoppers see after adding an item to their cart. On version 7.1 sites, switch the toggle on to show a mini cart with View Cart and Checkout buttons. If toggled off, a brief “Added!” message appears on the Add to Cart button. The mini cart’s color automatically contrasts with your section background to stay visible.
  • Cart to checkout flow - Choose where shoppers go after selecting a product, either Skip cart page or “Continue Shopping” link.
  • “Continue Shopping” link - Direct customers to a specific page on your site when they click “Continue Shopping” on an empty cart page. By default, it links to your home page. To learn more, scroll down in this guide.
  • Enable skip cart page - Send shoppers directly to checkout. If this is enabled, customers can't add multiple items to their shopping cart.
  • Light theme - The shopping cart displays 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.
  • Reserve cart & timer - Turn on timer settings to protect your inventory during high-volume sales and encourage immediate checkout. A site-wide countdown banner shows customers exactly how much time they have left to finish checking out.

Checkout settings

Open the Checkout panel 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. Learn more about checkout on your domain.
  • Recover Abandoned Carts - 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 plan.
  • Minimum order amount - Set a minimum order amount for the checkout subtotal. Shoppers can't place an order until they meet the minimum.
  • Quantity for services - You can set quantity limits from the Product & Services panel.
  • 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.
  • Receipt details - 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.

Checkout page

Scroll down in the Checkout panel to Checkout page to access these settings:

  • Email signup - Enable this setting so customers can sign up for your marketing emails. Subscribers will be stored in the Contacts panel.
  • Default billing address - Enable this setting to automatically check Use Shipping Address during checkout. Customers can also uncheck this and add a different billing address.
  • Default country in address fields - Select which country the checkout page defaults to for shipping and billing addresses.
  • Additional fields - Collect a customer's phone number if it's required for your business, or add a custom checkout form.
  • Store policies - Add and edit your return policy, terms of service, and privacy policy.

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. Learn more about 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:

  1. Add an item to your cart, then go to your cart.
  2. Open site styles.

Fonts

To edit fonts:

  1. In site styles, click Fonts.
  2. Style your fonts.
  3. Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.

Colors

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 allat 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 partner 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 dropdowns. Here's an example of the Continue Shopping button:

Continue Shopping Button

To edit the Continue Shopping button:

  1. Open the Cart panel.
  2. Beneath Continue shopping link, click the drop-down menu and select a new destination.

The Continue shoppingbutton 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 button text.
  • The Checkoutbutton 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 Notificationspanel.

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.

How customers experience your checkout page

Your checkout page automatically adjusts to fit the device your customer is using. 

When customers open your checkout page, they see the layout in this order:

  • Express checkout options: Digital wallets you accept (like Apple Pay, Google Pay, or Link) appear right at the top of the page. Your customers can complete their purchase using the information already saved to their device or payment account.
  • Customer details: Below the express options, customers can type in their email address, shipping destination, and billing details.
  • Custom forms and features: If you set up custom checkout forms or require customers to agree to your terms of service, these options show up during the checkout process.
  • Standard payment methods: The bottom of the page displays standard payment method fields and payment choices for customers who decide not to use the express buttons at the top.

What to know about checkout layout settings

Because express checkout choices connect directly to your payment processors, there’s no switch to turn this express checkout on or off.

  • Automatic updates: If you already use Apple Pay, Google Pay, or Link, the express buttons display at the top of your checkout automatically.
  • Changing your choices: To change which express choices show up at the top of your page, you can add or remove that specific payment option in the Payments Settings panel.

Next steps

Was this article helpful?

Yes No

179 out of 615 found this helpful

Yes No

Customize your checkout experience