Best Tool Tips Software for WordPress

WordPress and in-app guidance

Installing Produktly on WordPress

Use the "WPCode" or "Insert Headers and Footers" plugin and paste into the header section. This survives theme updates.

<!-- WordPress: WPCode > Header & Footer > Header -->
<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>

If you must edit theme files directly, place this just before </head> in header.php. Use a child theme so a parent-theme update doesn’t wipe your changes.

Things to watch out for on WordPress

• Theme updates wipe theme.php changes

  Custom code added directly to header.php disappears when you update the theme. Use a child theme or a header/footer plugin so the snippet persists.

• Caching plugins can delay updates

  WP Rocket, W3 Total Cache, and similar plugins serve old HTML. After adding the snippet, clear cache and verify in an incognito window.

• WP Admin and frontend are different DOMs

  Tours added to the public site won’t appear in wp-admin and vice versa. Decide which audience the tour is for and load the snippet on the matching surface (wp_head hook for frontend, admin_head hook for admin).