How to capture and display reviews and ratings for non-store pages

Ask the community
, , ,
1

Hi! I submitted an earlier question but feel this one is more complete.
My website is a food website, sharing recipes mostly. I am not using the blog app on wix nor the wix stores.
I have my page outlined in this way:

1360×674 331 KB

1362×670 113 KB

1355×667 142 KB

My review box is not a lightbox or popup, it is just a part of the page.
I know I need to create a dataset, one for read and one for write. But do I create only one database that stores the reviews for all recipes, or need I create a database for each individual recipe?
Then, I have tried finding examples of codes to correctly store and display the corresponding reviews to the correct recipe, but sometimes they would display on the wrong page or not at all, and they are all usually indicated for specifically wix stores and blogs.
Would someone be able to help me with the code, either with a link or example, of how to allow readers to review and rate a recipe and then have those ratings and reviews display on the corresponding recipe page?
The closest success I had was this one: https://www.youtube.com/watch?v=HM9t2NOAK5w “Adding reviews and ratings to wix stores” using the provided code generator, but the reviews would appear on all or the incorrect page, probably because I don’t have a product ID?
I know it is a lot, but I have tried for weeks to do it on my own to no avail. Thanks for any guidance!

2

See the Ratings by User example.

3

So I am looking at the template code but am wondering, will the databases and code be different? Because I am not using a lightbox…

4

For example, I feel like this would be perfect but the code involves sections saying productID, which I do not have…

import wixData from ‘wix-data’ ;
import wixWindow from ‘wix-window’ ;

let product;

$w.onReady( async function () { product = await
$w( ‘#productPage1’ ).getProduct();
initReviews();
});

With a recipe collection database and review stats database, how could I change this to fit my page, a non-store page?

5

@kyva09 You will have to adapt the code and the databases for your own use. You can learn how it’s done from the example.