Log in Get started
Log in Get started

Install NPSpack on Vue.js

Add NPS feedback collection to your Vue.js application. Compatible with Vue 2 and Vue 3, Nuxt.js, and all Vue ecosystems.

Vue.js Integration

Add NPS tracking to your Vue app in minutes

1

Get Your Site ID

🚀 Get Your Site ID

Integration Methods

2A

📄 HTML Template Method

Add to your public/index.html:

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

🔧 Dynamic Loading

Load dynamically in your Vue app:

// In your main.js or App.vue
mounted() {
  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)
}
2C

⚙️ Environment Config

Add to .env:

VUE_APP_NPSPACK_SITE_ID=your-site-id

Use in template:

<script :data-site-id="$VUE_APP_NPSPACK_SITE_ID"></script>

Perfect for Vue Applications

💚 Vue Compatible

  • • Works with Vue 2 & 3
  • • Nuxt.js support
  • • Composition API ready
  • • No Vue dependencies needed

🚀 Easy Integration

  • • Multiple installation methods
  • • Environment configuration
  • • Hot reload compatible
  • • Works with all build tools

Add Feedback to Your Vue App

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

💚 Add to Vue.js App 👀 See Demo
One-time payment • Vue 2 & 3 compatible • Nuxt.js ready