Nutrition facts labels offer essential information about the nutrient composition of food, including calories, protein, fat, carbohydrates, and more.
These labels empower users to make informed health choices based on their dietary needs, and showcasing them on your food website can enhance trust with your audience.
Over time, many food and recipe blogs have incorporated nutrition facts labels into their sites, leading to increased traffic and engagement. This highlights the effectiveness of adding nutrition labels for those in the food industry.
In this article, we will guide you through the simple process of adding nutrition facts labels in WordPress.
Reasons to Add Nutrition Facts Labels in WordPress
If you’re a food blogger, run a nutrition-focused website, or sell food products online, including nutrition facts labels with your recipes and items can help you meet regulatory food standards.
By providing consumers with information about calorie counts, carbohydrates, protein, and other nutrients in your meals, you empower them to make better dietary choices.
For example, including a nutrition facts label on a recipe can assist diabetics in managing their sugar intake and maintaining their health.
Incorporating nutrition facts labels can enhance the SEO performance of your WordPress blog, as search engines tend to favor sites that improve user experience by offering valuable product information.
Now, let’s explore how to effortlessly add nutrition facts labels in WordPress.
Step-by-Step Guide to Adding Nutrition Facts Labels in WordPress
You can easily integrate nutrition facts labels in WordPress using Nutrifox.
Nutrifox is an online tool that enables users to generate and personalize nutrition information for their food products or recipes.
Generate Your Nutrition Facts Label Using Nutrifox
To begin, visit the Nutrifox website and create an account by clicking the ‘Start Your Free Trial’ button located in the top right corner.
Nutrifox provides a 14-day free trial for all users, after which the subscription fee is approximately $9 per month or $89 per year.
After setting up your account, you’ll be taken to the ‘Welcome to Nutrifox’ page.
From there, simply click on the ‘Create Your First Recipe’ button to get started.
This will lead you to a new screen where you need to enter a name for the recipe you are about to create.
Once you’ve entered the name, click the ‘Continue to Ingredients’ button.
Important NoteYou can import a published recipe from your WordPress site to Nutrifox by clicking on the ‘import a published recipe’ link.
This action will direct you to a new screen where you can create your recipe. The nutrition facts label will appear in the right column of the screen.
Begin by entering the serving size and the total number of servings.
For example, if you are creating a recipe for red velvet cake, set the serving size to 1 slice. Then, specify the total number of slices in the cake under the ‘Servings’ option.
Once you have completed that, enter the list of ingredients in the ‘Ingredients’ section and click the ‘Add’ button.
After adding the recipe, the nutrition facts label will automatically update based on the provided information.
Personalize Your Nutrition Facts Labels
Next, click the ‘Customize’ button in the right column to modify the appearance of the facts label.
From this menu, select the ‘Label Style’ from the dropdown options. You can choose from ‘Tasty’, ‘FDA’, or ‘Basic’.
Additionally, you can choose which nutrients to display on the nutrition facts label by toggling the switch next to each option.
For example, if you wish to show the percentage of calcium in your meal, simply toggle the switch next to the ‘Calcium’ option.
Once you’re satisfied with your nutrition facts label, copy its ID from the URL on the Nutrifox website.
This label ID is a 4 to 5-digit number that enables you to embed the nutrition facts label into your WordPress site.
How to Add Nutrition Facts Labels to a WordPress Post
After copying the label ID, navigate to your WordPress website’s dashboard.
Once there, install and activate the Nutrifox WP Connector plugin. For detailed instructions, refer to our step-by-step guide on installing a WordPress plugin.
Important Note:Please note that the Nutrifox WP Connector has not been tested with the last three versions of WordPress. However, our experience with the plugin has been positive. For more information, check our guide on using outdated WordPress plugins.
This plugin adds a ‘Nutrifox label’ block to the Gutenberg editor, allowing you to display nutrition facts labels alongside your recipes.
After activating the plugin, open the page or post where you want to insert the facts label. Then, click the ‘Add Block’ (+) button in the top left corner of the screen and locate the ‘Nutrifox Label’ block.
After adding the block, paste the Nutrifox label ID you copied earlier.
Finally, click the ‘Publish’ or ‘Update’ button to save your changes.
You can now visit your website to see the nutrition facts label in action.
Bonus: Enhance Your Food Blog with Tasty Recipes and Nutrition Facts Labels
Tasty Recipes is the leading WordPress recipe plugin available. It helps you optimize your food blog for recipe SEO and allows you to customize the design and layout of your recipe cards.
Additionally, it lets you integrate your recipe cards with Nutrifox to include nutrition facts labels alongside your recipes.
First, install and activate the Tasty Recipes plugin. For detailed instructions, refer to our guide on installing a WordPress plugin.
Once activated, navigate to the Settings » Tasty Recipes page and enter your license key, which you can find on your Tasty Recipes account page.
Next, switch to the ‘Design’ tab on the ‘Tasty Recipes’ screen.
From here, you can select a design template for your recipe card from the preview column on the right and further customize the template using the settings on the left side of the screen.
After that, scroll down to the ‘Nutrifox Display’ section and ensure that the ‘Insert Nutrifox label (iframe)’ option is selected.
If you opt for the ‘Insert as plain text’ option, you will need to manually input the information for the nutrition facts labels.
Finally, remember to click the ‘Save Changes’ button to apply your settings.
Next, navigate to the ‘Settings’ tab at the top to adjust the plugin options.
Here, you can select which buttons to display on the recipes, add checkboxes next to ingredients, enable users to convert units, and scale recipes for various serving sizes.
You can also let users copy the ingredients with a single click and paste the recipe elsewhere.
Once you have completed your changes, don’t forget to click the ‘Save Changes’ button to save your updates.
Incorporate the Recipe Card and Nutrition Facts Label into a WordPress Post
To include the recipe card and nutrition facts label on your website, open a new or existing post in the block editor from the WordPress admin sidebar.
Once there, simply click the ‘Add Block’ (+) button in the top left corner of the screen and locate the ‘Tasty Recipe’ block.
After adding the block, a ‘Create Recipe’ popup will appear in the block editor. Here, you can begin by entering a title, description, image, and author name for your recipe card.
Next, input the ingredients for your recipe in the ‘Ingredients’ section and provide step-by-step instructions for users in the ‘Instructions’ section.
Then, scroll down to the ‘Nutrition’ section, where you need to enter the label ID for the nutrition facts labels.
To find this, visit the Nutrifox website and locate the nutrition facts label you wish to integrate with your recipe.
Once there, you can find the label ID in the URL of the website. It will be a 4 to 5-digit number located at the end of the URL.
Simply copy this number and return to your WordPress dashboard.
Next, paste the label ID into the ‘Nutrifox ID’ field. When you’re finished, click the ‘Insert’ button to add the recipe card to the block editor.
Finally, click the ‘Update’ or ‘Publish’ button to save your changes.
You can now visit your WordPress site to view the recipe card with the integrated nutrition facts label.
We trust this guide has equipped you with the knowledge to effectively showcase nutrition facts labels on your WordPress site. Additionally, check out our tutorial on incorporating a ‘Jump to Recipe’ button in WordPress, along with our recommendations for the best WordPress themes tailored for recipe blogs.
If you enjoyed this article, consider subscribing to our YouTube Channel for insightful WordPress video tutorials. You can also connect with us on Twitter and Facebook.
