Recipe Schema for Elementor — Display Beautiful Rich Recipe Results
The Recipe Schema Widget by Essential Classy Addons for Elementor (EC Addons) allows WordPress users to easily add structured data for recipes without any technical setup. With just a few fields, you can display your recipe’s name, ingredients, cooking time, and nutrition facts — all while automatically generating Google-compliant JSON-LD Recipe Schema.
This ensures your recipes appear in Google’s rich results with star ratings, prep time, calories, and step-by-step instructions — driving more visibility and clicks for food bloggers and recipe websites.
Fully Dynamic Schema with Elementor
This schema widget supports Elementor Dynamic Tags, allowing you to automatically pull data from ACF, custom fields, and post data-saving time and reducing manual work.
💡 What is Recipe Schema in WordPress?
Recipe Schema is a type of structured data markup that helps Google understand your recipe details such as ingredients, preparation steps, cooking time, and calories. It enables your recipes to appear with enhanced visuals (like ratings, time, and photos) in search results.
💡 Why should I use EC Addons Recipe Schema Widget?
The EC Addons Recipe Schema Widget makes it simple to add valid Recipe Schema markup visually in Elementor. It improves your site’s SEO and helps your recipes appear in Google’s rich results — without requiring any coding or plugins for JSON-LD generation.
⚙️ Key Features of EC Addons Recipe Schema Widget
🍰 Complete Recipe Markup: Add name, description, author, image, and recipe URL.
🥣 Ingredients & Steps: Use repeaters to list all ingredients and step-by-step instructions.
⏱️ Prep & Cook Time: Automatically converts to Google’s ISO 8601 format (
PT30M, etc.).🍽️ Recipe Yield: Display the number of servings your recipe makes.
🌍 Cuisine & Category: Specify dish type and cuisine for better classification.
🔥 Nutrition Info: Option to include calories for SEO-rich data.
🧱 Visual Elementor Integration: All fields editable directly inside the Elementor panel.
🚀 JSON-LD Structured Data: Automatically outputs valid schema code for Google.
💼 Example Use Case
A food blogger wants to publish a “Homemade Chocolate Cake” recipe and appear in Google rich results with an image, prep time, and calories.
Using the Recipe Schema Widget, they fill out:
Name: Chocolate Cake
Description: A rich and moist homemade chocolate cake recipe.
Author: Emma’s Kitchen
Prep Time: 15 minutes
Cook Time: 30 minutes
Ingredients: Flour, Cocoa Powder, Sugar, Eggs, Butter
Instructions: Mix, Bake, Frost, Serve
Calories: 250
Category: Dessert
Cuisine: American
The widget automatically generates valid JSON-LD Recipe Schema, helping Google display their recipe with ratings, calories, and cook time — improving visibility and engagement.
The Recipe Schema Widget from Essential Classy Addons for Elementor is the perfect tool for food bloggers, chefs, and recipe creators who want to improve their recipe visibility on Google. With its simple Elementor interface and built-in structured data generation, you can enhance your recipe posts with rich results — without any coding. Whether you’re building a recipe website or adding food content to your blog, this widget makes SEO-optimized recipe markup effortless and powerful.