Embed Widget

Display your testimonials on any website with two lines of code.

Basic embed code

Copy this code from your widget page and paste it anywhere in your website HTML where you want testimonials to appear.

<div id="testinora-widget"></div>
<script 
  src="https://testinora.com/widget.js"
  data-widget-slug="YOUR-WIDGET-SLUG">
</script>

Required setting

Replace YOUR-WIDGET-SLUG with the slug from your own widget page before publishing.

Widget options

Attribute	Value	Description
data-widget-slug	your-slug	Required. Your unique widget identifier.
data-style	classic	Optional. Widget style name.
data-theme	light / dark	Optional. Color theme.

Available styles

classic

A clean card layout with strong readability.

minimal

Typography-first presentation with very little chrome.

slide-in

A subtle animated card that enters with motion.

gradient-glow

A premium gradient frame with soft luminous edges.

glassmorphism

A frosted translucent surface for modern landing pages.

spotlight

A dark, stage-lit style for high-contrast sections.

neon-pulse

A vivid cyberpunk-inspired card with glowing borders.

fade-carousel

Auto-rotating testimonials that fade between entries.

typewriter

Animated text reveal for product-led and creator brands.

brutalist

Bold, raw blocks with hard edges and loud contrast.

retro

A nostalgic visual treatment inspired by classic interfaces.

magazine

Editorial styling with generous whitespace and hierarchy.

sticky-notes

Playful note-style cards for casual, community-first brands.

timeline

Chronological flow that works well for longer journeys.

mosaic

A grid-driven layout for pages with photos and social proof at scale.

Choosing a style

<script 
  src="https://testinora.com/widget.js"
  data-widget-slug="your-slug"
  data-style="glassmorphism"
  data-theme="dark">
</script>

Where to place the code

Next.js

Place it in any .tsx file using a client component pattern such as useEffect.

'use client'

import { useEffect } from 'react'

export function TestinoraEmbed() {
  useEffect(() => {
    const script = document.createElement('script')
    script.src = 'https://testinora.com/widget.js'
    script.dataset.widgetSlug = 'your-slug'
    document.body.appendChild(script)

    return () => {
      script.remove()
    }
  }, [])

  return <div id="testinora-widget" />
}

WordPress

Go to Appearance → Theme Editor and paste it before the closing body tag, or use a Custom HTML block in the page editor.

Webflow

Open Page Settings → Custom Code and paste the script in the Before body tag section.

Squarespace

Use Settings → Advanced → Code Injection and paste the widget in the footer area.

Plain HTML

Paste the container and script anywhere inside your body tag where you want testimonials to appear.