Description
Nutrition Info for WooCommerce lets you add complete nutritional data, ingredients, and allergen information to each WooCommerce product. All data is entered directly from the product edit screen and displayed on the frontend with a clean, accessible design.
Features
Nutritional information table
Enter values per 100 g for all standard nutritional fields:
- Energy (KJ/kcal)
- Fat, saturated, monounsaturated and polyunsaturated fatty acids
- Carbohydrate, sugars, polyols and starch
- Dietary fiber
- Protein
- Salt
- Vitamins and minerals
The table is rendered as a collapsible element so it takes no space by default.
Ingredients
A free-text ingredients field is displayed in a separate collapsible section below the nutritional table.
Allergen icons
Choose which allergens apply to each product. Supported allergens (each with its own SVG icon):
Alcohol, Almonds, Celery, Corn, Crustaceans, Egg, Fish, Gluten, Honey, Lupins, Milk, Mollusks, Mushrooms, Mustard, Nuts, Organic, Peanuts, Sesame, Soy, Spices, Sugar, Sulfates, Vegetables — plus a Vegan badge.
Icons are shown in the product loop (shop/archive pages) and on the single product page.
Flexible placement
From WooCommerce Settings Nutrients you can choose where the nutritional table and ingredients appear on the single product page:
- Separate tab
- Inside the description tab
- After price
- After excerpt
- After “Add to Cart” button
- After product metadata
- Manual placement (hidden — use the
[nutritiontable]shortcode)
Shortcode
Use [nutritiontable] to render the nutritional table anywhere on the page.
Requirements
- WordPress 5.8+
- WooCommerce 5.0+
- PHP 7.4+
Links
Blocks
This plugin provides 2 blocks.
- Product nutritional information
- Product allergens
Installation
- Upload the plugin folder to
/wp-content/plugins/or install it through the WordPress plugin screen. - Activate the plugin through the Plugins screen.
- Go to WooCommerce Settings Nutrients to configure the display position and styling options.
- Edit any product and fill in the Nutritional Info and Composition & Allergens tabs.
FAQ
-
Where do I enter the nutritional data?
-
In the product edit screen, two new tabs appear in the Product Data metabox: Nutritional Info and Composition & Allergens.
-
Can I place the table manually?
-
Yes. Set the position to “Manual placement (hidden)” in the settings and use the
[nutritiontable]shortcode wherever you need it. -
Are the allergen icons customisable?
-
The icons are SVG files stored in
includes/assets/allergens/. You can replace any file with your own SVG keeping the same filename.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Nutrition Info for WooCommerce” is open source software. The following people have contributed to this plugin.
Contributors
“Nutrition Info for WooCommerce” has been translated into 2 locales. Thank you to the translators for their contributions.
Translate “Nutrition Info for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.1
- Fixed: Strings were not in English.
1.0.0
- Refactor: migrated to
CLOSE\NutritionInfonamespace with Composer autoload (classmap). - New:
Hooksclass centralises all frontend hook registration. - New:
Allergensclass loads SVG icons fromincludes/assets/allergens/— no more inline SVG in PHP. - New: vegan badge shown separately before the product thumbnail in the shop loop.
- New: position setting supports “inside description tab” option that appends nutrition and ingredients to the existing tab content.
- Improvement: nutritional table and ingredients rendered as accessible collapsible elements.
- Improvement: allergen icons include a label shown on hover.
- Fix: Composer autoload switched from PSR-4 to classmap to support WordPress
class-*.phpfilename convention. - Removed:
sass/source folder (CSS is distributed as a compiled file). - Refactor: improved code structure, sanitization and escaping across all files.
- New: PHPStan and PHP_CodeSniffer tooling added.
- New: GitHub Actions workflow for linting and deployment.
- Fix: variable sanitization and nonce verification on product meta save.
0.1.0
- Initial release.