Recipe Card Blocks for Gutenberg & Elementor

Description

👉 New Website → recipecard.io NEW! 👈

⭐️ Recipe Card Blocks PRO NOW AVAILABLE! ⭐️

📩 Subscribe to our newsletter for updates

🥑 View Demo 🥑

Did you find this plugin helpful? Please consider leaving a 5-star review.

Inspired by our popular food blog theme Foodica, Recipe Card Blocks is a powerful recipe plugin that adds beautiful recipe cards to the new WordPress editor & Elementor to help you create recipes easily on your food blog.

📌 INCLUDED BLOCKS

  • Recipe Card (with Schema.org Markup)
  • Recipe Details
  • Ingredients
  • Directions
  • Nutrition Facts
  • Recipe Card Widget for Elementor

📌 FEATURES

  • Elementor Support
  • AMP Support
  • Multiple Designs
  • Gutenberg-ready
  • Works with any theme
  • Video integration
  • GDPR-compliant
  • Bulk Add Ingredients and Directions
  • WPML Support
  • Recipe Shortcode

⭐️ PRO FEATURES ⭐️

  • Recipe Card Widget for Elementor
  • Star Rating
  • Comments Rating – 🆕
  • Equipment – 🆕
  • Cook Mode – 🆕
  • Gallery in Directions
  • Multiple Styles
  • Adjustable servings
  • Ingredients quantity
  • Custom Pinterest image and description for Pin
  • Color Schemes
  • Food Labels
  • Social Call-to-action (Facebook, Instagram, Pinterest)
  • Premium Support
  • and many new features coming soon!

⭐️ Get the PRO version! ⭐️

📌 WHAT’S NEW IN 3.0?

  • You can now view all your recipes created using Recipe Card Blocks on the All Recipes page. Managing your recipes or adding new ones has become much easier!
  • Added a new tool to collect all recipes from all posts and organize them in the new Recipes section

📌 WHAT’S NEW IN 2.3?

  • Added Video Recipe feature in the block
  • Numerous changes and improvements; new admin menu

📌 WHAT’S NEW IN 2.1?

  • New Feature: Ingredients and Directions Groups: you can now organize in sub-sections ingredients and directions
  • New Feature: Bulk Add. You can add ingredients and directions by inserting more entries at once.

📌 WHAT’S NEW IN 2.0?

  • New Block with Schema Markup: Recipe Card Block (schema.org)
  • Now you can use a single block to create a recipe card. You don’t have to add any more blocks like Ingredients or Directions separately.
  • JSON-LD Schema Markup
  • 2 Styles
  • New Settings Page (Settings > WPZOOM Recipe Card)
  • You can now add Images in the Directions

📌 Where I can view a Demo?

You can view the Recipe Card Block live here.

🙌 CREDITS & THANKS

  • Big thanks to Danny Cooper and his project Editor Blocks for providing help in developing this plugin.

🙌 FOLLOW US

GDPR COMPLIANCE

In order to make the plugin 100% GDPR compliant, you will have to disable Google Fonts in Settings > Appearance.
Recipe Card Blocks does not collect any information outside your WordPress installation, therefore it’s 100% GDPR compliant.

Screenshots

  • Adding a block to the editor
  • Recipe Card widget in Elementor
  • WPZOOM Blocks Section
  • Preview of Recipe Card Block
  • Additional Design for Block
  • Block Editor
  • Recipes Page
  • Mobile Design
  • Settings page

Blocks

This plugin provides 8 blocks.

  • Recipe Card Blocks for Gutenberg & Elementor
  • Recipe Card Blocks for Gutenberg & Elementor
  • Recipe Card Blocks for Gutenberg & Elementor
  • Recipe Card Blocks for Gutenberg & Elementor
  • Recipe Card Blocks for Gutenberg & Elementor
  • Recipe Card Blocks for Gutenberg & Elementor
  • Recipe Card Blocks for Gutenberg & Elementor
  • Recipe Card Blocks for Gutenberg & Elementor

Installation

Simply search for the plugin name via the Plugins -> Add New dialog and click install, or download and extract the plugin, and copy the plugin folder into your wp-content/plugins directory and activate.

After installation create a new post or edit an existing one using the block editor (Gutenberg), and when adding a new block, look under WPZOOM – Recipe Card section to find these 2 blocks.

FAQ

I just installed the plugin and can’t find the blocks

Make sure you haven’t disabled the new block editor using the Classic Editor plugin, as these blocks work only with the new editor.

Is there Documentation available?

Yes, you can find documentation for this plugin with more instructions on our website.

Go to Documentation

Is it possible to migrate recipes from another plugin?

Currently, it’s not possible to import recipes created using a different plugin, but we’re working on adding such an option available. The plugin will soon allow you to import easily recipes from other plugins like WP Recipe Maker or WP Tasty Recipes.

Reviews

27 Dekabr 2021
This is a great plugin! It works perfectly, looks great, and it's actually very easy to use. I have found no issues and when I have run into a problem (due to my general lack of experience), my questions are kindly and quickly answered in a way that I can understand.
18 Dekabr 2021
I've used the free version of Recipe Card Blocks for about two years and ABSOLUTELY LOVE IT. Simple, easy to use, and just the right amount of flexibility and options without being overwhelming. I love that you enter your ingredients, steps, etc directly into a live preview block making the process more intuitive and allowing for a better work flow. Recently, I upgraded to the Pro version as I was ready for some additional features. When deciding between this and another popular plugin, I ultimately decided on Recipe Card Blocks. Though the other plugin had one feature I really wanted, I was familiar with WPZoom's customer service (I also use their Cookely theme) and decided this was the better choice because the customer service has always been amazing! No hassles, no back and forth with useless people who don't understand. They reply quickly and solve your problem! And when you're working in this "bubble" of food blogging, quick and helpful customer service makes a huge difference!!
25 May 2021
I had an issue with rich snippets. I went to the website and sent a question in the chat. Late-night! In the morning there was an update that fixed an issue. Thank You!!
24 May 2021
There are many options to choose from and create a beautiful recipe section with ease. With such professional work it deserves the pro version upgrade.
01 Sentyabr 2020
After using a few other "Recipe Card" plugins, THIS is the only one that really gets it right! Intuitive and easy to use, but especially helpful when converting an already posted recipe typed on the page to something professional and easy to read...much easier to copy and paste ("Bulk Add", FTW) from the same page/content when ye can see what you're doing!
25 İyun 2020
I like it that the plugin doesn't want to be a monstrous food blog with complicated settings, boxes and CPTs. It's just adds a block that can be customized and generates perfect JSON-LD for Google. It can be placed anywhere: pages, posts, CPTs. Perfect, highly recommended. And awesome support.
Read all 14 reviews

Contributors & Developers

“Recipe Card Blocks for Gutenberg & Elementor” is open source software. The following people have contributed to this plugin.

Contributors

“Recipe Card Blocks for Gutenberg & Elementor” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “Recipe Card Blocks for Gutenberg & Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

3.1.4

  • UI improvements to the Settings page

3.1.3

  • Fixed issue with deprecated functions in Elementor
  • Fixed a bug with Elementor activation

3.1.2

  • Fixed a bug with recipe title
  • Add link to edit the recipe block post

3.1.1

  • Multiple bug fixes and improvements
  • New option: Expand/Collapse block sections in the editor (Settings > General > Editing)
  • Minor UI improvements
  • Added icons to block sections in the editor

3.1.0

  • Recipe Shortcode – insert a recipe anywhere you want using the new shortcodes.
  • Add option to unlink a recipe from its parent
  • Multiple bug fixes and improvements

3.0.3

  • Fixed a bug with links in Notes and Description

3.0.2

  • Fixed a bug with Notes not showing in the block editor
  • Added Styling option in the “Insert Existing Recipe” widget in Elementor

3.0.1

  • Bug fix with the visibility of Recipe posts

3.0.0

  • You can now view all your recipes created using Recipe Card Blocks on the All Recipes page. Managing your recipes or adding new ones has become much easier!
  • Added a new tool to collect all recipes from all posts and organize them in the new Recipes section
  • New block: Insert Existing Recipe – new block to insert a full recipe card quickly anywhere you want (in pages, posts, or Elementor)

2.9.1

  • Minor bug fix in the Elementor widget
  • Updating links to the new website: https://recipecard.io

2.9.0

  • Added support for WPML’s Advanced Translation Editor (wpml-config.xml file)
  • Elementor Widget now includes 3 Recipe Card Styles.
  • Added Ingredients and Directions groups in Elementor widget
  • Multiple bug fixes and improvements

2.8.8

  • Change textdomain to match with plugin slug

2.8.7

  • Bug fix with video not showing in the recipe block

2.8.6

  • Minor bug fix

2.8.5

  • Fixing video not displayed in recipe card block

2.8.4

  • Fixing compatibility issues with PHP 7.0 (old version)

2.8.3

  • Fixing escaping issues

2.8.2

  • Fixing escaping issues

2.8.1

  • Fixing escaping issues

2.8.0

  • Recipe Card Block is now available in Elementor!

2.7.14

  • Fixed 404 error on print
  • Fixed issues after update to WP 5.8

2.7.13

  • Fixed the issue with icons not loading on the Recipe Card front-end. Reset global post variable after reusable blocks query loop.

2.7.12

  • Fix error 404 when print reusable Recipe Card Block
  • Fix Recipe Card Block print error in Elementor
  • Remove two columns display for ingredients in print sheet

2.7.11

  • Fix to display footer credit on print page only if “Disable Footer Credit” option is unchecked

2.7.10

  • Fixed Recipe Card block margins

2.7.9

  • Fixed issue with recipe Rich Snippets json escaping as \uXXXX unicode characters

2.7.8

  • Add script to make video embeds responsive so they don’t overflow recipe card container

2.7.7

  • Fixed a bug with buttons appearing in Elementor pages

2.7.6

  • Fixed issue with Jump and Print buttons showing on pages where recipe block is not included

2.7.5

  • Added compatibility with Elementor. View how to do this here – https://www.wpzoom.com/documentation/recipe-card-blocks/how-to-add-recipe-card-blocks-in-elementor/

2.7.4

  • Fixed issue with disallowed attribute classname present in HTML tag

2.7.3

  • Added option in Recipe Card -> Performance to load assets when needed (only on single pages or on all pages)
  • Plugin Credit in the footer is now optional and can be enabled or disabled from Recipe Card -> General. You can enable it if you want to show your support for the plugin.
  • Removed unneeded attributes “icon-name” & “iconset” from HTML markup to prevent AMP errors

2.7.2

  • Fixed issue with Recipe Card block which doesn’t display on front-end after Gutenberg update

2.7.1

  • Minor bug fix in the Directions block

2.7.0

  • Added AMP support
  • Added Block Alignment
  • When changing block alignment, the Header content alignment is changed too
  • For Simple Design added option to change Header alignment and now you can set image to left or right depend on Block alignment or Header content alignment

2.6.4

  • Fixed issue with Jump to Recipe and Print Recipe that are showing up on homepage as part of the excerpt
  • Fixed error: “$this” can no longer be used in a plain function or method

2.6.3

  • Added support for the new “Guided Recipes” in Structured Data
  • Printing functionality was re-written and works differently now. This ensures printing will work from all devices and browsers without any problems
  • Added option in Settings for Ingredients Strikethrough
  • Fixed issue with blocks not showing in archive pages and RSS feeds

2.6.2

  • Fixed issue with conversion of minutes to Schema.org duration format
  • Fixed issue with Additional CSS Class for blocks

2.6.1

  • Added Toggle option to set Resting Time field in custom details

2.6.0

  • Changed step image size from 500px to 750px
  • Fixed issue when display detail is off and it appear on rich snippets
  • Fixed issue that causes to display wrong data (default value) for details in Recipe Card on Front-End
  • Fixed issue to convert total time minutes to hours
  • Fixed issue when click Calculate Total Time and value is not null
  • Fixed issue with ingredients & steps value when open Bulk Add modal
  • Multiple fixes and improvements to Block Settings
  • Added button Calculate Total Time in Block Settings
  • Added Resting Time value to Calculate Total Time
  • Added className “text-color-green” for details that have value and are displayed in Structured Data Testing Tool
  • Added state preloader to Recipe Card on events (fetchCategories, calculateTotalTime, setFeaturedImage, UploadVideo)
  • Added fetchTags for keywords

2.5.0

  • Multiple fixes and improvements

2.4.0

  • 🔥 Added Nutrition Block with two Layouts (Vertical / Horizontal)
  • Added possibility to edit details labels from Block Settings, and also edit unit for Servings
  • Added possibility to add additional custom details from Block Settings
  • Numerous changes and improvements
  • Fixed issue to not include video attribute in Schema Markup if it’s not added to the block

2.3.0

  • Added Video Recipe feature in the block
  • Numerous changes and improvements; new admin menu
  • Fixed a conflict with Tasty Pins plugin

2.2.0

  • New Block Style: Simple Design
  • Added new images sizes for header image in the block
  • New: multiple images per direction. You can now add more than just 1 image in each step from Directions.
  • Fixed issues after update to Gutenberg 5.9

2.1.0

  • New Feature: Ingredients and Directions Groups: you can now organize in sub-sections ingredients and directions
  • New Feature: Bulk Add. You can add ingredients and directions by inserting more entries at once.
  • New Image Size for recipe card header: “Recipe Card Block”. It’s helpful if your images are potrait, and this image size will crop them to take less space vertically.
  • Multiple bug fixes and improvements

2.0.4

  • Fixed a bug with adding links in the Ingredients and Directions

2.0.3

  • Fixed a bug with translation strings

2.0.2

  • Fixed a problem with Recipe Card details not hiding when disabling them.
  • Ingredients and Directions blocks can now be inserted multiple times in a post. There is no longer a limit of one of these blocks per post.

2.0.1

  • Fixing error 500 after update to version 2.0 on servers running on PHP 5.6 or lower.

2.0.0

  • MAJOR UPDATE
  • New Block with Schema Markup: “Recipe Card Block (schema.org)”
  • Now you can use a single block to create a recipe card. You don’t have to add anymore blocks like Ingredients or Directions separately.
  • JSON-LD Schema Markup
  • 2 Styles
  • New Settings Page (Settings > WPZOOM Recipe Card)
  • You can now add Images in the Directions

1.0.1

  • Minor bug fix in WordPress 5.0

1.0

  • Initial release.