Custom Squarespace Order Confirmation Page Without Breaking Your Google Analytics E-commerce Tracking

Squarespace is pretty restrictive when it comes to customising your order confirmation page. The solution is to redirect customers to a separate page but make sure you don't mess up your Google Analytics tracking at the same time.

Squarespace Google Analytics E-commerce

Squarespace Google Analytics E-commerce Tracking

Setting up Google Analytics e-commerce tracking with Squarespace literally couldn't be easier. Copy your tracking ID from Google Analytics into the Advanced Settings on Squarespace and you're done!

Make sure you've got Enhanced E-commerce tracking enabled in Google Analytics and you're good to go, Squarespace does everything else for you. If you've ever installed e-commerce tracking on a different platform you'll know how much of a relief this is!

Custom Order Confirmation Page

Up to this point everything just works! But then you try and customise your order confirmation page and find there's very little you can change. The solution is to create a completely separate page in Squarespace to act as your order confirmation page.

Custom Squarespace Order Confirmation Page

With a single line of JavaScript code you'll be able to redirect customers from the default order confirmation page to your new page, giving you full control.

The Code

The key to not messing up your Google Analytics e-commerce tracking is to add a small delay between the default Squarespace order confirmation page being shown and the redirect being initiated.

Redirecting customers too fast means the Google Analytics tracking code won't have enough time to fire and you'll miss the transaction! Your Squarespace revenue tracking will continue to function as normal. This is an easy one to spot because you'll have a notable discrepancy between sales in Squarespace and transactions in Google Analytics.

In Squarespace got to Settings > Advanced > Code Injection and paste the following code into the Order Confirmation Page textarea (preferably below any other existing code).

<!-- Redirect customers to the registration page after 1 second -->
<script>setTimeout(function() {window.location.href=""}, 1000);</script>

This code will wait for 1 second before redirecting the customer to the new order confirmation page you created. Remember to update the URL with your own.

On average, our clients see a +60% increase in traffic and +65% increase in revenue from search in the first 12 months.

Get a Custom Proposal It's Free