Webflow Guide

How to Install Opinafy on Webflow

Add verified customer testimonials to your Webflow site in less than 5 minutes. No technical knowledge required.

1

Create your Opinafy project

  1. Sign up for Opinafy (it's free).
  2. Go to the Dashboard and click "New Project".
  3. Enter your website name and customize the collection form.
  4. Share the collection link with your customers or import existing testimonials.
2

Get the embed code

  1. Inside your project, go to the "Widget" section.
  2. Customize the design: choose layout (carousel, grid, wall...), colors, and typography.
  3. Copy the embed code shown below the preview.

The code will look like this:

html
<div id="opinafy-widget" data-project="YOUR_PROJECT_ID"></div>
<script src="https://opinafy.com/widget.js" defer></script>

Replace YOUR_PROJECT_ID with your actual project ID.

3

Add the code to Webflow

You have three options to insert the widget on your Webflow site:

Option A: Project custom code (all pages)

  1. Go to Project Settings.
  2. Click on the "Custom Code" tab.
  3. In the "Footer Code" field (before </body>), paste the Opinafy code.
  4. Save and publish your site.

Option B: Page-specific custom code (single page)

  1. Go to Pages and select the desired page.
  2. Click the page settings icon (gear).
  3. Scroll down to "Custom Code" → "Before </body> tag".
  4. Paste the Opinafy code.
  5. Save and publish.

Option C: Embed element (exact position)

  1. In the Webflow Designer, add an "Embed" component where you want the testimonials.
  2. Paste the Opinafy code in the HTML field.
  3. Click "Save & Close".
  4. Publish your site to see the changes.

Note: The Embed component doesn't show a preview in the Designer. You need to publish your site to see the widget in action.

4

Verify it works

  1. Publish your Webflow site.
  2. Visit the page where you inserted the widget.
  3. It should automatically load and display your approved testimonials.
  4. If you don't see anything, verify you have testimonials with "Approved" status in your dashboard.

Frequently Asked Questions

Does the widget affect my Webflow site speed?

No. The Opinafy script weighs less than 25 KB and loads asynchronously with the defer attribute. It won't block your page loading.

Does it work with Webflow's free plan?

Yes. The widget works on any Webflow plan, including the free plan. You just need to be able to add custom code or Embed elements.

Can I add the widget to multiple pages?

Yes. Use Option A (Project Settings > Custom Code) to add the widget to all pages, or repeat Option B or C on each page where you need it.

Is the widget responsive?

Yes. The Opinafy widget is fully responsive and automatically adapts to the container width.

Ready to add testimonials to your Webflow site?

Create your free account and start showing social proof on your site in minutes.

Create free accountSee Google Tag Manager guide