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
- 1Go to your space in the dashboard
- 2Find the "Embed Code" section
- 3Copy the script tag
- 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.