Docs / Install the Widget / Nuxt

Add a Feedback Widget to Nuxt

Nuxt renders app.head on the server, so the verification tag is in the HTML from the first response, and the script reaches every route.

Steps

1. 1

   Copy Your Tags From FeedBlox

   In the FeedBlox dashboard, add your site with its public URL, then open Widget. Copy the verification meta tag now. The install snippet with your site ID and embed token appears on the same page once the site is verified.

2. 2

   Edit nuxt.config.ts

   Add the meta tag and the widget script under app.head. tagPosition bodyClose puts the script at the end of the body. Merge this with any app.head you already have.

   nuxt.config.ts Copy

   export default defineNuxtConfig({
     app: {
       head: {
         meta: [{ name: "feedblox-site-verification", content: "YOUR_VERIFICATION_TOKEN" }],
         script: [
           {
             src: "https://app.feedblox.net/widget.js",
             async: true,
             tagPosition: "bodyClose",
             "data-site-id": "YOUR_SITE_ID",
             "data-token": "YOUR_EMBED_TOKEN",
             "data-api-url": "https://api.feedblox.net",
             "data-position": "middle-right",
           },
         ],
       },
     },
   });

3. 3

   Verify and Send a Test Report

   Back on the Widget page, click Verify Site. Then open your live site, click the launcher, and send a test report. It reaches your inbox with the console output and failed requests captured on that page. To include errors from before a visitor opens the widget, turn on Start Capturing Client Debug Early in Widget settings.

Good to Know

• If you generate a static site with nuxi generate, the tags are written into every page at build time, which works the same for verification.

Troubleshooting

Other Platforms

WordPress , Webflow , Shopify , Framer , Wix , Squarespace , Next.js , React and Vite , Lovable , Bolt , v0 , Vue , Astro , SvelteKit , Remix and React Router , Ghost , Bubble , Laravel , Django , or the generic install guide for any site where you can edit the HTML.