Recording checkouts in Shopify
We highly recommend tracking the 'thank-you-page' as it will allow you to track customers enter and complete the checkout flow - providing an indicator of wether a transaction was successful or not.
Please note that there are 2 possible checkout flows in shopify:
- a secure pay page hosted on shopify's own domain: https://pay.shopify.com/transactions/new/token/[...*]==--[...*]?locale=*
- a checkout page hosted on your own domain
The following guide will walk you through installing the Mouseflow tracking code on your Shopify 'thank-you-page' Pages:
1. Log in to Shopify
From the Shopify backend, go to Settings > Checkout > Order Processing and repeat step 6 from above in the box labeled "Additional Scripts". Click "Save".
2. Open your Mouseflow account and Add Shopify to your domains
Go to Website Settings, and enter checkout.shopify.com, or your second domain, in the "Domains" field and hit tab to add it to the list. Remember to click Save.
3. Go to Advanced Settings
scroll down and click Advanced settings, then Select Regex from the Merge URLs field, and enter the following in the Pattern field:
Hint: You can also add an alias (such as ThankYouPage) to make it easier to spot these pages collectively.
4. Enable Cross Domain Support
From here go to the Apps & Integrations menu and enable Cross-Domain Support to complete the configurations for the Shopify Checkout Pages.
Note: Each visit to the thank you/confirmation page has a randomly generated URL. This is normally a problem for funnels and heatmaps (which depend on a static URL) but is mitigated in the steps above.
This allows you to track the thank you page by aggregating all possible variants that match a known pattern for that page URL into one combined URL. As such, look for ^\/\d*\/checkouts\/\w*\/thank_you$ (or if you have provided an Alias, look for that) in your funnel steps and heatmap list to study behavior on the thank you page. Shopify does not currently allow users to track the shipping and billing pages but, by filtering for users who visit the thank you page, you'll still be able to study drop-offs vs. conversions.
You can find more information about conversion tracking on Shopify checkout pages here: https://help.shopify.com/en/manual/orders/status-tracking/customize-order-status/add-conversion-tracking