Improving Your Squarespace Checkout Page
TL;DR:
- Customise your Squarespace checkout to match your brand and improve customer experience
- Manage cart settings with options like Express Checkout and adjustable Continue Shopping links
- Use Checkout settings for custom URLs, abandoned cart recovery, and minimum order amounts
- Style your checkout and shopping cart pages directly within Squarespace's site styles panel
Optimising Your Shopping Cart and Checkout Settings
To make your checkout process both efficient and customer-friendly, Squarespace offers several settings you can adjust.
Cart Settings
Continue Shopping Link: Redirect customers to a preferred page rather than the default homepage after they view an empty cart.
Express Checkout: Enable this for a faster buying process, allowing purchases directly from product pages rather than going through the cart.
Light Theme: Useful for sites with dark themes, this setting changes your cart icon to a lighter shade for better visibility.
Checkout Settings
Custom Checkout URL: Have customers check out on a page that resides within your domain for a seamless brand experience.
Abandoned Checkout Recovery: Automatically email customers who leave without completing their purchase to encourage them to return.
Minimum Order Amount: Set a minimum subtotal customers must reach before they can check out.
Styling Your Checkout Process
Customise the appearance of both your shopping cart and checkout pages to align with your website's theme and colour scheme.
Shopping Cart Page
While specific styling options are limited, you can alter the site's default theme to indirectly adjust the cart's visual elements. Text and button colours, as well as background shades, can be adapted to suit your design preferences through the Site Styles panel.
Checkout Page
This can be more directly customised compared to the shopping cart page. Consider matching the style to your overall website to keep branding consistent.
Pixelhaze Tip: Always preview changes in real-time by adding a test item to your cart. This enables you to view alterations as you make them, ensuring that everything appears as it should.
FAQs
Can I separate the styling for the shopping cart and checkout pages on Squarespace?
Direct styling options for the shopping cart page are limited. Changes here affect global site styles. However, the checkout page can be customised more freely.
How do I edit the text of the Continue Shopping or Checkout buttons?
Currently, the text for these buttons on Squarespace cannot be edited due to platform limitations.
Is it possible to remove the Continue Shopping button entirely?
The Continue Shopping button cannot be removed completely, but you can modify where it redirects users.
Jargon Buster
Express Checkout: A setting that allows customers to bypass the cart page and go directly to checkout, which speeds up the purchasing process.
Abandoned Checkout Recovery: A feature that sends follow-up emails to customers who started the checkout process but did not complete a purchase.
Site Styles Panel: An interface within Squarespace where you can adjust fonts, colours, and other design elements of your site.
Wrap-up
Creating a streamlined and visually cohesive checkout experience enhances the functionality of your Squarespace site and reinforces your brand identity. By using the built-in settings and custom options, you can tailor the journey from cart to completed purchase, ensuring it runs smoothly for your customers. Remember to explore different settings to find what best suits your business needs and always test changes for optimal performance.