Skip to main content
Help CenterGetting StartedEmbedding the widget on your website

Embedding the widget on your website

The Vorbra widget displays your approved testimonials on any website. It works with one line of code and auto-updates whenever you approve new reviews.

How to embed

  1. 1Go to your space in the dashboard
  2. 2Find the "Embed Code" section
  3. 3Copy the script tag
  4. 4Paste it into your website's HTML where you want testimonials to appear

The embed code looks like this:

<script src="https://www.vorbra.com/embed.js"
  data-vorbra-space="your-space-slug">
</script>

Replace "your-space-slug" with your actual space slug. You can find this in your space settings or in the collection URL.

Customization options

Add data attributes to the script tag to customize the widget appearance:

  • data-layout="grid" — Choose grid, carousel, list, or masonry
  • data-theme="dark" — Toggle dark mode
  • data-primary-color="#f59e0b" — Set accent color
  • data-max="6" — Limit number of testimonials shown

Full example with options:

<script src="https://www.vorbra.com/embed.js"
  data-vorbra-space="my-store"
  data-layout="carousel"
  data-theme="dark"
  data-primary-color="#3b82f6"
  data-max="8">
</script>

Tip: The widget is lightweight (under 15KB) and won't slow down your website. It loads asynchronously so it won't block your page.

Where to place the code

Paste the embed code wherever you want testimonials to show up — your homepage, a dedicated reviews page, product pages, or the footer. Do not put it in the <head> tag. It should go in the <body> where you want the widget to visually appear.