Upgrading to New Recipe Kit Widget

Short answer for most stores: there is nothing to do.

If you installed with an app block

You are already on the current widget. Nothing to upgrade.

That includes stores using the block named Recipe Kit (Classic). It was the original block, and it now renders exactly the same recipe card, with exactly the same settings, as the block named Recipe Kit. We kept the old name so themes that already referenced it carried on working, and swapped what it renders underneath. You got the new widget without touching anything.

You can leave Classic where it is. Removing it and adding the other block changes nothing and risks losing your block position on the template.

If you pasted a Liquid snippet into your theme

This is the one case that needs action, and only if you are on the original snippet, recipekit.liquid, rather than recipekit-svelte.liquid.

Check Online Store > Themes > Actions > Edit code, under Snippets. If you have recipekit.liquid and your blog post template calls {% render 'recipekit' %}, here is how to move over.

Step 1: Add the new snippet

1. Under Snippets, click Add a new snippet
2. Name it recipekit-svelte.liquid
3. Copy the contents from the recipekit-svelte.liquid gist and paste them in
4. Save

Step 2: Swap the render tag

In your blog post template, replace:

{% render 'recipekit' %}

with:

{% render 'recipekit-svelte' %}

The render tag in a custom Liquid block in the theme editor.

Step 3: Check, then clean up

Reload a blog post with a recipe on it. Once you are happy the card renders correctly, you can delete the old recipekit.liquid snippet and the recipekit.css asset.

Your recipes, settings, translations and blog post links all carry across untouched. There is nothing to reconfigure.

What you gain

• The widget loads from our CDN and updates itself, so fixes and new features arrive without you doing anything
• Recipes can display on any page, not just blog posts, when you use the app block with a Recipe ID
• Faster rendering and no layout shift while the card loads

What's next

• Setting Up the Recipe Widget - Full installation and settings
• Widget Not Showing - If something breaks after the swap