Nutrition Info for WooCommerce
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+