Adding 5 Star Ratings to Blog Posts

Site URL: https://ravenousforfood.com

I want to add 5 star ratings to my blog posts. I have multiple recipes on my website and want viewers to be able to leave reviews and rate the recipes. I tried using other websites such as powr.io or rating-widget.com to either use the code injection feature in Squarespace under Advanced Settings. I also tried to add a HTML code block in the blog post and put the code down. 

Here is the three pieces of code I tried:

1. <div class="powr-star-rating" id="e8816653_1613357290"></div><script src="https://www.powr.io/powr.js?platform=html"></script>

2. <script src="https://www.powr.io/powr.js?platform=squarespace"></script>

3. <div class="powr-star-rating" id="9f26ad44_1613357265"></div>

Whenever I would insert them, it would either not appear or say "script disabled".

I was wondering if you would either be able to provide me with steps in how to add ratings to the website or provide code that I can insert? Thank you!

Also, another problem is that the code injection feature for me in Squarespace never seems to work? The feature I want to add does not appear.

Script disabled appears if you are viewing your site within configuration. Open an incognito window or a second browser. You have to view your site as a normal viewer for the script to run. There is this guide free plugin also for star rating. 

https://www.powr.io/tutorials/how-to-add-star-rating-plugin-to-your-squarespace-site

I viewed the website on a separate tab, but it still did not show up. It showed a blank place where the rating should have been.