Advanced

Optional meta tags for syncing the widget with your page.

Overview

These optional meta tags let you set the starting point the widget opens with: the number of servings, and filters that are switched on by default. Use them to match the widget to your recipe and to your audience, for example an organic blog that always opens on organic products. Every tag is optional and independent, the widget works without them, so add only the ones you need.

Placement

Add the tags inside the <head> of your recipe page. Their values are read when a visitor clicks a supermarket button, so you can change a tag's content at any time, for example when a visitor changes the number of servings on your page.

fiu:yields

What it does: Sets the number of servings the widget opens with, so the shopping quantities match what the visitor sees on your page. Use it to keep this default in sync with a dynamic servings selector on your page. If your page has no such selector, leave the tag out: the widget already opens with the recipeYield from your schema.org markup.
Allowed values: A whole number of 1 or higher, for example 4.
Notes: Requires valid schema.org Recipe markup that also includes a recipeYield. Without it the recipe has no known number of servings and the tag is ignored. When you do use it, it is your responsibility to keep the tag's content in sync with your own servings selector. The value is read at the moment a visitor clicks a supermarket button, so the tag should always hold the number currently shown on the page.

HTML

<meta property="fiu:yields" content="4">

fiu:organic

What it does: Opens the widget with the organic filter already switched on.
Allowed values: true or false.
Notes: Available for all supermarkets. Use it to set a default that fits your brand, for example true on an organic food blog so every visitor starts with organic products selected.

HTML

<meta property="fiu:organic" content="true">

fiu:ah-premium

What it does: Opens the widget with the Albert Heijn Premium filter already switched on.
Allowed values: true or false.
Notes: Only available for Albert Heijn, and ignored for other supermarkets. Use it when you know your audience has an Albert Heijn Premium membership, so they start with their Premium deals and prices applied.

HTML

<meta property="fiu:ah-premium" content="true">