Webflow sync, pageviews & more.
NEW

What is the most effective way to connect Webflow and Google Sheets to create a dynamic 'reviews' page that updates automatically with new reviews from the Google Sheet?

TL;DR
  • Create a Webflow CMS Collection for reviews with fields matching your Google Sheet columns.
  • Set up a Google Sheet to input reviews with headers like Name, Review, Rating, Date, and Photo URL.
  • Use Zapier or Make to automate new Google Sheet entries into Webflow CMS as live items.
  • Design your Webflow Reviews page using a Collection List bound to the CMS, then publish the site for automatic updates.

To create a dynamic 'reviews' page in Webflow that updates automatically with new entries from a Google Sheet, the most effective approach is using Zapier or Make (Integromat) in combination with Webflow CMS.

1. Create CMS Collection in Webflow

  • Go to your Webflow project, and open the CMS panel.
  • Click “Create a New Collection” and name it “Reviews”.
  • Add relevant fields such as:
  • Name (Plain Text)
  • Review Body (Rich Text or Plain Text)
  • Rating (Number or Option)
  • Date (Date)
  • Photo (Image or URL)

2. Prepare Your Google Sheet

  • Create a new Google Sheet with columns matching your Webflow CMS fields.
  • Example headers: Name, Review, Rating, Date, Photo URL.
  • Make sure at least one row of test data is entered for testing the integration.

3. Set Up Automation via Zapier or Make

Zapier (Simplest Method):

  • Go to Zapier.com and create a new Zap.
  • Trigger App: Choose Google Sheets
  • Choose Trigger: New Spreadsheet Row
  • Connect your sheet and worksheet
  • Action App: Choose Webflow
  • Action: Create Live Item
  • Select your “Reviews” collection
  • Map each column from the Google Sheet to its corresponding CMS field

Make (More Flexible, Handles Images Better):

  • Create a new scenario in Make.com
  • Add:
  • Google Sheets > Watch Rows
  • Webflow > Create Item module
  • Configure your Webflow API and Collection fields
  • Handle image field inputs carefully (you may need to use a direct image URL or use Make's HTTP module to upload to Webflow)

4. Embed CMS Collection on Webflow Page

  • On your Reviews page, add a Collection List and bind it to the “Reviews” CMS.
  • Design how individual reviews should appear (e.g., photo, name, review text, rating).
  • Use Filters or Sorting if necessary (e.g., latest first).

5. Publish Your Site

  • When your automation runs, new Google Sheet entries will automatically create new CMS entries in Webflow.
  • Your published Webflow site will display these new reviews without manual updates.

Summary

To connect Webflow with Google Sheets for an auto-updating reviews page:

  • Use Webflow CMS to store and display reviews.
  • Automate data transfer from Google Sheets to Webflow CMS using Zapier (simple) or Make.com (more control).
  • Design the page with a CMS Collection List that reflects your review structure.
    This setup ensures your reviews page stays current without manual intervention.
Rate this answer

Other Webflow Questions