Best Product Tours Software for Shopify

Shopify and in-app guidance

Installing Produktly on Shopify

Edit theme.liquid in Online Store > Themes > Edit Code and add the snippet just before </head>.

<!-- theme.liquid > head section -->
<script>
  (function (w, d, f) {
    var a = d.getElementsByTagName("head")[0];
    var s = d.createElement("script");
    s.async = 1; s.src = f;
    s.setAttribute("id", "produktlyScript");
    s.dataset.clientToken = "YOUR_TOKEN";
    a.appendChild(s);
  })(window, document, "https://public.produktly.com/js/main.js");
</script>
</head>

The snippet won’t run on Shopify Checkout pages (those are locked). Tours work on Product, Collection, Cart, and any storefront page where you control the theme.

Things to watch out for on Shopify

• Shopify Checkout is off-limits

  Shopify locks the Checkout flow. Custom <script> tags do not run there. Plan tours to fire before checkout, on Cart or PDP.

• Cart drawers re-render on every add-to-cart

  Most themes re-fetch the cart drawer HTML when a product is added. Use stable data-* attributes on cart elements so tour targets survive the swap.

• Theme updates overwrite theme.liquid

  If you update or change theme versions, your custom code may be wiped. Copy the snippet into a code change log so re-adding takes 30 seconds.