Sign In Chef


No account yet? Sign up.

Forgot your password?


spoonacular Widgets for WordPress

- Written by on December 6th 2014

spoonacular's new WordPress recipe plugin allows bloggers to enhance recipe blog posts with beautiful ingredient lists, price breakdowns, and perhaps best of all, nutritional information for the recipe!

spoonacular widgets for wordpress

Getting started is easy, just download the recipe plugin and install it. Note: You need the ShortCode UI plugin in order for the spoonacular plugin to work.

Now that you have installed the plugin, let's go through the creation of a simple recipe. The following picture shows a delicious recipe that unfortunately looks rather boring to the reader.

spoonacular widgets for wordpress

Ingredient Visualizer

We can improve this recipe page by adding the widgets. In your WP post editor you will find a "Spoonacular Widgets" tab right under the blog post editor. It contains three tabs for the three widgets. Just fill in information about: 

  1. the ingredients used in the recipe
  2. the number of servings this recipe makes
  3. whether we want to see the ingredients as a grid or as a list
  4. whether we want US or metric measurements

spoonacular widgets for wordpress

When you're done, just press "Generate the Ingredient Visualizer" and you will see a little preview like this:

spoonacular widgets for wordpress

Again, to add this widget to the recipe, simply copy the bold shortcode [spoonacular-ingredient-visualizer-41] and place it in the blog post where you want the widget to appear, like so:

spoonacular widgets for wordpress

Once you save the recipe post and open it in your browser you will see the widget in action.

spoonacular widgets for wordpress

Price Breakdown

Cool, right? Now let's do the same for the cost analysis by clicking on the second tab. The information should already be filled out if you created the first widget.

spoonacular widgets for wordpress

Again, press the "Generate the Price Estimator" button and you'll see an instant preview of how the widget will look.

spoonacular widgets for wordpress

Again, simply copy the bold short code into the blog post where the widget should appear, like so:

spoonacular widgets for wordpress

And voila, now your readers get insight into how much of their budget they should plan to allocate for this dinner and whether they should invite friends over ;)

spoonacular widgets for wordpress

Nutrition Chart

Ok, now we know which ingredients are in the recipe and how much it costs. But what about the nutrition? Is it healthy? Will it cover my recommended daily intake of vitamin A? Let's add the nutrition visualizer widget to see the nutritional information.

spoonacular widgets for wordpress

You know the drill, click on the "Generate the Nutrition Visualizer" button and see an instant preview of the nutrition breakdown.

spoonacular widgets for wordpress

Again, copy the short code into the blog post, as you did with the other two widgets.

spoonacular widgets for wordpress

After saving the post, you can now proudly present an in-depth nutrition analysis to your readers. No boring food-label-style information that nobody really uses.

spoonacular widgets for wordpress


With the spoonacular WP plugin you can add three kinds of widgets to your recipe pages to make them stand out and inform your readers: the ingredient visualizer, the cost analyzer, and the nutrient analyzer. Check out the post about how to improve your recipe blog. If you run into problems, don't hesitate to contact us!


David Urbansky

Written by on December 6th 2014

More Interesting Articles to Read

Improve Your Food Blog in 30 Seconds: The spoonacular Recipe Blogger Toolkit

Each recipe widget we offer harnesses the scientifically-proven power of visuals to make your food blog or recipe blog better. You can communicate your recipes' ingredients, nutritional info...

The Step-by-Step Guide to the spoonacular Toolkit

The spoonacular recipe toolkit has three free widgets for food bloggers to help them improve their blogs— 1) the ingredient visualizer, 2) the price estimator, and 3) ...

Learn to Cook with the spoonacular Academy

If you're a beginner who wants to learn to cook, or even if you're as seasoned as the cast iron pan you've used for years, the academy offers useful information about a variety of coo...

How to Use the spoonacular Recipe Saver and Recipe Bookmarklet

spoonacular makes it possible to search more than 330,000 recipes from across the web. But what if you've already found the perfect recipe on another food blog or recipe site? In this case, there ar...