Webflow sync, pageviews & more.
NEW

How can I add a ratings and testimonials section to my Webflow site using free third-party integrations or embed options?

TL;DR
  • Embed free Google Reviews or testimonial widgets from services like Elfsight or testimonial.io by pasting their embed codes into Webflow.
  • Use Airtable forms with Zapier to collect testimonials and push them into Webflow CMS.
  • Alternatively, manually build a testimonial section using Webflow elements or embed content from Shopify apps like Loox.

To add a ratings and testimonials section to your Webflow site for free, you can use third-party platforms that offer embeddable widgets or scripts.

1. Use Google Reviews via Free Widget

  • Services like Elfsight and Trustindex offer free limited-use widgets that can display Google Reviews.
  • Visit elfsight.com/google-reviews-widget/ and click Create Widget.
  • Customize the appearance, connect to your Google location, and generate an embed code.
  • In Webflow, add an Embed element on your testimonials section and paste the Elfsight code.
  • Some platforms require you to sign up for a free account before generating HTML.
  • Use testimonial.io or boast.io (free tier) to collect and style testimonials.
  • These services allow you to embed either a simple list or a styled slider into your site.
  • After creating your testimonials, generate the embed code.
  • In Webflow, drag in an Embed component, then paste the script or iframe tag provided.

3. Collect and Display Testimonials with Airtable + Zapier + Webflow CMS (Free Stack)

  • Use Airtable to create a form that collects user testimonials (Name, Rating, Comments).
  • Use Zapier’s free plan to connect Airtable to Webflow CMS.
  • When a new form entry is submitted, it pushes the content into a Webflow CMS Collection.
  • On your Webflow site, create a CMS Collection List bound to these testimonial entries.

4. Manually Add Static Testimonials

  • If you don’t need dynamic updates or collecting entries, build a section using Webflow's native elements.
  • Add stars using emoji (★) or SVG icons.
  • Use a Grid or Slider to rotate through quotes, names, and photos.
  • If you run eCommerce via Shopify and use Loox (with its free review widget), you can embed Loox photo reviews widget in Webflow using Loox's script.
  • This is usually done by inserting their script into the page’s Embed block.

Summary

To add free ratings and testimonials in Webflow, you can embed widgets from tools like Elfsight, display user-collected entries via Airtable + Webflow CMS, or manually build a static section. For dynamic solutions, combine free tools like Airtable and Zapier to automate content updates.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I optimize my Webflow website for the upcoming Google Core Web Vitals update, specifically for issues related to proper image sizing and eliminating render-blocking resources?
How can you make an element in Webflow look different when hovered over and add a smooth transition effect?
Can Webflow allow the use of a URL as an image? I imported an image URL as text via a CSV but couldn't figure out how to display it as an image. Is there a solution for this?
How can I give buttons a data-attribute in Webflow and then set the input value through JavaScript when one of the buttons is clicked, so that the value is already in the contact form?
How can I use Webflow to create a 'more/less' button that expands a div to show hidden content without creating a new element or text box?
How can I change the default image shown when sharing my Webflow website on platforms like LinkedIn?
How can I create multiple mouse click interactions on the same element in Webflow?
Can animation settings be easily copied and pasted onto a new picture or div block in Webflow or do they need to be redone each time?
Can the 'stock' mobile nav in Webflow be edited to fill the entire screen and ensure menu items are centered both vertically and horizontally, potentially using a flexbox? The current issue is that when the menu is open, it covers up the close button. Assistance would be greatly appreciated.
What could be causing the big white border when setting the overflow setting of divs to scroll in Webflow?
How can I include list items in Webflow collections? How can I change the pictures within the Lightbox via Webflow collections? How can I include maps and/or embedded code on Webflow CMS pages? How do SEO and OG settings work for Webflow CMS pages?
How can I integrate Mixpanel with Webflow and add custom code for specific actions, such as tracking video plays, using custom attribute settings?
Can you utilize component custom properties in html-embed to have unique html-embed with different svg elements for each component?
How to duplicate a CMS collection on the same website in Webflow?
How can I make a div in Webflow wrap its content and not take up the full width of the block, specifically when it contains a row of images?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?