Food blogs
Let readers cook for two or for ten without doing the maths.
Content / widget · Elementor module
Recipe Ingredient List Widget Plugin for Elementor
Show a recipe's ingredients with quantities, units, notes and section labels, and let visitors change the servings to rescale the amounts.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Ingredient quantity listProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Examples
These are the actual published outputs of the widget. The servings buttons work here too.
02 / Inside WordPress
Ingredient list controls in Elementor
Content sets the ingredient and section rows in a repeater, the servings the quantities are for, the servings buttons and label, the layout, list markers and the section label tag. The Style tab covers ingredient, quantity and note styles, lines, section labels and the servings buttons.
03 / Website use cases
Where to use ingredient quantity list
Recipe ingredients are usually typed into a text box, so quantities do not line up, sections such as “For the sauce” are just bold lines, and readers cooking for six have to do the maths themselves. Ingredient quantity list keeps each ingredient as a row with its quantity, unit and note, groups them under real section labels, and adds − and + buttons that rescale every numeric amount, including fractions such as 1½.
Cookery schools
Show class recipes in clear, grouped lists.
Product recipes
Share recipes that use your products, with exact amounts.
04 / Installation and setup
How to add an ingredient list in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Ingredient quantity list in the Complementor library.
Add the widget to a recipe page or post.
Add a row for each ingredient and a section row for each group.
Set the servings and choose whether visitors can change them.
Style the quantities, labels and buttons.
05 / Content and style controls
Customize ingredient quantity list in Elementor
Configure the settings available for this module to suit the page you are building.
Quantity, unit, ingredient and note.
Section labels such as “For the sauce”.
Servings buttons that rescale amounts.
Fractions such as ½ and 1 1/2.
Quantity column or one line.
Real lists for screen readers.
06 / Choose the right approach
Ingredient quantity list and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
A text editor list
Quick to type, but quantities do not line up or rescale.
A full recipe plugin
Adds a whole recipe card system when you only need the ingredients.
07 / Requirements and compatibility
Ingredient quantity list compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Rescales from 1 to 99 servings.
- Does not add recipe structured data or nutrition.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot ingredient quantity list
Check these settings if the published page behaves differently from the editor.
Why does a quantity not change?
Only numbers, fractions and ranges change. Text such as “a pinch” stays as written.
Why are there no − and + buttons?
Set the servings above 0 and turn on “Let visitors change the servings”. The buttons need JavaScript.
Why is a row missing?
Rows without an ingredient are skipped, and sections without ingredients are left out.
Why does 2 eggs become 1.5?
Whole numbers rescale as decimals. Write the amount as a fraction, such as 1/2, to get fractions back.
Ingredient quantity list plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it convert units?
No. It rescales the amounts and keeps your units as written.
Does it change the saved recipe?
No. Visitors change the servings in their own browser only.
Is it accessible?
Yes. It uses real lists, labelled buttons and a spoken update after each change.
Can I use dynamic tags?
Yes. The ingredient field accepts dynamic tags.
10 / Annual All Access subscription
Get ingredient quantity list with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.