install guide

heytappr + svelte / sveltekit

add heytappr to a svelte or sveltekit app with one script tag in src/app.html.

where it goes

in sveltekit, add the script to src/app.html inside the body, after the %sveltekit.body% placeholder. for a plain svelte vite app, use index.html instead.

src/app.htmlhtml

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    %sveltekit.head%
  </head>
  <body data-sveltekit-preload-data="hover">
    <div style="display: contents">%sveltekit.body%</div>
    <script src="https://cdn.tappr.app/embed.js" data-tapprid="your-business"></script>
  </body>
</html>

things worth knowing

app.html is the shell for every page, so one tag covers the whole app.
give the controls your guides point at stable ids or data attributes. styling classes change often and break selectors.
allowlist your web origin in the heytappr workspace, or the embed won't load. add every origin you serve from, including staging.

questions

does client-side navigation reload it?

no. it lives in the page shell, outside the part sveltekit swaps on navigation.

do i need a svelte component?

no. the script tag is the whole install.

book a demo