How can I make the Google reviews on my Webflow store locations dynamic by using the CMS template and place IDs sourced from the CMS item? How can I retrieve the location ID from the store CMS field and insert it into the script? Additionally, why am I only able to display 5 reviews? Are there other parameters or settings affecting this number?

To dynamically display Google Reviews on your Webflow store locations using the CMS template, you'll need to use the Google Places API and insert each store’s Place ID from the CMS. Here's how:

1. Store Place IDs in Webflow CMS

• Create a CMS Collection for your store locations.
• Add a Plain Text field named something like Google Place ID.
• Populate this field with the Google Place ID for each store.

2. Embed a Script to Fetch Google Reviews

• Use a Custom Code Embed in the CMS Collection Page to inject a script pulling the Place ID dynamically.
• Example approach within an Embed element:
• Insert the following script inside the Custom Code section of your CMS Template Page:
  ```html ```
• Replace google-reviews with the actual id of your container where the reviews should appear.
• Ensure Google Maps JavaScript API is loaded in your project.

3. Why Only 5 Reviews?

• Google Places API limits the number of displayed reviews to a maximum of 5.
• These 5 reviews are chosen by Google’s algorithm and can't be increased via the API.
• You can change result filtering using parameters like:
• minRating: Display reviews with a higher rating.
• recent: Prioritize recent reviews.
• If you need more than 5 reviews, use third-party API aggregators or prompt users to view the full listing via a Google link.

Summary

• Store each location's Place ID in Webflow’s CMS Collection.
• Use Webflow’s CMS data binding in a Custom Code Embed to inject the Place ID dynamically.
• Call Google Places API via JavaScript to fetch and display reviews.
• The 5-review limit is imposed by Google, and there's no API method to obtain more from standard calls.