Adding a widget to your website

Getting Your Embed Code

1. Open your widget in the widget editor

2. Click Share in the top right corner

3. Click Copy Code

Your embed code looks like this:

<div data-widget-id="YOUR_WIDGET_ID"></div>
<script src="https://app.proofsy.io/embed/widget.js"></script>

Adding to Your Website

WordPress:

Paste the embed code into a Custom HTML block in the Gutenberg editor, or use a widget area in your theme.

Webflow:

Add an Embed element and paste the code inside it.

Squarespace:

Use a Code Block in the page editor and paste the embed code.

Wix:

Use the HTML iframe widget and paste the code.

Custom HTML site:

Paste the code directly into your page's HTML where you want the widget to appear. Place the <script> tag before the closing </body> tag.

How It Works

Once the embed code is on your page:

• The script loads automatically when the page opens

• It fetches your approved testimonials from Proofsy

• The widget renders in the <div> with your chosen layout and styling

  
  

No page reload or manual refresh is needed. When you approve new testimonials or edit the widget settings in Proofsy, the widget on your site updates automatically.

Tips

• Place the widget below the fold on landing pages to reinforce trust before a CTA

• Use a carousel or slider layout for tight spaces (like footers or sidebars)

• Use a grid or wall layout for dedicated testimonials pages

• Make sure your space has at least a few approved testimonials before embedding — the widget won't show pending ones