How to Enable “Add to Cart” Button for Ingredients (WooCommerce)

The WooCommerce Shoppable Recipes feature allows you to turn recipe ingredients into purchasable items directly from your recipe card. Once enabled, each linked ingredient will display an “Add to Cart” button, making it easier for your readers to buy what they need.

Note: This feature is available only in the Professional and Business plans of the Recipe Card Blocks plugin.

Step 1: Set Up WooCommerce and Products

Before linking ingredients to products:

1. Install and activate WooCommerce on your website.
2. Add your ingredients as individual products in your WooCommerce store. You can add both simple products and external/affiliate products.

See also:
WooCommerce: Adding a Simple Product →
WooCommerce: Adding an External/Affiliate Product →
What Is WooCommerce? Understanding the Basics →

Step 2: Link Products to Ingredients

1. Create a new recipe or edit an existing one that includes ingredients.
2. In the Ingredients section of the recipe editor, add the amount, unit, and name for each ingredient.
3. Click the shopping cart icon next to an ingredient to open the product linking popup.
4. Search for and select the product you want to link.
5. Click Link Product to attach it to the ingredient.
6. Repeat for all other ingredients you’d like to link.

Once linked, the ingredient will show an Add to Cart button on the published recipe card.

See also:
How to Create Recipes with Schema.org Markup

Step 3: Customize WooCommerce Integration Settings

Additional options are available in Recipe Cards → Settings → WooCommerce

Here, you can:

• Enable/disable the “Add All Ingredients to Cart” button
• Enable/disable cart redirection after clicking “Add All Ingredients”
• Choose button color

Final Step: Publish Your Recipe

After linking your products, publish or update your recipe. The Add to Cart buttons will appear automatically for each linked ingredient.