Feedback widget for Nuxt

Nuxt manages your document head for you, so third-party scripts belong in its config — not pasted into templates. TellTide registers cleanly through app.head, keeping your setup declarative and SSR-safe.

Why add feedback to Nuxt apps?

One entry in nuxt.config and every rendered page, server- or client-navigated, carries the feedback launcher.

Step 1: Create a TellTide app and copy your App ID

Sign in to TellTide, open Apps, and create an app for your site. Set the App link to your public URL — in production, the widget only accepts submissions from pages on that hostname. Copy the App ID; every snippet below uses it.

Step 2: Register the script in nuxt.config

Add the widget to app.head.script with defer and body placement:

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://telltide.com/src/widgets/widget.js',
          'data-app-id': 'YOUR_APP_ID',
          defer: true,
          tagPosition: 'bodyClose',
        },
      ],
    },
  },
});

Step 3: Verify the feedback loop end to end

Open your site, click the TellTide launcher (bottom corner by default), and submit a test bug report. It should appear in your TellTide inbox within seconds. From there you can reply-triage privately, and later publish your first feature request to the public roadmap.

Good to know

  • Prefer per-page control? Call useHead() with the same script object inside a layout or page component.
  • tagPosition: "bodyClose" keeps the script out of the critical rendering path.
  • Set the App link to your deployed hostname; localhost works during nuxt dev.
Ready to hear from your users?Get your App ID free

Common questions

Does SSR break the widget?

No. The script only runs in the browser; during server rendering it is emitted as a plain tag. There is no window access at build time and no hydration mismatch.

Will the widget slow down my Nuxt site?

No — the snippet loads a single small script at the end of the body, after your content renders. It does not block paint or affect your Core Web Vitals.

Is the feedback users send public?

No. Unlike board-first tools, everything arrives in a private inbox. Bug reports and reviews stay internal; you publish only chosen feature requests to a roadmap users can vote on.

How much does TellTide cost?

The free plan includes the widget, private inbox, API, and public roadmap for one app. Paid plans add unlimited apps and advanced features — pricing never scales with how many users you have.

Catch every bug, idea, and review

Add TellTide to Nuxt apps, triage privately, and publish only what you'll ship.

Get started free