Log in Get started
Log in Get started
Svelte

Install NPSpack on Svelte

Add NPS feedback collection to your Svelte application. Compatible with SvelteKit, Vite integration, and reactive programming.

Svelte Integration

Add NPS tracking to your Svelte app in minutes

1

Get Your Site ID

🚀 Get Your Site ID

Integration Methods

2A

📄 HTML Template Method

Add to your public/index.html or app.html:

<script src="https://npspack.com/js/nps-widget.js"
        data-site-id="your-site-id"
        data-delay="5000"></script>
2B

🔧 onMount Lifecycle

Load dynamically in your App.svelte:

<script>
  import { onMount } from 'svelte';

  onMount(() => {
    const script = document.createElement('script');
    script.src = 'https://npspack.com/js/nps-widget.js';
    script.setAttribute('data-site-id', 'your-site-id');
    document.body.appendChild(script);
  });
</script>
2C

⚙️ Environment Config

Add to .env:

VITE_NPSPACK_SITE_ID=your-site-id

Use in component:

const siteId = import.meta.env.VITE_NPSPACK_SITE_ID;
script.setAttribute('data-site-id', siteId);

Perfect for Svelte Applications

🧡 Svelte Compatible

  • • Works with Svelte 3+
  • • SvelteKit support
  • • Reactive programming
  • • No virtual DOM overhead

🚀 Easy Integration

  • • Multiple installation methods
  • • Environment configuration
  • • Vite integration
  • • No Svelte dependencies needed

Add Feedback to Your Svelte App

Join Svelte developers who use NPSpack to collect user feedback effortlessly.

🧡 Add to Svelte App 👀 See Demo
One-time payment • Svelte 3+ compatible • SvelteKit ready