Webflow Recipe Reviews Plugin
Add reviews to your food blog in Webflow.
Create your own custom designed reviews section on your recipe blog. Improve SEO by indexing your recipes with average rating data via a schema.
A reviews app made for Webflow food blogs
Full Design Control In Webflow
Customize your reviews section to match the design of the rest of your recipe blog - no more embedding widgets with limited design flexibility
.png)
Member reviews through Outseta or Memberstack
Display display profile data (like name, username, profile image, or any custom field) with recipe reviews posted by members logged in to your site.
.png)
Endless customization possibilities
With over 40+ optional settings and features, plus the design flexibility of Webflow, you can create a food reviews experience that suits the needs of not only you (as a blog owner), but also your users.
Pagination
Delete Button
.svg){kind=small}
Custom Fields
Pagination
Delete Button
Custom Fields
Guest posting
Interactions
.svg){kind=small}
Reply Notifications
Guest posting
Interactions
Reply Notifications
Public Profiles
.svg){kind=small}
Commenting
.svg){kind=small}
Upvoting
Upvote Count
Favoriting
Upvoting
%20(1).png)
Potter ipsum wand elf parchment wingardium. It fire-whisky plums large seek. Hermione venom firs’ hall hat.
Newt you’ve owl peg-leg mewing candles cup. Thieves it wizard of a his pumpkin.
What our customers are saying
Claudia Nathan
Finding Supersparks was a huge win for us, such a simple and effective way to extend Webflow and boost our user engagement and UGC. It integrates seamlessly with our no code stack and once configured we haven't had to worry about it at all, it just runs in the background for us. Ian is one of the most hands-on founders and this product's features are not to be underestimated, they've already helped us massively in growing and engaging our community.
.png)
Laly Mazeres
The Supersparks team listens to their customers and are very responsive. The 100% customizable forum capabilities with Webflow is one of the strong points of the Suparsparks tool - plus, a much-appreciated modern design and intuitive use allowing smooth navigation to top it all off ! I would recommended without hesitation. I’m very proud to fly the flag of Supersparks in the land of Molière (France)
Franklin Parrish
I came across Supersparks when I was looking for a discussion board solution for my website and it met all my criteria and more. I really loved how seamlessly it integrated into Webflow and was able to match up with my site’s design, color scheme, and branding.
Raymmar Tirado
Supersparks fills the gaps with Webflow when it comes to community / user generated content. It’s simple to implement, especially if you are familiar with Attributes, and opens up a whole new world of possibilities for Webflow websites.
Harry Burt
We have loved using Supersparks for Caffeine. It's super easy to implement and the team is really responsive to any questions. Excited to have such an easy comments feature that we can roll out on future projects too.
Billy Howell
Supersparks is a great tool that I always recommend to clients. It saves hours of time in Webflow and the team is super responsive when we have questions.
Victoria Rudi
Less than 2 minutes … That’s how long it took me to add a comments section to my blog articles. It seemed surreal, especially considering the long hours I had previously spent trying to figure it out by myself. Supersparks is awesome, especially for those who don’t have extensive Webflow background.
Butch
Really nice addition to my Webflow website and great support by the team! Fast and reliable. Curious what the future will bring in terms of new features. I would highly recommend it!
Sam Perri
Supersparks has been an integral part of getting my startup online. The team has been so quick to respond/follow through, and are constantly improving Supersparks in ways their customers need.
How to setup a recipe reviews on a Webflow food blog
Adding reviews to your recipe blog is a powerful method for improving SEO, as it unlocks the ability to feature average rating data with your recipe's search results via a Schema markup. The social proof from showing ratings on your recipe's Google results via a Schema (like the below examples) can improve the chances of a user clicking on your recipe over others. Especially if your recipe is rated the best 😋. And this is just the beginning of the SEO and audience engagement benefits reviews can bring to your Webflow sites.
So if you are thinking of building your own recipe blog or migrating an existing one from Wordpress, now is a great time to build this with Webflow because of the following reviews solution.
How can I enable recipe reviews on Webflow?
The tool we are going to use in this tutorial is Supersparks, which can enable reviews on your food recipe blog in 2 minutes and is 100% no-code. After signing up, you can get started with the installation by doing the following👇:
1. Copy and paste a reviews component
Copy a component of your choosing and paste it into the CMS collection page of your recipe blog. We recommend the 'Recipe' component for this use case, which comes pre-installed with nested replies.
2. Adapt the design of the Webflow reviews component
All of Supersparks' components are customizable in the Webflow Designer, so you can redesign them to your liking or remove any unwanted elements.
3. Copy & paste code snippet
Copy & paste the code of the Supersparks app into the <head> tag of your CMS's page settings and click save.
4. Publish your site and test!
Once your site is published, visitors will now be able to write and leave reviews for recipes on your website. Reviews and average ratings will then be unique to each recipe's page.
.webp)
5. Manage settings and reviews
Once your reviews section is live, you can can view, approve, and delete reviews from the Supersparks dashboard.
There are also multiple settings that can be custom configured for your reviews section. One we recommend is memberships, which allows you to automatically connect registered user data (from Webflow or Memberstack) with reviews. So if a logged in user leaves a review, data like name, username, and profile image automatically gets displayed with their reviews.
How can I create a recipes schema from my Webflow blog?
Once you've set up your reviews section in the previous steps, you can sync the average rating & total reviews data required for a Schema into your CMS collection via Supersparks. After creating fields for the average rating & total reviews in your CMS collection, go to Supersparks to switch on the setting and connect your Webflow CMS collections and fields. Once configured, data will automatically sync into & publish your CMS items whenever a new review is added.
You can then get started creating a custom Schema. There are many ways to customize a markup schema, but as a starting point, we suggest pasting the Recipe On Search JSON-LD provided by Google into the body of your page CMS page's settings. Using the 'add field' function, connect CMS fields to relevant pieces of data in the schema, such as name, images, and ingredients. The average rating and total reviews data should be added in the aggregateRating section like in the below example. After publishing, Webflow will create a schema for each recipe by dynamically pulling in the relevant field data for each CMS item.
How can I preview average rating data inside the collection list element?
Now that average rating and total reviews data is being synced, you can show this data inside Webflow's collection list element, so users can see the rating of each recipe before clicking on them. Below is an example of this for a movie reviews site.
---
Thanks for reading. If you have any questions, get in touch with us at hello@supersparks.io
