--- title: "Jump to Recipe Button: Where to Put It and How to Add One" description: "Add a jump to recipe button to your food blog in minutes. Where to put it, what to call it, and how to set it up with or without a plugin." url: https://scrumptiouswp.com/guides/jump-to-recipe-button/ site: "ScrumptiousWP" --- # Jump to Recipe Button: Where to Put It and How to Add One A jump to recipe button is a small link at the top of a recipe post that takes readers straight down to the recipe card. Plenty of your readers already know what they want to cook. This button respects that, and with the right setup it takes about a minute to add. Here’s what the button does, where to put it, what to call it, and how to add one with or without a plugin. ## What a jump to recipe button does The button is an anchor link. It points to a spot further down the same page, usually the recipe card, and clicking it scrolls the reader there. Nothing loads and nothing opens in a new tab. On a long post with photos and tips, that saves a lot of thumb scrolling. Most recipe plugins pair it with a Print Recipe button, so readers who want a paper copy can get one without scrolling at all. ## Why readers want one Think about who lands on your recipe. Some are reading for the story, the tips and the photos. Some found you through search, are standing in the kitchen, and need the ingredient list now. Others are coming back to a recipe they made last month. A good recipe post serves all three. The intro and tips are there for the people who want them, and the button is there for everyone else. A post that’s easy to use is a post people save and come back to. **Chef’s note:** in a kitchen, the tools you reach for most live closest to hand. On a recipe post, the recipe is that tool. Put the way to it right at the top. ## Does it hurt your blog? This is the question most food bloggers ask. The worry is that readers who skip the post spend less time on the page or see fewer ads. A few honest points to weigh: - **Skippers were going to skip anyway.** Without a button they scroll fast or leave. With one, they land on your recipe card and stay on your site. - **Search engines still read the whole page.** The button doesn’t hide anything. Your intro, tips and headings are all still there. - **The content above the card still matters.** Plenty of readers do read it, especially for a new or tricky recipe. Write it to be useful, not to be scrolled past. If you run ads, your ad network may have its own advice on placement. Follow that, and test on a phone to see how it feels. ## Where to put the button Put it near the top, where readers see it without scrolling. The two common spots: - **Right under the post title**, before the first paragraph. This is the most visible spot. - **After a one- or two-line intro.** A short opening, then the button. The post still gets a friendly start, and the button stays on the first screen on most phones. Avoid placing it after the first big photo. On a phone, a tall photo can push the button off the first screen. ### One button per post Two jump buttons stacked on top of each other look like a mistake. If your theme or a plugin adds one automatically, don’t add a second by hand. ### Round-ups with several recipes In a post with several recipe cards, a single jump button usually goes to the first card. For round-ups, a short list of links at the top, one per recipe, often works better than one button. ## What to call it “Jump to Recipe” is the label most readers recognize, so it’s a safe default. A few other options that are just as clear: - Skip to the recipe - Go to recipe - Take me to the recipe Keep it short and plain. A clever label that readers have to think about defeats the purpose. If you show a Print Recipe button next to it, keep both in the same style so they read as a pair. ## How to add a jump to recipe button in WordPress There are two routes: let your recipe plugin do it, or build one yourself in the block editor. ### With a recipe card plugin Most recipe card plugins include a jump button, because almost every food blogger wants one. In Scrumptious it’s part of the free plugin, and there are three ways to add it: 1. **The Jump to Recipe block.** Insert it near the top of the post. Click the text to change the label, and turn the Print Recipe button on or off in the sidebar. 2. **Automatically on every recipe post.** Go to Recipes → Settings → Buttons and tick the option to add Jump to Recipe at the top of posts with a recipe. Posts where you’ve already placed the block are left alone, so you never get two. 3. **A shortcode** for the classic editor or page builders: `[scrumptious-jump]`, or `[scrumptious-jump label="Skip to the recipe" print="0"]` to change the label and hide the print button. The button scrolls smoothly to the first recipe card in the post. The full steps are in the [Jump to Recipe help article](https://scrumptiouswp.com/help/jump-to-recipe/). Moving over from WP Recipe Maker or Create? Their jump buttons are converted to Scrumptious ones when you import, so your older posts keep working. ### Without a plugin If your recipe sits in regular blocks, or you’d like to see how it works, you can build the button yourself: 1. Select the block where your recipe starts, such as a heading called “Recipe”. 2. In the block sidebar, open **Advanced** and type a word in the **HTML anchor** field, for example `recipe`. Use lowercase letters and hyphens, no spaces. 3. Near the top of the post, add a **Buttons** block. Type your label, then link it to `#recipe` (a hash plus your anchor word). 4. Preview the post and click the button to check it lands in the right place. Anchor links jump instantly by default. If you’d like a smooth scroll, some themes have a setting for it, or a developer can add one line of CSS: `html { scroll-behavior: smooth; }`. The catch with doing it by hand is upkeep. You have to add the anchor and the button to every post, and go back and add them to older posts too. ## Check it on a phone Many recipe readers are on a phone, often with one hand busy. Open a recipe post on yours and check that: - The button shows on the first screen, without scrolling. - It’s big enough to tap easily with a thumb. - Tapping it lands at the top of the recipe card, not halfway through the ingredients. - A sticky header or banner doesn’t cover the top of the card after the jump. - The Print Recipe button opens a clean page with just the recipe. If a sticky header covers the card, the fix is usually a small scroll offset in your theme settings or CSS. ## Make the recipe card worth jumping to The button only helps if the card it lands on is easy to cook from. That means ingredients in the order you use them, short steps with one action each, times, servings and a few clear notes. A good card also gives readers tools at the stove. Scrumptious cards include servings scaling, US/metric conversion, cook mode to keep the screen awake, and tap-to-tick ingredients and steps. See [reader features](https://scrumptiouswp.com/help/reader-features/) for the details, and [print view](https://scrumptiouswp.com/help/print-view/) for the printer-friendly page. For the writing side, our guide on [writing recipes like a professional kitchen](https://scrumptiouswp.com/guides/write-recipes-like-a-chef/) covers how to make a recipe easy to follow on the first try. ## Quick recap - A jump to recipe button is an anchor link to your recipe card. - Put it near the top, where it shows without scrolling on a phone. - Use a plain label like “Jump to Recipe”, and add one button per post. - Let your recipe plugin add it automatically, or build one with an HTML anchor and a Buttons block. - Test on a phone, and make sure the card it lands on is worth the trip.