Make it shine

Widgets & Embedding

Praize widgets let you display testimonials anywhere on your website with a single line of code.

Available Layouts

Choose from 8 layouts, each designed for different use cases:

Free layouts

  • Grid — Testimonials in responsive columns. Great for dedicated testimonials pages or sections with multiple quotes.
  • Carousel — Horizontal slider with navigation arrows. Perfect for featuring testimonials in a compact space.
  • Ticker — Auto-scrolling marquee that loops continuously. Eye-catching for landing page social proof sections.
  • List — Vertical stack of testimonials. Clean and simple, works well in sidebars or narrow containers.
  • Minimal — Text-only quotes without cards or borders. Elegant for inline social proof or quote sections.
  • Hero — Single featured testimonial with large text. Ideal for homepage hero sections or case study highlights.

Pro layouts

  • Masonry — Pinterest-style staggered grid that adapts to different testimonial lengths. Visually dynamic.
  • Hero Accent — Featured testimonial with a colored accent bar. Adds visual pop to single-quote displays.

Customization Options

Every widget can be customized to match your brand:

  • Accent color — Set your brand color for stars, highlights, and interactive elements (Pro only)
  • Theme — Light or dark mode, auto-detected from user preference
  • Testimonial count — Show a specific number or all approved
  • Filter by labels — Only show testimonials with specific labels
  • Pick specific — Hand-select which testimonials to include

Embedding on Your Site

Once you've configured your widget, copy the embed code. It looks like this:

<script 
  src="https://praize.io/embed.js" 
  data-widget-id="abc123"
  async
></script>

Paste this anywhere in your HTML where you want the widget to appear. The script is lightweight (~15KB) and loads asynchronously so it won't slow down your page.

React / Next.js

For React apps, you can use the embed code in a component with dangerouslySetInnerHTML or load the script dynamically:

useEffect(() => {
  const script = document.createElement('script');
  script.src = 'https://praize.io/embed.js';
  script.dataset.widgetId = 'abc123';
  script.async = true;
  document.body.appendChild(script);
  return () => script.remove();
}, []);

WordPress

Add the embed code to any page or post using a Custom HTML block. For site-wide placement, add it to your theme's footer or use a plugin like Insert Headers and Footers.

Webflow / Framer / Squarespace

Use an Embed or Custom Code element and paste the script. Most no-code platforms support custom HTML embeds.

Saving Widget Configurations

Create multiple saved widgets with different layouts and settings. Each saved widget gets its own unique embed code, so you can:

  • Use a Grid layout on your testimonials page
  • Use a Carousel on your homepage
  • Use a Hero quote on your pricing page
  • Filter different tags for different product pages

Changes to saved widgets update automatically — no need to re-embed the code.

Performance

Praize widgets are optimized for speed:

  • Lightweight script (~15KB gzipped)
  • Lazy-loaded images with blur placeholders
  • CDN-delivered for fast global load times
  • No layout shift — widget reserves space while loading