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.