Install
Shopify
Theme code, no app needed.
- In Shopify admin go to Online Store, Themes, and click the three dots next to your live theme, then Edit code.
- Open
layout/theme.liquid. - Paste the snippet just before
</head>and save:
<script src="https://replaycat.com/rc.js?site=YOUR_SITE_KEY"></script>Shopify's checkout pages are hosted by Shopify and do not load theme scripts, so recordings stop at the checkout hand-off. That is the same for every replay tool on Shopify.
To identify logged-in customers, add this below the snippet. The json filter quotes each value safely, so a name like O'Brien cannot break the page:
{% if customer %}
<script>
window.rc = window.rc || function () { (window.__rcq = window.__rcq || []).push([].slice.call(arguments)); };
rc('identify', {{ customer.id | json }}, { name: {{ customer.name | json }}, email: {{ customer.email | json }} });
</script>
{% endif %}