Skip to content
Hazelsong

Two lines

Testimonials on Framer

The Embed component, set to HTML.

Paste these two lines

Paste these two lines
<script src="https://hazelsong.com/widget/YOUR-SLUG.js?template=wall" async></script>
<div id="hazelsong-wall"></div>

Your slug is in your dashboard, with the tag ready to copy.

Where they go

  1. Add an Embed component where the testimonials should sit.
  2. Switch it from URL to HTML and paste both lines.
  3. Publish. The canvas shows a placeholder; the published site runs it.

Choosing the layout

The tag above draws a wall. Adding ?template= to the src changes it to any of the 23 — a marquee, a rating badge, a single pull quote — without touching your page again.

WallThe whole set, in cards, as many columns as fit.MasonryCards packed by height, no gaps left behind.Even gridCards of equal height, in strict rows.ListOne after another, full width, no boxes.CompactSmall cards, tight gaps, many at once.CarouselA row you push along, with arrows.

All 23, each running live on its own page

What you already have

Each guide below is one of those places and Framer together: how they come across, and where they go.

Somewhere else

WordPressA Custom HTML block, anywhere in the page.ElementorThe HTML widget, dragged where you want it.ShopifyA Custom Liquid section on the page or the product template.WebflowAn Embed element, sized as you like.SquarespaceA Code block, on the plans that allow custom code.WixThe "Embed HTML" element.

Every builder

Collect one, and put it on Framer

A form link, a customer who writes for a minute, and two lines on your page.

Start collecting