Want to add a Jump to Recipe button in WordPress?

You can do this the easy way or the hard way. The easy way? Using a WordPress recipe plugin.

Here's why it's the best choice for your recipe blog:

  • Users love the option: Sometimes readers want the history or the story that comes with the recipe. But often, they love skipping straight to the yummy stuff. Your recipe!
  • Beautiful design: Plugins make your buttons look professional and show up where they're supposed to.
  • Save time: No coding struggles, just a quick setup.
  • Stay updated: Keep things running smoothly, even with WordPress changes.

If you’re confident in your WordPress coding abilities, I'll also explain how to add a Jump to Recipe button manually. Aka — the hard way.

Adding a jump to recipe button with a plugin

Tasty Recipes is the best plugin to use if you want to add a jump to recipe button to WordPress food blog posts.

Jump to Recipe and Print Recipe buttons at the top of a blog post or page lead to a good user experience on your site, and that's big for SEO.

Tasty Recipes makes it super easy for food bloggers to add these buttons at the top of every recipe.

In fact, just using a Tasty Recipes recipe template automatically adds Jump to Recipe and Print Recipe buttons to your posts.

Get the Jump to Recipe button

No need to mess around with recipe shortcodes, page builders like Elementor, or HTML text (which is required by Squarespace).

You simply enable both the print and jump buttons, just one or neither.

Now, let's put this tutorial into action and do it step-by-step with Tasty Recipes!

1. Grab Tasty Recipes and add it to your WordPress site

First, get Tasty Recipes. Then, you'll get an email with your license info and a link to download the plugin. Download the zip file, and leave it zipped!

A screen shot showing how to add a new plugin from your WordPress dashboard.

Next, upload and activate the plugin on your WordPress site. Log into your WordPress dashboard. Then go to Plugins > Add New. And upload the zipped file.

This awesome support doc gives you more details on uploading the plugin if you need it.

Time to verify that license! Your License Number is in your Purchase Confirmation email or on the Purchase Confirmation page. Copy it.

WP Tasty license page

Go to your WordPress dashboard. Go to WP Tasty > Dashboard. Click the Enter License button and paste in your license key. Click Save License, and you're good to go.

All that's left is ticking boxes! And some optional styling edits on your end.

2. Style and add a jump to recipe button to your food blog recipe posts!

To set this up, just go to WP Tasty > Tasty Recipes > Settings from your WordPress dashboard.

Look at the Quick Links section. Tick the box to the right that says “Jump to Recipe” link. This is the same place you can tick for the “Print Recipe” button too.

An image showing how to add the jump to recipe button to your posts in the Tasty Recipes settings.

Down below, there's also the Quick Links Style section. The dropdown gives you the choice between styling them to look more like buttons or links.

Rather than making a smooth scroll to the recipe card, clicking this button will “jump” users down the page to your recipe.

The buttons will pick up your default theme styling, which means your button will look “at home” on your site.

Just look how homey it is on Cookie and Kate's recipe page.

An example of the Tasty Recipes Jump to Recipe button on Cookie + Kate's recipe pages for classic cream cheese frosting.

Plus, if you'd like to customize them, it's easy to do with CSS.

Please note: Mediavine ads may be affected by the Jump to Recipe button, which could affect your ad revenue. If you need help or have questions about this, our support team is here for you!

Download Tasty Recipes

Add a jump to recipe button in WordPress the hard way

If you're cool with coding, you can add a very basic “Jump to Recipe” link without a plugin.

However, keep in mind that this takes a lot more time, and the links look super plain compared to what plugins do.

Here's how to add a Jump to Recipe button in WordPress manually:

  1. Find the recipe start point: In your recipe post, find where the recipe instructions begin.
  2. Insert the anchor: Add the shortcode just above the recipe: <a name="recipe"></a>. This marks the jump to spot.
  3. Create the link: At the top of your post, add this code: <a href="#recipe">Jump to Recipe</a>. This creates the clickable link.
  4. Test It out: Preview your post and make sure clicking the link takes readers straight to the recipe instructions.

Why a plugin is easier: Plugins automate this process. It saves me so much time compared to the time suck of copying, pasting, and triple checking my code & its location.

Plus, Tasty Recipe's “Jump to Recipe” button blends perfectly with your site's design. You don't need to fiddle with extra code for styling. Unless your inner designer is really set on it!

Tasty Recipes: the ultimate WP recipe maker plugin

Tasty Recipes is the best WordPress plugin to improve both you and your readers' experience.

It makes it so easy to create recipe cards for WordPress as well as jump to recipe buttons.

Tasty Recipes product image with admin options.

Interested in trying Tasty Recipes?

With our easy-to-use, customizable recipe card plugin, Tasty Recipes helps you look good — and your recipes look even better.

Take a look at all Tasty Recipes has to offer.

Also, don’t forget about our 14-day money-back guarantee! Trying Tasty Recipes is risk-free!

Our WordPress recipe maker plugin has recipe schema for beautifully displayed recipes in search results. You may even see your recipe snippets climb to the top on Google.

You also get printable recipe cards, Pinterest and social media integration, as well as rock-solid recipe SEO, and so much more.