How to Add Just 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.

How to add the yummly button to your recipes

How to Add Just a Yummly Button to Your Recipes

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 hard coded 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.

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.

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.

Thank you to Jennifer at SweepTight.com for reminding me that I had Genesis Simple Hooks. It’s been a long day!

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

How to Add Just a Yummly Button to Your Recipes

Related Post

Comments 24

Leave a Reply

Your email address will not be published. Required fields are marked *