Pulling Recipe Ratings into Rich Results

Design help Custom code
1

Hey guys! I have a question for you. So, I am manually creating my rich results for my recipes. I have entered it into my body section of the CMS Recipe Page Template settings area. Here is the code I have:

I know it is a lot but it pulls from my CMS beautifully. Now I have my own custom review code integrated per page and I am unsure of how to connect it to my rich results. If anyone comes across this it works! It is unique to each CMS recipe I have. It is specifically embedded into the page near the recipe image. Here is the code:

.recipe-rating { display: inline-block; font-size: 1.5rem; } 
.star {
  cursor: pointer;
  color: #ccc;
  transition: color 0.3s;
}

.star:hover,
.star.active {
  color: #ffdd00;
}
★ ★ ★ ★ ★

Average Rating: 0

So my question is how do I connect the rating to aggregateRating in rich results?

read-only link: Webflow - Plant Powered Palate

2

My code didn’t pop up

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Recipe",
    "name": "{{wf {&quot;path&quot;:&quot;name&quot;,&quot;type&quot;:&quot;PlainText&quot;} }}",
    "url": "{{wf {&quot;path&quot;:&quot;slug&quot;,&quot;type&quot;:&quot;PlainText&quot;} }}",
    "image": "{{wf {&quot;path&quot;:&quot;image&quot;,&quot;type&quot;:&quot;ImageRef&quot;} }}",
    "description": "{{wf {&quot;path&quot;:&quot;short-description&quot;,&quot;type&quot;:&quot;PlainText&quot;} }}",
    "prepTime": "{{wf {&quot;path&quot;:&quot;prep-time&quot;,&quot;type&quot;:&quot;PlainText&quot;} }}",
    "cookTime": "{{wf {&quot;path&quot;:&quot;cook-time&quot;,&quot;type&quot;:&quot;PlainText&quot;} }}",
    "totalTime": "{{wf {&quot;path&quot;:&quot;total-time&quot;,&quot;type&quot;:&quot;PlainText&quot;} }}",
    "recipeYield": "{{wf {&quot;path&quot;:&quot;servings&quot;,&quot;type&quot;:&quot;Number&quot;} }} servings",
    "author": "{{wf {&quot;path&quot;:&quot;author&quot;,&quot;type&quot;:&quot;PlainText&quot;} }}",
    "datePublished": "{{wf {&quot;path&quot;:&quot;published-on&quot;,&quot;transformers&quot;:[{&quot;name&quot;:&quot;date&quot;,&quot;arguments&quot;:[&quot;MMM DD, YYYY&quot;]}],&quot;type&quot;:&quot;Date&quot;} }}",
    "isPartOf": {
      "@type": "WebPage",
      "@id": "https://www.plantpoweredpalate.com/{{wf {&quot;path&quot;:&quot;slug&quot;,&quot;type&quot;:&quot;PlainText&quot;} }}"
    }````
3

Hey Cody! :wave:

If you’re interested in a quick and easy way to do this – I’d recommend checking out our Reviews app for Webflow!

You can easily embed review widgets on each recipe which will be aggregated and added to your Google Rich Snippets so they’ll appear in search results.
(Free for your first 14 days)

Let me know if you have any questions!