Framer integration

Add a Testimonial Widget to Framer

The Embed component and one snippet. Framer will not run the widget while you are designing, which is by design rather than a fault.

One flat price. Unlimited views. Your widget never switches off.

Three steps in Framer

01
Insert an Embed
Open the Insert menu, search for Embed, and drag the Embed component onto the canvas where the testimonials should appear.
02
Switch it to HTML
Select the Embed and put the snippet into its HTML section rather than giving it a URL.
03
Publish, then look
Publish the site and open it in a browser. The canvas will not render it — see below.

What you paste into Framer

<div data-praisesnap-widget="YOUR_KEY"
     data-praisesnap-type="wall"
     data-praisesnap-height="320"
     style="min-height:320px"></div>
<script async src="https://praisesnap.com/embed/v1.js"></script>

The key is generated when you build the widget. Change data-praisesnap-type to carousel or badge for the other two widgets — everything else is identical.

Read this first

It stays blank until you publish, and that is normal

Framer executes scripts in the browser, not in the editor, so an embedded script does nothing on the canvas no matter how long you wait. Publish and view the live site to check it works. This catches people out because everything else in Framer previews instantly, so a blank Embed reads as a mistake rather than as expected behaviour. Give the Embed an explicit height matching the snippet so the layout does not jump when the widget arrives.

Checked against Framer’s own documentation on 23 August 2026. Interfaces change — if this no longer matches what you see, tell us and we will correct it.

What lands on the page

The real widget, running here, exactly as it would run on your site.

A live widget, rendered by the same code that runs on your site. The quotes are examples.

Questions people ask

Why is the Embed blank in the Framer editor?

Framer runs scripts only in the browser, not in the editor, so an embedded script never executes on the canvas. Publish the site and view it live — that is the only place it will render.

Should I use the Embed component or Custom Code in Project Settings?

The Embed component, because the widget belongs in a specific place on a specific page. Custom Code in Project Settings adds a script to every page, which is right for analytics and wrong for a testimonial wall.

How do I stop the layout jumping?

Set the Embed to the same height the snippet declares. The widget reserves that space from the start, so nothing below it moves when the testimonials load.