Creating recipe cards in Wix Blog is a popular way for food bloggers and businesses to share recipes in an attractive, readable, and interactive format. Recipe cards help organize ingredients, steps, and photos, making your recipes more appealing and accessible for readers.

Step 1 | Add the Blog Recipes app to your site

Wix Blog offers you a built-in third-party app that lets you easily create and add professional recipe cards to your posts. You can add this directly from the post composer.

To add the Blog Recipes app:

1. Go to Blog in your site's dashboard.

2. Click + Create New Post or open an existing post.

3. Click Apps in the panel on the left.

4. Click View app to view the Blog Recipes app.

5. Click Agree and Add.

6. Click Apps in the panel on the left.

7. Click Open App.

8. Click Manage Recipes.

Step 2 | Create a recipe

Once the app is installed, you can start creating your recipe card. This card gives your recipe a clear and structured layout that’s easy for readers to follow and for search engines to understand. Begin by opening the app and filling out each section of the recipe card.

To create a recipe:

1. Choose if you want to create your recipe manually or using AI:
   Create manually:Click +Create a Recipe.
   
   Customize the following tabs:
   Note: You have the option to show or hide any of the tabs by enabling or disabling the Show tab toggle.Header: Add a title for your recipe, and include information about the author, a URL to your profile and a description of the recipe.
   Ingredients: Choose how you want to measure the ingredients and add section titles and the ingredients required in each section.
   Nutrition: Enter the nutritional details for your recipe.
   Instructions: List the instructions for each step of your recipe. Include any relevant images to help show each stage of preparation.
   Notes: Add any relevant notes or tips to help with more complex dishes e.g. sear for 2 minutes on each side.
   Click Save Recipe.
   
   Create using AI:Click Create a Recipe using AI.
   Enter information about your recipe in the Describe Recipe field.
   Click Generate Recipe.
   Review the information in each tab and make any relevant changes.
   Click Save Recipe.
   

Step 3 | Link recipes to specific blog posts

To display your recipe within your blog post, link the recipe card to that specific post. This connection ensures your readers see your recipe exactly where you want it. When you link a recipe to a post, it appears in your blog. If you skip this step, the recipe stays in your recipe list but doesn’t appear in your blog.

To link recipes to posts:

1. Go to Manage Apps in your site's dashboard.

2. Click Open next to the Blog Recipes app.

3. Click the Blog Posts tab.

4. Click the Recipe Template drop-down next to each post.

5. Select the relevant recipe.

6. Enable/disable the toggle to show or hide the recipe on your post.

7. Click Live Preview to preview the recipe in the post.

8. Publish your site.

Step 4 | Customize the app settings

Next, tailor your recipe cards to match your blog’s style. Choose from 3 layout templates to find the look that fits best with your content.

Wix Editor

Studio Editor

1. Go to your editor.

2. Go to your Post page:Click Pages & Menu  on the left side of the editor.
   Click Blog Pages.
   Click Post.
   

3. Click the recipe card element on your post page.

4. Click Blog Recipes Settings Panel.

1. Customize the layout for each section in your recipe card.

2. Click the Animation and Effects icon .

3. Select an animation from the options available.

4. Click Customize and use the options to adjust your animation:Preview: Click Preview to view how the animation looks when applied to the recipe card.
   Duration: Drag the slider to adjust how long you want the animation to play for.
   Delay: Drag the slider to increase or decrease the delay between the page loading and the animation beginning.
   Number of parts: Drag the slider to increase or decrease the number of parts the image is broken into.
   Direction: Click the drop-down and select the direction the animation starts from.
   Motion style: Click the drop-down and select the motion for the animation.
   Shape: Select a shape from the options available.
   Spin: Drag the slider to increase or decrease the number of spins.
   

FAQs

Click a question below to learn more about creating recipe cards for your blog.

Can I edit a recipe after I create it?

Yes. You can edit a recipe at anytime.

To edit a recipe:

1. Go to Manage Apps in your site's dashboard.

2. Click Open next to the Blog Recipes app.

3. Click Edit next to the relevant recipe.

4. Click Save Recipe.

I made changes to the recipe, how can I check the nutritional information is correct?

If you've adjusted anything in your recipe you can go to the Nutrition tab in the recipe card and use AI to help recalculate the nutritional information.

Can I duplicate a recipe I've already created?

Yes. If you’ve already created a recipe and want to make a different version of it, you can duplicate it. For example, to make a vegetarian version, you can duplicate the existing recipe and make the required changes.

To duplicate a recipe:

1. Go to Manage Apps in your site's dashboard.

2. Click Open next to the Blog Recipes app.

3. Click the Duplicate icon  next to the relevant recipe.

4. Click Duplicate.

What happens to my recipe if I unpublish a post?

If you unpublish a post with a recipe in it, the post and the recipe are removed from your live blog. Both the post and the recipe are kept in draft in case you want to reuse them at a later date.

Is there a limit to the amount of recipes I can create and store in the app?

No. There's no limit to the amount of recipes you can create and store in the app.

Can I earn revenue from my recipe cards?

Yes. You can set up subscription plans for your blog recipes and offer exclusive access to your culinary creations. This allows you to give your readers exclusive access and generate income as you share your passion