Takes less than 2 minutes

Add ProofPost to your site.

One line of code. Works on every platform. No developer needed.

Your embed code

<script src="https://proofpst.com/embed.js" data-proofpost-id="YOUR_ID"></script>

Replace YOUR_ID with your widget ID from the ProofPost dashboard.

Step-by-step for your platform.

Pick your platform below. Same code, slightly different steps.

Webflow

  1. 1Open your Webflow project and go to Project Settings.
  2. 2Click the Custom Code tab.
  3. 3Paste the embed code in the Footer Code section.
  4. 4Click Save Changes and publish your site.

Tip: Want the widget on a specific page only? Add an Embed element to that page instead, and paste the code there.

WordPress

  1. 1Go to Appearance > Widgets in your WordPress dashboard.
  2. 2Add a Custom HTML widget to the area where you want the testimonials.
  3. 3Paste the embed code and click Save.

Tip: Using a page builder like Elementor? Add an "HTML" widget and paste the code there. For site-wide placement, use a plugin like "Insert Headers and Footers".

Shopify

  1. 1Go to Online Store > Themes in your Shopify admin.
  2. 2Click Actions > Edit Code (or the three-dot menu > Edit code).
  3. 3Open theme.liquid and paste the embed code just before the closing tag.
  4. 4Click Save.

Tip: For a specific page, edit that page and switch to HTML mode to paste the code exactly where you want it.

Framer

  1. 1In the Framer editor, add a new Embed component (press "/" and search for "Embed").
  2. 2Paste the embed code in the HTML field.
  3. 3Resize the component to fit your layout.
  4. 4Publish your site.

Tip: Set the Embed component width to 100% and max-width to 500px for the best look.

React / Next.js

  1. 1Add the script tag to your page component or layout file.
  2. 2In Next.js, use the Script component from next/script with strategy="afterInteractive".
  3. 3Place a container div where you want the widget — the script injects the iframe after it.

Tip: In Next.js, import Script from 'next/script' and add it to your page component. The script tag works the same way in plain React — just add it to your public/index.html.

Any HTML site

  1. 1Open your HTML file in any code editor.
  2. 2Paste the embed code where you want the widget to appear (usually inside the section).
  3. 3Save and upload the file to your hosting.

Tip: Works with any static site, landing page builder, or CMS that allows custom HTML.

Customization options

Add these attributes to your embed code to customize the widget.

data-style

"carousel" (default) | "marquee"

Carousel shows one review at a time with auto-sliding. Marquee shows a horizontal scrolling wall of reviews.

data-theme

"light" (default) | "dark"

Match the widget to your site's color scheme.

data-max-width

"500px" (carousel) | "100%" (marquee)

Control the maximum width of the widget container.

data-width

"100%" (default)

Set the widget container width.

Example: Marquee style with dark theme

<script src="https://proofpst.com/embed.js" data-proofpost-id="YOUR_ID" data-style="marquee" data-theme="dark"></script>

Common questions

Does it slow down my site?

No. The script is tiny (~2KB), loads lazily, and the widget renders inside an isolated iframe. It won't affect your page's performance or layout.

Can I customize the colors?

Yes. Go to your Brand Kit in the ProofPost dashboard to set your primary color, logo, and company name. The widget picks these up automatically.

How do I update the reviews shown?

Just update your widget in the ProofPost dashboard. The embed code stays the same — the widget fetches the latest reviews automatically.

Can I remove the ProofPost watermark?

Yes, upgrading to the Pro plan removes the watermark and gives you full white-label control.

Do I need to update the code when I add new reviews?

Never. The embed code is a one-time setup. When you add or change reviews in your dashboard, the widget updates everywhere automatically.

Ready to add social proof?

Paste a review, let AI extract the hook, embed the widget. 60 seconds. Free to start.