How to Add a Yummly Button to Your Recipes

Sharing is caring!

Last Updated on January 26, 2023 by Ellen

Wondering how to add  a Yummly button to your recipes? Find out how to add Yummly to WordPress so you have a Yum button on your post.

Posts may be sponsored. This post contains affiliate links, which means I will make a commission at no extra cost to you should you click through and make a purchase. As an Amazon Associate I earn from qualifying purchases.

How to add the yummly button to your recipes

How to Add  a Yummly Button to Your Recipes

Posting recipes on your blog can be a great source of traffic from Pinterest and from other recipe-sharing sites like Yummly.  To encourage people to share your recipes, you need to have the share buttons on each of your recipes. In some cases, it’s as easy as adding a plugin.  In some cases, it’s not.

To add a Yummly button to my recipes on Confessions of an Overworked Mom, I was given 3 choices:

  • Add a sharing plugin that had Yummly as an option.
  • Add the Yummly recipe plugin
  • Edit the coding of my website to add the Yummly button manually.

In my case, on Confessions of an Overworked Mom, my share buttons were hardcoded into my site by my designer – who is no longer doing blog work.  I didn’t want to add a sharing plugin since I already have share buttons coded into my site. I use Easy Recipe Plus for my recipes and I like it. It works well and I’m familiar with it. I don’t want to remove that and add the Yummly recipe plugin. I tend to hesitate when it comes to adding any new plugins because you never know what type of compatibility issues you may have.

So, I have talked about my dislike of editing coding in any way at all in the past. One misplaced comma or parenthesis and you could destroy your site. For someone with very little technical knowledge, that’s not something I ever touch. Thankfully, with the Genesis Theme, you can use the Simple Hooks Plugin to add code to your site without editing the actual code. With a little bit of trial and error, I figured out how to add just a Yummly button to your recipes.

The main problem that I had was that when I added the Yummly button HTML to Simple Hooks, not only did it show up on my post, it also showed up on my home page – where I did not want it. By using a PHP conditional tag, I figured out how to tell WordPress to ONLY show the Yummy button on the post – not the homepage.

How to Add Just a Yummly Button to Your Recipes

How to get a yum button

This is what I did to have it show ONLY on my blog posts.

  • Log into your WordPress blog.
  • On the left-hand side, hover over “Genesis”
  • Then click on “Simple Hooks”
  • Scroll down and look for the “Genesis_after_post_title” hook
  • Copy this code into the hook above.
  • Click the box that says “Execute PHP on this hook”
  • Save

Note that this method should work on Self Hosted WordPress Blogs that use Genesis Simple Hooks. If you use another platform or cannot use Simple Hooks, you may need to try one of the other methods.

** As a note, a friend with Simple Hooks did not have the “Genesis_after_post_title” hook and instead added it to her “Genesis_entry_header” hook. I have not tested that but it worked for her.

How to add recipes to Yummly

Create an account. Use the Yum button on your blog to add each recipe. Using the Yummly bookmarklet is also an option. The Yummly extension will work with Chrome.

If you have any issues at all, you can contact Yummly support.

Now that you have your own Yummly buttons, make sure you check out my Yummly!

More blogging articles

Sharing is caring!

24 thoughts on “How to Add a Yummly Button to Your Recipes

  1. Ellen, thank you for your tutorial, but I can’t see the “Simple hooks” after I hover over “genesis”.

    I can only see “Theme settings”, “Import/Export”, “Latest tweets” & “Slider Settings”.

    I have Genesis, Foodie Pro theme – would this have anything to do with it?

Comments are closed.