There are 2 types of Shopify activity that you can record using Mouseflow:
Non-checkout pages (required). If you want to record any Shopify activity, you must first configure Mouseflow to record the activity on the main part of your Shopify site.
Checkout pages (optional). If you use Shopify Checkout and you want to record the visitor journey during the checkout flow, you can take additional, advanced steps to configure Mouseflow to record activity there as well.
This article is about recording non-checkout pages. Follow these steps first, then work on the checkout pages if desired.
This guide will walk you through the 3 short steps involved in enabling tracking for your Shopify site.
1. Log in to Mouseflow
Begin by logging into Mouseflow and clicking the </> symbol to open up the Tracking Code you will need. In the next prompt, select the option titled "HTML".
Click the Copy to Clipboard button to save the Tracking Code.
You will need this in step 3.
2. Log in to your Shopify Account and Install the Mouseflow Tracking code
Once you've logged into your Shopify account please Navigate to Customize Theme > Customize Theme > Customize
Go to the Theme Actions area in the bottom left of the screen and select Edit Code
Under Layout, click theme.liquid to open your template file and scroll to the bottom of the code. Just before the closing body tag </body> is where you should insert the Mouseflow Tracking Code.
Please make sure to save the updated theme before closing the window.
3. Test Installation and Activate Tracking
Once you have completed adding the Mouseflow Tracking Code to your site you should refresh one of the pages that the code is on, this will let Mouseflow know that the installation has been made.
To begin recording traffic on your site, you need to activate tracking by clicking the Activate Tracking button from the Manage My Sites page.
You confirm that you will abide by Mouseflow terms and not collect Personal Identifiable Information (PII) by signing your name and clicking the button.
Tip: If you are not seeing the Activate Recording button (or popup) at this point, please try to visit your site in your browser's Private or Incognito mode, and do some clicking, scrolling and navigating while you're there.
Congratulations! You made it! Now go celebrate with your team while the insights pour in.
Once you have activated tracking, Mouseflow will automatically begin recording your visitors. You can check the Recording Status from the Manage My Sites page or you can click the play button to go to your Dashboard.
Recording Checkout Pages
If you use Shopify Checkout and you want to record your Checkout flow in Shopify please find our guide to Installing Mouseflow on Shopify Checkout pages here.