Installation Guide

Installation Guide

Get Recipe Kit installed and running on your Shopify store.

Step 1: Install from Shopify App Store

1. Visit the Recipe Kit app page in the Shopify App Store
2. Click Add app
3. Review the permissions and click Install app
4. Select a plan (Essentials, Advanced, or Enterprise)
5. Your 14-day free trial begins immediately with no charge
6. You'll be redirected to Recipe Kit in your Shopify admin

Cancel anytime during the trial period. See Subscription Plans for plan details and pricing.

Step 2: Add Recipe Kit to Your Theme

Recipe Kit displays recipes on your blog posts using Shopify's Theme App Extension.

For Online Store 2.0 Themes

1. Go to Online Store > Themes > Customize
2. Select Blog posts > Default blog post from the page dropdown
3. Click Add block in the main content section
4. Select Recipe Kit from the app blocks list
5. Click Save

For Vintage/Legacy Themes

If your theme doesn't support app blocks, you'll need to manually add Recipe Kit files to your theme:

Step 1: Add the CSS file

1. Go to Online Store > Themes > Actions > Edit code
2. Under Assets, click Add a new asset
3. Create a new file named recipekit.css
4. Copy the contents from: recipekit.css
5. Save the file

Step 2: Add the snippet file

1. Under Snippets, click Add a new snippet
2. Name it recipekit.liquid
3. Copy the contents from: recipekit.liquid
4. Save the file

Step 3: Add the render tag

1. Find your blog post template (usually article.liquid  or templates/article.liquid )
2. Add the following where you want recipes to appear:

{% render 'recipekit' %}

1. Save the file

Step 3: Create Your First Recipe

1. Open Recipe Kit from your Shopify admin apps
2. Click Create Recipe
3. Fill in the basic details:
   • Recipe title
   • Description
   • Prep time and cook time
   • Servings
4. Add ingredients and directions
5. Upload a recipe image
6. Click Save

Step 4: Link Recipe to a Blog Post

Recipes display on blog posts. To link them:

1. In Recipe Kit, open your recipe
2. Go to the Resources tab
3. Search for and select a blog post
4. Save the recipe

When customers view that blog post, your recipe card appears automatically.

Verify Installation

To confirm everything is working:

1. Visit a blog post that has a linked recipe
2. You should see the recipe card displayed
3. Try clicking Print, Share, or other recipe actions

Troubleshooting

If the recipe card doesn't appear:

• Ensure the recipe status is Published (not Draft)
• Check that the blog post is linked in the Resources tab
• Verify the Recipe Kit block is added in your theme customizer
• Clear your browser cache and refresh

For more help, see Widget Not Showing or Contact Support.

What's Next?

• Creating Recipes - Learn all recipe editing features
• Recipe Card Templates - Choose your card design
• Customizing the Recipe Card - Match your brand
• Linking Products to Recipes - Enable shoppable ingredients