BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off

Recipe Card block guide

Free

How to add the Recipe Card block and what every setting does. It is free in Bright Addons Blocks Library on WordPress.org, and Bright Addons Blocks Pro includes it too.

Start

Add the block

A recipe with times, servings, ingredients to tick off, steps, notes, a print button and Recipe schema.

  1. Install the plugin

    Install Bright Addons Blocks Library from Plugins > Add New (search “Bright Addons Blocks”), or use Blocks Pro, which includes it.
  2. Add the block

    Open a page or post in the block editor, press +, and search for “Recipe Card”. It is in the Bright Addons category.
  3. Set it up

    Open the block sidebar and work through Recipe, Times and servings, Ingredients, Steps and notes and Print, labels and schema and the other panels.
  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Panel 1 of 6

Recipe

Open the block sidebar and find the Recipe panel.

Setting What it does Choices
Recipe name Text you type. –
Name tag Choose one. H1, H2, H3, H4, H5, H6, div, p
Short description Text you type. –
Image Image from the Media Library. –
Image position Choose one. Above, Beside the name
Author Leave empty to use the post author. –

Panel 2 of 6

Times and servings

Open the block sidebar and find the Times and servings panel.

Setting What it does Choices
Prep time (minutes) A number. –
Cook time (minutes) A number. –
Extra time (minutes) A number. –
Extra time label For example Resting, Chilling or Rising. The total adds all three. –
Servings Text you type. –
Calories per serving 0 hides it. A number. –
Course Text you type. –
Cuisine Text you type. –
Difficulty Choose one. Do not show, Easy, Medium, Hard
Keywords Separated by commas. Used in the schema only. –

Panel 3 of 6

Ingredients

Open the block sidebar and find the Ingredients panel.

Setting What it does Choices
Heading Text you type. –
Ingredients A list you can add to, remove from and reorder. Each item has: ingredient and group heading. –
Tick off while cooking On or off. –

Panel 4 of 6

Steps and notes

Open the block sidebar and find the Steps and notes panel.

Setting What it does Choices
Heading Text you type. –
Steps A list you can add to, remove from and reorder. Each item has: step title (optional), step and step photo (optional). –
Notes heading Text you type. –
Notes Simple HTML such as <strong> and links is allowed. –

Panel 5 of 6

Print, labels and schema

Open the block sidebar and find the Print, labels and schema panel.

Setting What it does Choices
Print button On or off. –
Print button text Text you type. –
Label: prep Text you type. –
Label: cook Text you type. –
Label: total Text you type. –
Label: servings Text you type. –
Label: calories Text you type. –
Add Recipe schema (JSON-LD) Search engines need a photo: the recipe image, else the featured image, else the site logo. Use it once per recipe. –
Recipe video link (optional) Link address. –
Average rating 1-5 (optional) Only ratings real visitors gave. Both rating fields are needed. A number. –
Number of ratings (optional) A number. –

Panel 6 of 6

Colors

Open the block sidebar and find the Colors panel.

Setting What it does Choices
Accent Color picker. –
Card background Color picker. –
Times background Color picker. –

Questions

Good to know

Is the Recipe Card block free?

Yes. Recipe Card is one of the 62 free blocks of Bright Addons Blocks Library on WordPress.org. Bright Addons Blocks Pro includes it as well.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Can I animate it?

Yes. Open Entrance animation in the sidebar and pick one of 40 animations with its duration and delay. Visitors who prefer reduced motion see no animation.

Bright Addons Blocks

Build with every block

Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.