Documentation

How to Use the Zip Recipes Plugin

How to make a recipe post (gutenberg)

1. Once you’ve installed the Zip Recipes Plugin, click “Add New” under Posts (or pages, or any other post type you want the recipe embedded in) on the left-hand navigation bar. When you’re on the “Add New Post” screen you will see this

2. You can start to make a new blogpost now, to go with your recipe. When you are ready to insert the recipe, click on the plus sign in the left hand corner.

How to add a new or existing recipe to your post with Gutenberg editor (for Classic, scroll down)

3. Click on the plus sign in the left hand corner. You will get this screen: Click on Zip Recipes.

If you do not see the zip recipes icon between your most used blocks, then simply click in the search bar and type: zip. The icon will now appear. Click it.

4. On the right hand side of the page the Zip Recipe options will open up now. This looks like this:

view of the screen with Zip Recipe options

Click on “Create and insert recipe” and create your recipe. When you get the following notice:

it means that your blog post is not saved yet, so it is probably best to cancel and first save your draft before continuing. The draft is automatically saved from time to time, so you might not get this notice at all.

If you already have created recipes, you can easily select them at this point.

Making a recipe first, and a blog post later

You can also start to make a recipe from the “recipes” section in the lefthand menu

screen shot of recipe section

Then, once you have created your blog post you can link the right recipe to it. (see ” how to add a new or existing recipe to your post”)

How to make a recipe post (Classic editor)

1. Once you’ve installed the Zip Recipes Plugin, click “Add New” under Posts (or pages, or any other post type you want the recipe embedded in) on the left-hand navigation bar. When you’re on the “Add New Post” screen you will see this

image of new post screen

2. You can start to make a new blogpost now, to go with your recipe. When you are ready to insert the recipe, click on “Create and insert new recipe” When you get the following notice:

it means that your blog post is not saved yet, so it is probably best to cancel and first save your draft before continuing. The draft is automatically saved from time to time, so you might not get this notice at all.

3. If you want to select an existing recipe to go with this post, you can do so just above the create and insert new recipe button

shows where to click to create a new recipe

Making a recipe first, and a blog post later

You can also start to make a recipe from the “recipes” section in the lefthand menu

screen shot of recipe section

Then, once you have created your blog post you can link the right recipe to it. (see ” how to add a new or existing recipe to your post”)

Creating a new recipe (Gutenberg and classic)

Ingredients

  • You can simply add the ingredients, just make sure each ingredient is on a separate line
  • If you are adding a recipe that has a secondary recipe, maybe for a sauce or a glaze, pay special attention. Add ingredients for the main recipe, then start the next line with an exclamation point to create a label, like !For the Sauce. Then, add the ingredients for the secondary recipe.

For an example of such a recipe, see here

Instructions and more

  • Put your instructions also on separate lines. Again, use ! to create the instructions for secondary recipes, like in the example above.
  • If you scroll down, you can also enter more details, like rating, prep time, cook time, serving size and yield. Click the “Save” button when you are done.

You will see a preview of your recipe as you type. Like so:

preview of the add a recipe screen

 

How to change the lay out of your recipes, or change themes

  1. Go to ZipRecipes in your dashboard (left hand side) and click. A new screen opens up where you can choose between several themes. For a preview, see our demo website

Getting back to your post goes like this:

Click on “edit linked post” as is shown here:

When you are satisfied with your post, publish as usual.

Here’s what a recipe will look like in Google search results.

Just like the big recipe sites, such as AllRecipes.com and FoodNetwork.com, your recipes can also show up in the Rich Snippets format within Google Recipe Search with a photo, ingredients, cook time and ratings.

 

How to edit or change a recipe (Gutnberg and classic)

To edit a recipe, you have 2 options.

  1. Start from the recipe overview, in your dashboard under “recipes”. Here you have a list of all your recipes that you can edit, delete or unlink from its post. You can also add new recipes here, and link them to a post later.
  2. Start from the post in question, open it and then click on the recipe block. The recipe options, just like shown under “creating a recipe”, (see above) will be shown on the right hand side.screen with edit recipe options, entered from posts

In Classic, the screen will look like this, but the options are the same:

shows where to edit an image

Adjusting Your Settings

1. From your WordPress dashboard, scroll to halfway and click Zip Recipes on the left-hand side

2. This will open a page called “Zip Recipes Plugin Settings,” and from here you’ll be able to customise the output of your recipe plugin in several ways. Let’s take a look at each. If you choose to make any changes, be sure to click the blue “Save Changes” button at the bottom of the page when you are finished. Any changes you make here will be reflected across all recipes posted on your site using the Zip Recipes Plugin.

  • Custom Print Button. If you changed the look of the Print button (or plan to do so), you’ll need to enter the image URL for the custom button in the space provided. If you plan to use standard Print text link, just leave this field blank.
  • Zip Recipes Plugin Link. If you keep this box unchecked, a line will appear at the bottom of your recipe posts in light colored text that reads “Schema/Recipe SEO Data Markup by Zip Recipes Plugin.”
  • Printed Output: Recipe Permalink. If you leave this box unchecked, the URL for the specific recipe post will appear at the very bottom of the print version of the recipe.
  • Printed Output: Copyright Statement. Here you have the opportunity to enter a copyright notice, the URL for your blog, or anything else you’d like to see appear at the bottom of the print version of your recipe posts.
  • In the Recipe Card look and feel you’ll see Stylesheet. Only uncheck this box if you or a designer are working on a fully customized stylesheet to use with the recipe plugin (most plugin users will leave this box checked).
  • Recipe Title. If you leave this unchecked, you will see a title in the main body of your post. If you check the box, the black title to the left of the “Print” button below will disappear. The title will continue to appear on the print version of your recipes.
  • Print Button. If you leave this unchecked, you’ll see a “Print” button to the right of the recipe title, enabling your readers to print out your recipe as a recipe card.
  • Image Width lets you set the appropriate size to match the width of your blog post. All of your recipe posts will size photos the same way based on this setting.
  • Image Display has two options. First, check the “Don’t show image in post” option box and the image will not appear in your blog post. Second, leave “Don’t show image in print view” checked and the recipe image will not appear when users print out your recipe.
  • Border Style. Here you have the opportunity to add a solid, dotted, dashed, thick solid or double black line around the entire recipe. The default is set to none if you do not wish to have any kind of border around your recipe.
  • Ingredients and Instructions. Here you have the option to change the label (e.g., if you prefer to refer to “Instructions” as “Directions”) or hide the label altogether by checking the “Don’t Show” boxes. Additional options include how the information is displayed: bulleted list, numbered list, etc.
  • In the Other Options section you’ll find options to change labels for rating (premium feature), cook time, yield, notes and more. These are all optional so you don’t need to include any of them in your posts. However, if you want your posts to show up in Google Recipe Search in the Rich Snippets format, you will need to include at least two of the following fields: prep time, cook time, total time, calories,  rating and/or image.

How to create recipes that have multiple parts

Some recipes consist of different parts, like a salad with a dressing, or a a cake with a base, a filling and a topping. If you would just type in all the ingredients in one big list, things will get very confusing and complicated for your readers. With Zip Recipes it is very easy to differentiate between various parts of a recipe.

How to do this:

simply start the line with an exclamation mark. Like so

!For the base:

Then add the ingredients for the base

!For the base:
120 grams digestive biscuits
60 grams 70% dark chocolate
60 gram butter

When you start the next part of the recipe, for instance the filling; again start with an exclamation mark

!For the base:
120 grams digestive biscuits
60 grams 70% dark chocolate
60 gram butter

!For the filling:
180 grams 70% dark chocolate
180 grams butter
1.8 dl single cream
etc

Do this for every different part of your recipe, for the ingredients as well as for the instructions. The result in your post will look like this: (the exact lay out depends on the chosen theme, this theme is “Vanilla”)
For a preview of a complete recipe see Mississipi Mud Pie
preview of a recipe with several parts

Recipe text shows up as bold and very large

You have been adding recipes and loving it. Then bam, you add a recipe and the text appears huge!

Don’t worry, there’s an easy fix. It is caused by inserting a recipe while a headline is selected.

Solution

Steps

To fix it:

1. Click the Zip Recipes placeholder:

2. Click the text format dropdown and select Paragraph:

3. Update or Publish your recipe post.

Video

Here’s a video that shows you how to do that as well:

Change recipe card labels

As plugin authors, sometimes we lack the unique creativity to give things creative names 🤪.

For example, on your recipe card, instead of boring Instructions, you might want to have Directions, or Path to Deliciousness?

Good news: we are currently busy converting this method to change recipe card labels to a new option on the settings page. That means that someday soon you will be able to change labels simply by clicking this option. For now, it is still a bit more complicated. But we will guide you through it step by step:

Steps

Follow these steps to change recipe card labels (i.e. wording) in Zip Recipes:

1. Install and Activate the Loco Translate plugin on your website:

2. Click on Loco Translate on the left hand menu and then Zip Recipesunder Running plugins: section:

3. Now you’ll see a list of languages that Zip Recipes is already translated into.
Important: Do NOT simply edit the language you want to change. This change will be overwritten next time Zip Recipes is updated.

4. If you see your language in the list, click Copy to copy it:

If your language is not in the list — like English (United States) — click New Language instead:

5. Now you choose your language and set the location to Custom.
This is recommended in order to ensure you don’t lose your translation when Zip Recipes or WordPress updates.
Then you click Start translating:

6. Now you’ll see the labels used in Zip Recipes under Source text. To edit a label, click on it and change the translation at the bottom. Once you do that ensure, you click Save:

If the source text has a %d, ensure you add the %d in your translation as well. %d get replaced with numbers. For example %d minutes will become 5 minutes. Same applies for other % symbols like %s.

Once you click Save, you should see the changes in the recipe card right away!

That’s all. Happy cooking!

Saving Recipes to Pinterest, Yummly and BigOven

In order to get the most traffic, you need to spread your recipes far and wide.

Some websites that have garnered a reputation for being recipe hubs are Pinterest, BigOven and Yummly. They each have large communities of people looking for recipes and can be large source of traffic.

In order to appear on these websites, someone has to add your recipes on them. The more people adding your recipes, the more popular your recipes will be and the more visitors they will generate to your website.

Save Recipe Buttons

Zip Recipes provides Save Recipe Buttons for Pinterest, BigOven and Yummly.

This will allow your visitors, with a button click, to add your recipes on these platforms and in turn gain you more visitors.

Setup

The setup could not be simpler.

  1. Go to Zip Recipes > Save Recipe Buttons
  2. Read the terms of the platform you want to enable by clicking on the link. For example Pinterest for Pinterest, click Pinterest's Terms.
  3. Click Enable the Pinterest Pin button for Pinterest or
    Enable the Yummly button for Yummly or
    Enable the BigOven button for BigOven.
  4. Click Save

That’s all. Now all your recipes will have a button to allow your visitors to save to it.