If you visit R&M Cooks regularly, you’ve probably noticed that I recently added a “Just take me to the recipe” button on all my recipe posts! It’s a wonderful feature, and considerate for returning visitors who have come back a second time just for the recipe. This simple three part process makes a difference for your audience.
I’d like to thank The Striped Spatula for being my first introduction to the button with their awesome tutorial!
Some of the biggest names in food blogging use this nifty little button to set their website apart. After all, there are thousands of food blogs out there- and it’s the little details that make a site easier to use that will help a blog succeed. People notice! Pinch of Yum and The Striped Spatula are examples of wildly succesful blogs that use this feature.
Step 1: Creating the Graphic for your button
The button needs to be simple – no frills or furbelows. You should make any text easy to read.
Below, is the graphic I created for my button. I used Canva. I’ve found that for my graphic, 162 x 82 is a great size within a post.
Once you’ve created the graphic, insert it into your post using the Add Media button and resize/center to your liking.
Step 2: Customize
Click on the image, and then on the little pencil button (edit). As shown below, click Link to, and then custom URL.
Paste the URL of the Blog Post, and enter #skiptorecipe after the backslash as shown below.
Step 3: Final Code
You’re on to the last step! Once you’ve created the recipe through a plugin, or typed it, click on the “Text tab” beside the “Visual” tab, and find the code for your recipe card. Paste this code one line before the recipe: <a name=”skiptorecipe”></a>
You’re finished! If you have any issues, or the code is not working, please email email@example.com for troubleshooting. This can also be used for “Skip to Tutorial” buttons as well! Note: The “Just Take me to the Recipe” graphic belongs to R&M Cooks, please contact me if you would like to use it for your own website.