Add GetFoxChat to your SvelteKit site

Watch it first

▶ Watch how

The line to add

Yours has your own site ID in place of YOUR_SITE_ID.

On SvelteKit, this is what goes in src/app.html:

<script src="https://getfoxchat.com/widget.js" data-site-id="YOUR_SITE_ID" defer></script>

How do you add GetFoxChat to SvelteKit, step by step?

1. In GetFoxChat, open the install step for your site and copy your snippet. It already has your site ID in it. No account yet? Create one free.
2. Open src/app.html, the page template every SvelteKit app has. source
3. Find the element that wraps %sveltekit.body% and paste the GetFoxChat line after it, just before </body>. source
4. Replace YOUR_SITE_ID with your site ID.
5. Rebuild and redeploy the app.
6. Back in GetFoxChat, press Check my site. The chat switches on once GetFoxChat finds the snippet on your live pages.

SvelteKit's own guide: SvelteKit docs: Project structure. Checked 2026-09-30; if SvelteKit renames a menu, its guide has the current wording.

SvelteKit gotchas

• Keep %sveltekit.body% inside its own div; do not move it or put the script inside that div, which SvelteKit replaces with the rendered page. source
• If your site sends a Content Security Policy with nonces, add nonce="%sveltekit.nonce%" to the script tag. source
• app.html is required in every project, so it is always there even if you never edited it. source

How do you remove it later?

Delete the GetFoxChat script line from src/app.html, then rebuild and redeploy.

Checked against the current SvelteKit docs (SvelteKit 2).