Hi folks! I'm Patrick. I've been a Shopify Expert developer for the past 4 years.
A few months back I began working on a solution for store owners to start posting recipes from their business onto their Shopify blog. I knew that recipes were a fantastic marketing opportunity for stores, and I have had a ton of new clients recently looking to begin writing food recipes for their blog.
Recipes are extremely useful content tools for e-commerce stores. Posting great-tasting recipes on a consistent basis will get new and old customers coming back again and again to your Shopify store. As customers grow to trust your brand, they will discover your products and are likely to purchase products from you as you have already established a sense of trust with them through your delicious recipes!
You can see what this guide's example recipe looks like via this page - https://recipekit.app/blogs/recipes/my-favourite-mac-cheese-recipe
Now, let's get into the guide!
1. Create A "Recipes" Blog
While Shopify does not have any built in structure for a recipe blog setup; we can use the platform's blog system to organize a simple to understand recipe system for easy access by your customers.
First things first; get started by creating a new Blog in Shopify called "Recipes". You can do this by navigating to your Shopify store's admin page; clicking "Online Store" > "Blog Posts" > and then clicking "Blogs" in the top left corner of the page. Click "Add Blog" and then enter your blogs name in the new page:
Make sure you click save!
2. Add the Recipe blog to your store's navigation
Now that the recipe blog is created; make sure your customers can find it by adding it to your store's main navigation. Simply add a new navigation item to the Shopify navigation page and direct it to your new "Recipes" blog page!
3. Create a new recipe blog post, include it in the "Recipes" blog
We will be adding individual blog posts to Shopify, each one with a specific recipe added to them. Since our recipe card content will be created by Recipe Kit (step #4), the blog post we create now will be used for extra information and SEO-friendly content. We will leave the recipe details (ingredients, directions, servings, etc) to the recipe card design later on!
Navigate back to your Shopify Admin's "Blog Posts" page. Click "Add Blog Post" in the top right corner. In this blog post, you will want to write an SEO-friendly title that customer's will discover the post with, write some content about the recipe.
Food bloggers like to add a great deal of content before the recipe card itself; this is your opportunity to tell a store about the recipe, why it was created, why it is good, etc. This blog post text is incredibly useful for Google results!
Enter your blog posts title, for example: "My Favourite Mac and Cheese Recipe!", then enter your post content in the box below.
Ensure that you add the new post to the "Recipes" blog. Do this on the right hand side of the page under the "Blog" heading.
Click save and continue to the next step!
4. Install Recipe Kit on your Shopify store
Recipe Kit is a Shopify app that helps you skip all the pain and hassle of manually creating recipes in Shopify. Create a beautiful recipe, show up in Google's rich snippet recipe cards, attach your Shopify products to ingredients, and do it all with no coding necessary!
Recipe Kit super easily connects to your store's blog posts (like the one we just created in step #3), making this whole process very simple!
To install Recipe Kit, simply navigate to the Shopify App Store Listing here: https://apps.shopify.com/recipe-kit
Check out Recipe Kit's feature list here for some more reasons why it is the ideal solution for recipes on Shopify.
The short list of features is:
Click "Install App", login to your Shopify store, and then follow the app's super simple setup guide to get started!
5. Choose and customize your recipe card design
Recipe Kit comes with various recipe card designs that are gorgeous from the get go, that work with every single Shopify theme. Show off your delicious recipe with stunning designs that are print-friendly and easy to use for readers while in the kitchen!
To select a design, during the app installation you will be brought to the "Choose Recipe Design" page (shown in below screenshot). Simply click on the design you like best, change the border and design colours as necessary to fit your brand, and then click Save / Next Step!
New recipe card designs are released monthly, so keep checking back to try out the new designs and features!
You can change your recipe card design at any time by going to "App Settings" in Recipe Kit. Add custom CSS, change the recipe card language / translation, and more from this settings page!
6. Create a recipe card and attach it to a Shopify blog post!
Now that your store's blog structure is setup to accommodate for your yummy recipes, you can get started by creating your first recipe within Recipe Kit!
Click "Create A Recipe" from the Recipe Kit dashboard; and you will be greeted with a blank recipe form.
Start filling out the form with as much recipe information you have (the more the better!). Add a direct, easy to reference recipe title, a short description about the recipe, and the various details about serving size, recipe calories, author, and more!
Make sure you "Select A Blog Post" in the top right hand corner. Clicking this will open a dialog where you can select from your Shopify store's blog posts (for example, the one we created in step #3) and attach the Recipe Kit card to that blog post!
7. Save your delicious new recipe, and then view it live on your Shopify store!
Once your recipe card is connected to a blog post and filled out with all your recipe information; simply click Save in the top right corner (or bottom of the page) and you are complete!
Your Shopify store officially has an organized recipe blog system, SEO optimized recipe rich snippets, social sharing, and of course a beautiful print-friendly recipe card design built in!
To view your lovely new recipe; you can easily click the "View Recipe" button at the top of your Recipe Kit page. This will open a new tab with the URL of your blog post and recipe card.
Here is my example recipe, opened up on the live Shopify store page:
Tada! You are all finished creating a recipe blog system in Shopify!
This is a little article taken from my blog (https://recipekit.app/blogs/blog/how-to-create-and-organize-recipes-on-shopify) - if you want some more info, visit the link above or send me an email at firstname.lastname@example.org and I can answer any questions you may have!
Hope this guide was useful for you!
Thanks for reading
Recipe Kit for Shopify
I'd like to add on that for anyone looking to improve their recipes (blog posts) discovery experience, you can try out Blog Posts Articles Filter PRO which we have built to let sellers setup dropdown filters with article tags for blog posts. We have seen a lot of customers use us for their recipes, so they can set up filters like cuisine style, preparation time, ingredients etc.
Here's a screenshot of what it could look like.
Also, great app, @patrickb . Love how the app gives a professional looking layout for recipes!