Nutrition Facts Label Creator (Gutenberg Block)

A Gutenberg Block for creating Nutrition Facts Label for your online food products, recipes and food blog.

The plugin helps you add Nutrients from pre defined set of 40 nutrients like protein vitamin, fat, sugars, zinc, magnesium, calcium, etc. The percent daily values are automatically calculated from the provided nutritional value. The plugin also supports addition of unlimited custom nutrients via easy drag and drop interface.

Key Features

• Fully responsive and retina ready
• Table less design, created using lists
• The plugin comes shipped as Gutenberg Block
• 6 Nutrition label design styles (Standard FDA style table included)
• 40 pre defined food components (nutrients) with respective standard values
  – The reference for standard daily values (DVs) are taken from Wikipedia
• Unlimited custom nutrients for the Nutrition Table
  – Specify custom Nutrient name, standard reference value, unit and daily value
  – Specify nutrient as sub-level up to 3 indent levels – Auto calculation of %DV from provided daily value and standard reference value
• Auto calculation of percent daily values from standard values and user supplied values
• Standard daily values listing option
• Works with any post type for which Gutenberg is enabled. E.g. you can use it in WooCommerce product description when selling a food product.
• 100% Translation ready. (Sample POT and JSON file included)
• Supports languages with right-to-left orientation. (RTL CSS included)
• Nutrition table template file can be overridden in the theme
• Supports WordPress filters for changing standard daily values of a Nutrient
• Schema micro data supported for known nutrients as per schema.org specification
• Clean and optimized code
• Supported on all modern browsers
• W3C valid HTML markup for Nutrition table output
• Professional dedicated support

Plugin Support

All support is provided via comments section and email. For any questions related to the plugin or general query, feel free to email me from my profile page message box, or comment on the item comments section. I would be glad to respond.

Installation

For installation and setup, please refer to the online documentation.

Changelog

= June 05, 2024 - v0.4.0 = * Added option for rounding off % daily values - See block settings > Nutrition Table Styles > Round off % DV * Fixed: Editor CSS styles not working * Fixed: Color picker values not updating in editor preview * Updated node modules to the latest versions @wordpress/icons: ^10.12.0 -> ^10.24.0 @wordpress/scripts: ^30.5.0 -> ^30.17.0 * Updated Google fonts list to the latest one * Tested and ensured compatibility with WordPress 6.8.1 = Nov 18, 2024 - v0.3.0 = * Updated node modules to the latest versions @wordpress/icons: ^9.49.0 -> ^10.12.0 @wordpress/scripts: ^27.9.0 -> ^30.5.0 * Updated Google fonts list to the latest one * Tested and ensured compatibility with WordPress 6.7.0 and php 8.2.0 = May 20, 2024 - v0.2.0 = * Updated node modules to the latest versions @wordpress/icons: ^9.24.0 -> ^9.49.0 @wordpress/scripts: ^26.4.0 -> ^27.9.0 * Updated Google fonts list to the latest one * Tested and ensured compatibility with WordPress 6.5.3 and php 8.1.13 = 0.1.0 = * initial release