Share to code base

How to add testimonials to Vue/Nuxt

Adding Senja to your Vue or Nuxt app is extremely simple and requires no extra dependencies or configuration.

This feature is available on any Senja plans: Free, Starter, and Pro.

Create your widget

First, you'll need to create a widget in Senja. Learn how to turn your testimonials into a widget

Paste the embed code into your Vue component

  • Copy the widget embed code, see Where do I get my widget embed code or link?

  • Open the Vue component you want to embed your testimonials in

  • Paste the Senja embed code:

    <template>
      <div>
        <div
          class="senja-embed"
          data-id="4ac65b64-922c-4daf-af40-5cf71ade893f"
          data-lazyload="false"
          data-mode="shadow"
        ></div>
        <script
          async
          type="text/javascript"
          src="https://static.senja.io/dist/platform.js"
        ></script>
      </div>
    </template>
  • Make sure your Senja embed code is wrapped in at least one element or div

  • Once you do this, your Senja widget will be rendered on the page

That's it, your testimonial widget is now embedded in your Vue/Nuxt app. 🥳 Not working? Contact support and we'll assist you.

Was this helpful?