Reviews for Webflow Shops by Monto

How to integrate Monto Reviews with Webflow

Customer reviews can build trust and increase conversions, but collecting and displaying them requires custom forms, database storage, email automation, and widget development. Monto Reviews automates this infrastructure for Webflow sites through multiple integration approaches.

You can integrate Monto with Webflow through the Monto app for automated review collection, Foxy.io integration for sites using Foxy’s e-commerce features, Code Embed elements for custom product-specific review displays, or custom backend integrations using webhooks and APIs for advanced synchronization workflows.

Use the Monto Webflow app

The Monto marketplace app collects and displays reviews through Webflow's marketplace. Install the app, configure automated review request emails, and add review widgets to product or service pages. The app works with Webflow Ecommerce. And only requires a single header script that loads the widget framework and connects it to your account configuration.

After installation, configure widget styling through the dashboard including brand colors and layout options. The approval system lets you moderate reviews before publication.

This integration provides:

• Automated review requests that send emails to customers after purchase
• Manual approval workflow that provides moderation controls before reviews appear publicly
• Customizable widgets that match site branding through color and layout options
• Photo uploads that allow customers to include images with their reviews
• Google Rich snippets that display star ratings in search results

The app requires read and write access to e-commerce data, CMS collections, user accounts, forms, assets, and custom code.

These permissions let the app track purchases for triggering review requests, store review data, manage customer information, process review forms, handle uploaded photos, and inject the header script.

Use Foxy.io to connect Monto with Webflow

The Foxy.io integration connects Monto Reviews to Webflow sites that use Foxy as their e-commerce backend instead of Webflow Ecommerce. This approach requires configuring Foxy webhooks to send transaction data to Monto after successful purchases.

Foxy webhooks send transaction data including customer email, product details, and purchase date to your webhook endpoint. You process this data and forward it to Monto to trigger review request emails. This requires a custom webhook receiver running on your infrastructure or through automation platforms like Zapier.

Your webhook receiver processes transaction data from Foxy and maps it to Monto's expected format, including customer email, order ID, product identifiers, and purchase date. The receiver then forwards this data to Monto's review request endpoint.

This integration works with all Monto apps except Simple Subscriptions and provides more control over review timing compared to the standard marketplace app. The tradeoff is maintaining custom webhook infrastructure and handling error cases when either Foxy or Monto services are temporarily unavailable.

Use Code Embed elements

Manual embedding through Code Embed elements gives you control over review display for individual products or CMS items. This approach works well when you need different review layouts per product or want to display reviews for product variants separately.

Start by adding the Monto base script to your site's custom code header section. This script loads once and enables review widgets across your site.

Then create individual review widgets using the data-reviewable-id attribute that matches your product SKU or identifier. Each widget can use different configuration options for layout style (masonry, horizontal, slider, star-rating), maximum displayed reviews, photo display, sorting order (newest, oldest, rating-high, rating-low), and minimum star rating filters.

For CMS-driven product pages, use Webflow's dynamic embedding syntax within Rich Text fields. This approach requires adding custom fields to your CMS collection including Review Widget Code (Rich Text field), Review ID (Plain Text field), and Enable Reviews (Switch field).

This method provides granular control over review display per product and supports product variants and complex catalog structures. The tradeoff is manual setup for each product and more complex maintenance as your catalog grows.

Build with Monto and Webflow's APIs

Custom backend integrations using webhooks and Webflow's APIs enable automated review management and synchronization workflows. This approach requires custom server infrastructure to receive webhook events from Monto and update Webflow CMS collections programmatically.

Sync review data to Webflow CMS

Create a custom synchronization service that fetches reviews from Monto and stores them in Webflow CMS collections. This enables custom filtering, sorting, and display logic beyond standard widget capabilities.

Set up a Webflow CMS collection for reviews with fields including reviewer name, reviewer email, product ID, rating, review text, review date, verified buyer status, and review photos. Then build a service that periodically fetches approved reviews and creates or updates Webflow collection items.

Your sync service authenticates with both Monto and Webflow APIs and transforms review data to match your CMS schema. The service fetches reviews in batches and respects API rate limits for both platforms.

Process webhook events for real-time updates

Configure webhook subscriptions to receive notifications when customers submit reviews or when you approve them. Your webhook receiver processes these events and updates Webflow CMS collections immediately instead of waiting for the next sync cycle.

Set up an endpoint on your server that receives POST requests from Monto when review events occur. The webhook handler verifies request signatures to prevent unauthorized updates, processes the event data, and calls the Webflow CMS API to create or update collection items.

Webhook handling requires implementing retry logic for when Webflow API calls fail temporarily and maintaining secure endpoint authentication.

Build custom review filtering and display

Create client-side JavaScript that loads reviews from Webflow CMS and provides filtering capabilities beyond standard widget options. This enables filtering by rating threshold, product category, verified buyer status, or custom metadata fields.

Your filtering logic loads reviews from the CMS collection and applies user-selected filters dynamically. Users can filter by minimum rating, specific products, verified buyer status, or date ranges without reloading the page.

This approach provides complete control over review data and display logic but requires maintaining custom server infrastructure and handling API errors. You also need to monitor both Monto and Webflow API changes that might affect your integration.

What you can build

Integrating Monto Reviews with Webflow enables automated feedback collection and display systems that work with ecommerce stores and service businesses.

• Product review pages: Display customer ratings, photo reviews, and text feedback with Google Rich snippet support for search visibility. Use the marketplace app widgets or sync review data to Webflow CMS for custom layouts.
• Automated review collection workflows: Create post-purchase email sequences requesting reviews based on order completion triggers. Configure through the marketplace app for Webflow native ecommerce or set up Foxy webhook integration for Foxy-powered stores.
• Service testimonial displays: Showcase client feedback with approval workflows for quality control before publication. Use Code Embed elements to place testimonial widgets on landing pages or service detail pages.
• Multi-location review aggregation: Combine reviews across business locations or service categories using custom CMS structures. Build a sync service that fetches reviews from Monto's API and organizes them by location in Webflow collections.