Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
25 Million+
Websites using our plugins
Years of WordPress experience
WordPress tutorials
by experts

How to Display Nutrition Facts Labels in WordPress

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Are you looking for a way to display nutrition facts labels in WordPress?

Nutrition facts labels provide information about the nutrient content of food, including the number of calories, protein, fat, carbohydrates, and more. These labels help users make better-informed health decisions according to their diets.

In this article, we will show you how to easily add nutrition facts labels in WordPress.

Display nutrition facts labels in WordPress

Why Add Nutrition Facts Labels in WordPress?

If you are a food blogger or sell food items in your online store, then adding nutrition facts labels along with your recipes and products can help you comply with any regulatory food requirements.

By informing consumers about the calorie content, carbs, protein, and other nutrients of your meals, you also enable them to make informed decisions about their diets.

Nutrition facts labels

For instance, adding a nutrition facts label with a recipe will allow diabetic people to monitor their sugar intake and remain healthy.

Adding nutrition facts labels can also boost the SEO rankings of your WordPress blog. This is because search engines usually prioritize websites that enhance the user experience by providing relevant information about their products.

That being said, let’s see how you can easily add nutrition facts labels in WordPress.

How to Add Nutrition Facts Labels in WordPress

You can easily add nutrition facts labels in WordPress using Nutrifox.

It is an online nutrition label generator that allows users to create and customize nutrition information for their food products or recipes.

Create a Nutrition Facts Label With Nutrifox

First, you need to visit the Nutrifox website and sign up for an account by clicking on the ‘Start Your Free Trial’ button in the top right corner of the screen.

Nutrifox offers a 14-day trial to everyone, after which you will be charged about $9/month or $89/year.

Start your free trial on Nutrifox

Upon creating an account, you will be directed to the ‘Welcome to Nutrifox’ page.

From here, simply click on the ‘Create Your First Recipe’ button to get started.

Click the Create Your First Recipe button

This will take you to a new screen, where you must enter a name for the recipe that you are about to create.

Once you have done that, just click the ‘Continue to Ingredients’ button.

Note: If you want, then you can also import a published recipe to Nutrifox from your WordPress website by clicking on the ‘import a published recipe’ link.

Click the Continue to Ingredients button

This will take you to a new screen where you will create the recipe. Here, you will be able to see the nutrition facts label in the right column of the screen.

You can now start by filling in the fields for the serving size and the number of servings.

For instance, if you are writing a recipe for a red velvet cake, then you will need to add 1 slice as the serving size. After that, you must add the number of slices that will be in the cake under the ‘Servings’ option.

Once you have done that, simply type the recipe ingredients list into the ‘Ingredients’ section and click the ‘Add’ button.

Type the servings and its size and then add the ingredients for the recipe

After the recipe has been added, the nutrition facts label will automatically be updated according to the information.

Customize Your Nutrition Facts Labels

Now, you have to click on the ‘Customize’ button in the right column to style the facts label.

From here, go ahead and choose the ‘Label Style’ from the dropdown menu. You can pick ‘Tasty’, ‘FDA’, or ‘Basic’.

After that, you can also select the nutrients that you want to be displayed on the nutrition facts label by toggling the switch next to these options.

For instance, if you want to display the percentage of calcium in the meal, then you can toggle the switch next to the ‘Calcium’ option.

Customize nutrition facts labels

Once you are happy with your nutrition facts label, copy its ID from the Nutrifox website’s URL.

This label ID is a 4 to 5-digit number that will allow you to embed the facts label into your WordPress website.

Copy the labels ID from the website URL

Add the Nutrition Facts Labels to a WordPress Post

After copying the label ID, head over to your WordPress website’s dashboard.

Once you are there, you need to install and activate the Nutrifox WP Connector plugin. For instructions, see our step-by-step guide on how to install a WordPress plugin.

This plugin will add a ‘Nutrifox label’ block to the Gutenberg editor that will allow you to show nutrition facts labels along with your recipes.

Upon plugin activation, open up the page or post where you want to add the facts label. Next, click the ‘Add Block’ (+) button at the top left corner of the screen and find the ‘Nutrifox Label’ block.

Once you add it, paste the Nutrifox label ID that you copied earlier into the block.

Add the Nutrifox Label block and paste the label ID

Finally, go ahead and click the ‘Publish’ or ‘Update’ button to save your changes.

You can now visit your website to check out the nutrition facts label in action.

Preview for nutrition facts labels

Bonus: Use Tasty Recipes to Optimize Your Food Blog and Add Nutrition Facts Labels

Tasty Recipes is the best WordPress recipe plugin on the market that allows you to optimize your food blog for recipe SEO. It also lets you adjust the design and layout of your recipe cards.

Additionally, it enables you to integrate your recipe cards with Nutrifox to add nutrition facts labels along with the recipes.

First, you need to install and activate the Tasty Recipes plugin. For detailed instructions, check our guide on how to install a WordPress plugin.

Upon activation, head over to the Settings » Tasty Recipes page and enter the license key. You can find this information under your Tasty Recipes accounts page.

Tasty Recipes license key

After that, simply switch to the ‘Design’ tab in the ‘Tasty Recipes’ screen.

From here, you can choose a design template for the recipe card from the preview column on the right. You can also customize the template further with the on-screen settings on the left side of the screen.

Choose a template for recipe

Once you have done that, scroll down to the ‘Nutrifox Display’ section and make sure that the ‘Insert Nutrifox label (iframe)’ option is checked.

If you choose the ‘Insert as plain text’ option, you will need to manually enter the details for the nutrition facts labels.

Finally, don’t forget to click the ‘Save Changes’ button to store your settings.

Choose the Insert Nutrifox Label option in the nutrition section

Next, switch to the ‘Settings’ tab at the top to configure the plugin options.

From here, you can choose which buttons to show on the recipes, display check boxes next to ingredients, allow users to convert units, and scale recipes for different serving sizes.

You can also allow users to copy the ingredients with a single click and paste the recipe somewhere else.

Once you are done, don’t forget to click on the ‘Save Changes’ button to store your changes.

Recipe plugin settings

Add the Recipe Card and Nutrition Facts Label to a WordPress Post

To add the recipe card and nutrition facts label to your website, you need to open up a new or existing post in the block editor from the WordPress admin sidebar.

Once you are there, simply click on the ‘Add Block’ (+) button at the top left corner of the screen and find the ‘Tasty Recipe’ block.

Add the Tasty Recipes block into the block editor

Upon adding the block, a ‘Create Recipe’ popup will open in the block editor. Here, you can start by adding a title, description, image, and author name for the recipe card.

Next, type the ingredients for the recipe into the ‘Ingredients’ section and add the instructions for users to follow in the ‘Instructions’ section.

Add description, instructions, and ingredients for the recipe card

After that, just scroll down to the ‘Nutrition’ section where you have to add the label ID for the nutrition fact labels.

To do so, you will have to visit the Nutrifox website and open up the nutrition facts label that you want to integrate with the recipe.

Once you are there, you can get the label ID from the website’s URL. It will be a 4 to 5-digit number at the end of the URL.

Get the label ID from the Nutrifox website

Simply copy it and head back to your WordPress dashboard.

Next, you have to paste the label ID into the ‘Nutrifox ID’ box. Once you are done, just click the ‘Insert’ button to add the recipe card to the block editor.

Add label ID for Nutrifox

Finally, click the ‘Update’ or ‘Publish’ button to save your changes.

You can now visit your WordPress site to check out the recipe card with the nutrition facts label integrated into it.

Preview of recipe card with nutrition facts labels

We hope this article helped you learn how to display nutrition facts labels in WordPress. You may also want to see our tutorial on how to add SEO-friendly recipe schema in WordPress and our top picks for the best WordPress themes for recipe blogs.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

5 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    Great tutorial on adding nutrition labels to recipe blogs!
    Providing detailed nutritional information can really make a food blog standout.
    Thanks WPBeginner for another practical, step-by-step guide that can make a real difference for food bloggers!
    You guys are the BEST!!

  3. Marsha says

    This was very helpful! Question, when you purchase a Nutrifox account/subscription do you have to manually create a nutrition label for every single recipe on your website? This seems like it would take forever. Or is there a way to import your existing recipe catalog in bulk?

    • WPBeginner Support says

      It would depend on how the recipe is formatted but there is an importer that we show in our screenshot if the recipe is published online :)


  4. Ralph says

    This is great addition to recipe and I think every food blogger that is serious should use it. This is crucial for our health and our food consuming decisions but people are still not aware enough. I wish food bloggers would start the trend of giving us nutrition information 10 or even 15 years ago, but such detailed posts are sadly a niche.
    This not only is usefull but really looks great!

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.