Resources

How to Add Nutrition Facts in WordPress (3 Free and Pro Methods)

Last updated on by 0 comments
How to Add a Nutrition Facts to WordPress

If you run a food blog on WordPress, sooner or later a reader emails to ask how many calories are in your banana bread. And once one person asks, you start noticing how often a recipe without nutrition info feels half-finished — like a label peeled off a jar.

The good news is that adding nutrition facts to WordPress doesn’t have to be painful, expensive, or even require a plugin. We’ve built the tools at Recipe Card Blocks specifically to cover the three paths most food bloggers actually take, and below I’ll walk you through all of them — including the free options, the time-savers, and the workaround for people who don’t use WordPress at all.

Here’s what you’ll get out of this guide: a clear sense of which method fits your situation, the exact steps to set it up, and an honest read on the trade-offs.

Why nutrition facts matter on a food blog

Three reasons, in order of how much they affect your traffic.

Recipe schema and rich results. Google’s recipe rich snippets can pull in calorie counts and macro data, which improves the way your recipe appears in search and on Google Discover. Without nutrition data, you’re leaving real estate on the table.

Reader trust and dwell time. Modern food blog readers expect nutrition info the way they expect a print button. When it’s missing, they bounce to find another recipe that has it. When it’s there, they stay longer — and dwell time is something search engines notice.

Compliance, if you sell food. If your blog is also a small business selling baked goods, meal kits, or packaged products, you may need FDA-compliant labels. WordPress can handle that too, just with different tools.

The three ways to add nutrition facts to a WordPress site

You can use any combination of these, depending on how technical you want to get:

  1. Free WordPress plugin with a manual Nutrition Facts block. Type your values in. Fast if you already have them.
  2. Premium WordPress plugin that calculates nutrition automatically from your ingredients. Almost no manual work after setup.
  3. Web-based nutrition label generator that outputs a PNG or PDF. Embed the image in any WordPress page, or any non-WordPress platform.

Let’s go through each one.


Method 1: The free Recipe Card Blocks plugin (manual entry)

The simplest path is the free Recipe Card Blocks plugin on WordPress.org. It’s been installed on more than 15,000 sites and has a 5-star average rating. In the free version, nutrition info is added through a standalone Nutrition Facts block that you can drop anywhere in your post — typically just below your Recipe Card.

When to use it: You already know the nutrition values (because you calculated them in a separate tool, or your cookbook provides them), and you want a clean, FDA-style label on your recipe page.

Step-by-step

  1. From your WordPress admin, go to Plugins → Add New and search for “Recipe Card Blocks by WPZOOM.” Install and activate it.
  2. Open the post or page where you want to add nutrition facts.
  3. Click the + button in the block editor and search for “Nutrition Facts.” Add the block.
  4. The block loads with a standard nutrition label layout: calories, fat, sodium, carbs, protein, and so on. Click any value and type your numbers.
  5. Use the block sidebar to toggle which nutrients are visible. If you don’t have a fiber count, hide that row instead of leaving it at zero.
  6. The % Daily Value column is calculated and displayed automatically.
Nutrition facts block for WordPress

One important caveat about the free version

The Nutrition Facts block in the free version is a separate block — it lives next to your Recipe Card, not inside it. Visually that’s fine, and readers will see the label exactly where you place it. But because the values aren’t nested inside the recipe schema markup, they don’t get picked up by Google’s recipe rich snippets as part of the recipe entity.

If recipe rich results with calorie data are important to you, that’s the main reason to upgrade to the Pro version (covered next), which embeds nutrition facts inside the Recipe Card itself.

What you get with the free version

  • Standalone Nutrition Facts block, fully editable
  • Automatic % Daily Value calculation
  • Standard FDA-style label layout
  • Mobile-friendly display, compatible with any theme

Where the free version stops

  • No nutrition section inside the Recipe Card — you have to add the block separately
  • No automatic calculation from ingredients — you type every value
  • No nesting of nutrition into the recipe schema, which limits Google rich result eligibility
  • No Pro recipe features (adjustable servings, cook mode, print template, ingredient links, etc.)

If typing values manually and displaying the label adjacent to your recipe is fine for what you’re doing, this is a solid free option. If you want full integration with the recipe schema, keep reading.


Method 2: Recipe Card Blocks Pro (automatic calculation from ingredients)

This is the path most active food bloggers end up on, because once you publish more than a handful of recipes a month, the manual lookup gets old fast.

When to use it: You write recipes regularly and want the plugin to do the math. You also want a polished recipe card layout — adjustable servings, cook mode, print template, ingredient links, and the rest of the Pro features.

How automatic calculation works

With a Professional or Business license, the Recipe Card (PRO) block adds a Calculate Nutrition button to the Nutrition Facts settings. You add your ingredients to the recipe — for example, “2 cups all-purpose flour,” “3 large eggs,” “1/2 cup whole milk” — click the button, and the plugin sends those ingredients to a nutrition database that pulls from the USDA FoodData Central reference data. It parses the quantities, divides by your serving count, and fills in every nutrient field automatically.

The result lives inside the Recipe Card layout and is part of the recipe’s structured data, which is exactly what Google’s recipe rich snippets want to see.

Step-by-step

  1. Install Recipe Card Blocks PRO and activate your license under Recipe Cards → License.
  2. Add a Recipe Card (PRO) block to your post and fill in your ingredients with quantities and units. Be specific — “1/2 cup whole milk” gets better matches than “milk.”
  3. Set the number of servings under the recipe details.
  4. With the Recipe Card selected, open the block sidebar and go to Recipe Card Settings → Nutrition Facts.
  5. Toggle on Display Nutrition Facts, then click the Calculate Nutrition button.
  6. Every field populates automatically based on your ingredients. Review the numbers, edit anything that looks off (rare, but possible for unusual ingredients), and publish.
Calculate Nutrition Facts automatically for recipes

You can find the full documentation for this feature here.

What automatic calculation gives you that manual doesn’t

  • Time. A recipe that would take you 10–15 minutes to look up manually takes about 5 seconds.
  • Consistency. Every recipe on your site uses the same data source, so your numbers don’t drift based on whichever calculator you happened to use that day.
  • Recipe schema with full nutrition data, which is what Google’s rich results system actually wants to see.
  • Update-friendly. Change an ingredient? Click Calculate Nutrition again and the values refresh.

What it doesn’t do

Automatic nutrition is only as accurate as the database. Branded products (a specific cereal, a specific yogurt) can vary from the generic USDA value by 10–20%. If you’re writing for a strict medical diet audience, double-check the numbers against the brand’s own label. For everyday food blogging, the database is more than accurate enough.


The standalone Nutrition Facts block also auto-calculates (Pro)

With a Pro license, the standalone Nutrition Facts block isn’t limited to manual entry — it works like a mini recipe analyzer right inside your editor. Open the block, type a list of ingredients with quantities into the dedicated field, click Calculate, and the same API integration that powers the in-recipe workflow fills in the label automatically.

This is useful when you want a nutrition label outside a Recipe Card — for example, on an ingredient deep dive, a meal plan post, a roundup page, or a product page where you don’t want the full recipe layout. The ingredient → label workflow is identical to the Recipe Nutrition Analyzer tool, just inside your WordPress editor instead of in a browser tab.

A workflow tip even Pro users like

If you want maximum control over how ingredients are matched and what shows up in the label, the Recipe Nutrition Analyzer gives you an ingredient-by-ingredient breakdown — you can see exactly which item contributed which calories, swap a match, override a value, and then copy the final numbers back into the Recipe Card. Slower than the one-click button, but the most accurate workflow we offer.


Method 3: Generate a label as PNG or PDF, then embed it anywhere

This is the option people miss, and it’s the most flexible one.

We built two free web tools on the Recipe Card Blocks site that don’t require any WordPress plugin at all:

  • Recipe Nutrition Analyzer — paste in a list of ingredients, the analyzer parses them, calculates per-serving nutrition, and generates an FDA-style label.
  • Nutrition Facts Label Generator — start from blank fields and produce a printable label, useful when you have the values already (from a cookbook, a packaged food, or a separate calculator).

Both tools can save the result as a PNG or PDF. From there, you upload the image to your WordPress Media Library and drop it into any post.

When to use this method: You publish recipes occasionally, or you run a non-recipe blog that happens to include one or two recipes, or you also sell packaged food and need a print-ready label, or your site isn’t on WordPress at all.

Step-by-step (using the Nutrition Analyzer)

  1. Open the Recipe Nutrition Analyzer.
  2. Paste your ingredient list into the textarea, one per line. Quantities and units are important — “14 oz Daisy pure & natural sour cream” works much better than “sour cream.”
  3. Enter the number of servings the recipe makes.
  4. Click Analyze. The tool returns a full FDA-style Nutrition Facts label, an ingredient-by-ingredient breakdown, and totals you can view as total recipe / per serving / per 100g.
  5. Adjust anything the tool got wrong (rare, but you can manually override a value or swap an ingredient match).
  6. Click Download as Image for a PNG, or Save as PDF for a print-ready PDF.
  7. Upload the file to your WordPress Media Library and insert it into your post.
Recipe Nutrition Analyzer with ingredient list and generated label

Extra things the web tools do

A few things worth knowing if you go this route, especially if you create an account:

  • Save and organize labels. Every label you generate is saved to your account, so you can come back, edit, regenerate, and re-download.
  • Customize the label style. Multiple label templates including the standard FDA layout and a tabular format.
  • Pick which nutrients are visible. You can hide rows you don’t have data for.
  • Manual override. If the database matched your ingredient incorrectly, you can override the values directly.
  • Ingredient breakdown. See exactly which ingredient contributes which calories, fat, carbs, etc. — useful for tweaking recipes.

The trade-off to know

When you embed nutrition facts as an image, search engines can’t read the values for recipe rich results. So if SEO via recipe schema is a priority, methods 1 or 2 are better. If you just need readers to see the label and aren’t relying on recipe rich snippets, the image route is faster and works on any platform.


Quick comparison

MethodCostManual workNutrition in recipe schema?Best for
Recipe Card Blocks plugin (free)FreeYou enter valuesNo (separate block)Bloggers who calculate elsewhere
Recipe Card Blocks ProFrom $59/yearAutomaticYes (nested in recipe schema)Active food bloggers
Recipe Nutrition Analyzer / Label GeneratorFree (paid tiers from $7/mo for more analyses)Add ingredientsNo (it’s an image)Any site, professional use, FDA labels

A word on the other WordPress nutrition plugins

You’ll see a few other names if you search around. Here’s a quick honest read:

  • WP Recipe Maker is a popular recipe plugin overall and has nutrition support in its premium tiers. It’s a good plugin. If you’re already on it, you don’t necessarily need to switch — though the Recipe Card Blocks block editor experience is more native to modern Gutenberg.
  • Tasty Recipes integrates with Nutrifox (a separate paid tool). It works, but you’re paying for two products to get nutrition.
  • Nutrifox by itself produces nice labels and embeds them via a connector plugin. The connector hasn’t been updated in a while, which is worth knowing if you care about plugin maintenance.
  • The free “Nutrition Facts” plugin on WordPress.org has about 100 active installs and was last updated in 2021. I’d avoid it on a site you actually care about.

How accurate is automatic nutrition calculation?

The honest answer: very accurate for generic ingredients, less accurate for branded or unusual ones.

The Recipe Card Blocks Pro auto-calculation, the Nutrition Analyzer, and the Label Generator all pull from the same nutrition database, which in turn references the USDA FoodData Central reference data. For things like “1 cup whole milk,” “3 large eggs,” or “2 tablespoons olive oil,” the values are within a couple of percent of what you’d get reading a carton.

Where accuracy drops:

  • Branded packaged products that differ from generic values (a specific cereal vs. “corn flakes”)
  • Ethnic or regional ingredients the database doesn’t have a great match for
  • Ingredients added in vague quantities (“a handful,” “to taste”)

For everyday food blogging, the math is more than good enough. If you’re publishing for a medical audience — diabetes management, kidney diet, etc. — verify critical values against the actual product label.


FAQ

Do I need a plugin to add nutrition facts to my WordPress posts?

No. You can generate a Nutrition Facts label as a PNG or PDF using a web tool and embed it like any other image. A plugin gives you better SEO via recipe schema, but it’s not required.

Will adding nutrition facts help my recipe SEO?

Yes, but the version matters. Google’s recipe rich results system uses structured data with nutrition properties nested inside the recipe schema. In the Recipe Card Blocks Pro version, nutrition facts live inside the Recipe Card and are part of the recipe schema — which is what Google reads for rich snippets with calorie data. In the free version, the standalone Nutrition Facts block is rendered next to the recipe but isn’t nested into the recipe schema, so the SEO benefit is smaller. An image-based label (Method 3) won’t give you schema at all, but it’ll still help reader trust and dwell time.

Can I use the Nutrition Facts block without a recipe?

Yes. The block is standalone in both the free and Pro versions of Recipe Card Blocks. You can drop it into any post or page — useful for nutrition guides, ingredient deep dives, or product pages.

How does automatic calculation work?

You list your ingredients in the recipe block. The plugin sends them to a nutrition database (Spoonacular, referencing USDA data), which parses quantities and returns nutrition data per serving. The result fills in the Nutrition Facts block automatically.

What if the automatic calculation is wrong for one ingredient?

Every value is editable. You can override the auto-calculated number for any nutrient. You can also remove an ingredient from the calculation if the database matched it incorrectly.

Can I use this on Squarespace, Shopify, or Wix?

Not the WordPress plugin — but the Recipe Nutrition Analyzer and Label Generator work on any platform that lets you embed an image. Generate the label, download the PNG, upload it to your site.

Do I need FDA-compliant labels?

Only if you’re selling food products. If you’re a blogger sharing recipes, an FDA-style display is nice but not required. If you sell packaged food, the Nutrition Facts Label Generator produces a label that meets current FDA layout requirements, including added sugars and the updated daily values.

How do I include allergen information?

Recipe Card Blocks doesn’t auto-detect allergens, but you can add allergen notes to the recipe block’s notes field, or include them in the body of the post. We may add automated allergen detection in a future update.


Which method should you use?

Three quick routes:

  • You publish recipes weekly and want zero manual work, plus full recipe rich results with calorie data → Recipe Card Blocks Pro with auto-calculation.
  • You publish a few recipes, already have a calculator you trust, and the recipe-rich-results-with-nutrition isn’t a priority → The free Recipe Card Blocks plugin with the standalone Nutrition Facts block.
  • You only need a label once in a while, or you also need print/FDA labels, or your site isn’t on WordPress → The Recipe Nutrition Analyzer and download a PNG or PDF.

If you’re starting from scratch and aren’t sure which one fits, install the free plugin first. It costs nothing, you’ll know within a week whether manual entry feels sustainable, and upgrading to Pro later carries your recipes forward.


Recipe Card Blocks is a WordPress recipe plugin used on 15,000+ food blogs. It includes a free Nutrition Facts block on WordPress.org, automatic nutrition calculation in the Pro version, and free web-based tools for generating downloadable FDA-style nutrition labels.

Subscribe to our newsletter

Join 10,000 people. Get our latest news & releases delivered to your inbox.

.

Leave a Reply

*

*

Let's get you started!

Start publishing your delicious recipes
to your site today.

View Pricing or Live Demo
  • Used on 20.000+ websites
  • Rated 5/5 stars
  • New updates every month