Webflow
Add a testimonial widget to a Webflow site
One Embed element, one script tag. It takes its type and colours from your Webflow styles, and your styles cannot break it.
Three steps
- 01
Build the widget
Open the builder, pick Wall, Carousel or Badge, and adjust anything you want. Copy the embed code — it already carries the reserved height.
- 02
Drop an Embed element on the page
In the Webflow Designer, add an Embed element where the testimonials should appear. It lives in the Add panel under Components, or press A and search for Embed.
- 03
Paste and publish
Paste the snippet into the Embed element, save it, and publish. The widget appears on the published site — Webflow does not run custom code inside the Designer canvas, so the Designer will show an empty box until you publish.
<div data-praisesnap-widget="YOUR_KEY"
data-praisesnap-type="wall"
data-praisesnap-blend="1"
data-praisesnap-height="420"
style="min-height:420px"></div>
<script async src="https://praisesnap.com/embed/v1.js"></script>The builder writes this for you with a real key and the measured height.
Things worth knowing about Webflow specifically
The Designer shows an empty box
Webflow does not execute embedded scripts on the Designer canvas, so the widget only appears once you publish or use Preview. That is Webflow behaviour, not a fault in the widget.
Global styles will not reach inside it
Webflow projects often carry broad rules on tags and utility classes. The widget renders inside a Shadow DOM root, so those rules stop at the boundary and the widget’s own styles never leak back into your page.
It sizes to its container, not the screen
Column counts respond to the width of the element you place it in. Put it in a narrow sidebar and it uses one column; put it in a full-width section and it uses three, on the same page at the same time.
It reserves its own space
The snippet carries a min-height so the browser holds the space while the page parses. Your layout does not jump when the widget loads. The script itself is 4.47 KB gzipped and loads asynchronously.
Several widgets on one page are fine
Add as many Embed elements as you like. The script is downloaded once, each widget keeps its own settings, and they cannot interfere with one another.
Build one now
The builder needs no account. Try it against your own brand colours first, then sign up when you want a real key.
Webflow is a trademark of Webflow, Inc. PraiseSnap is not affiliated with, endorsed by, or connected to Webflow.