1. Snipper de uien en snijd de wortelen en bleekselderij fijn. Verhit de olijfolie in een ruime braadpan en fruit de groenten met de knoflookteentjes zachtjes aan.
2. Voeg het gehakt toe en bak rul. Verkruimel de bouillonblokjes erboven en laat een minuut meebakken.
3. Voeg de passata en oregano toe en laat minstens een half uur pruttelen. Roer op het laatst de melk erdoor en kook intussen de spaghetti beetgaar.
4. Serveer met geschaafde Parmigiano Reggiano.
Voor het klassieke Italiaanse toetje van Marije heb je maar zes ingrediënten nodig. Dit widget staat los van het recept hierboven: de personen-knop van de pagina stuurt hem niet aan, dus hij toont zijn eigen teller.
Eén scripttag in je recepttemplate en de prijsvergelijkbalk verschijnt eronder — met wat het recept per supermarkt kost en een knop die de lezer met een gevulde lijst naar WinkelDaar stuurt. Hieronder de stappen.
Elke balk draait op een geregistreerde partnersleutel (data-key). WinkelDaar geeft die uit: hij koppelt de balk aan jouw domein en houdt de prijs-API dicht voor onbekende sites. Deze demopagina gebruikt prt_demo_winkeldaar.
Voeg de tag één keer toe aan het template van je receptpagina — niet per recept. embed.js is één klein bestand op winkeldaar.nl; async houdt je pagina snel. De balk verschijnt precies op de plek van de tag, dus zet hem waar je hem wilt tonen: onder de ingrediëntenlijst of in een zijbalk.
<script async src="https://winkeldaar.nl/embed.js"
data-key="prt_demo_winkeldaar"
data-servings="4"
data-base-servings="4"
data-items='[{"t":"spaghetti","m":1},{"t":"rundergehakt","m":1},{"t":"passata","m":1}]'></script>
data-items is een JSON-lijst. Per ingrediënt:
t — de zoekterm zoals een boodschapper hem zou typen (gewoon Nederlands).m — het aantal verpakkingen bij de basisportie (standaard 1).Genereer die lijst uit de gestructureerde ingrediëntvelden van je receptplugin (WP Recipe Maker, Tasty Recipes …), niet met de hand — anders loopt de balk uit de pas met het zichtbare recept.
Wees specifiek: tarwebloem en halfvolle melk matchen scherper dan bloem of melk.
data-base-servings is het aantal personen waarvoor m geldt; data-servings is het aantal dat nú geprijsd wordt. De balk schaalt elk item met porties ÷ basisporties en rondt af op hele verpakkingen. Laat je data-base-servings weg, dan raken porties de mand niet.
Heeft je pagina al een personen-teller of een winkelfilter? Stuur die naar de balk. Zodra je dit koppelt, verbergt de balk zijn eigen teller/filter en volgt hij jouw pagina.
WinkelDaarEmbed.setServings(6); WinkelDaarEmbed.setStores(["dirk", "jumbo"]);
Op een overzichtspagina met meerdere recepten geef je elke tag een data-embed-id en spreek je één balk aan via WinkelDaarEmbed.get(id). Eén balk per pagina heeft geen id nodig.
WinkelDaarEmbed.get("bolognese").setServings(6);
embed.js uit van samenvoegen/inline én van 'uitstellen tot interactie'. Samenvoegen sloopt de data-*-velden; uitstellen laat de balk te laat verschijnen.<script> in de berichttekst plaatsen. Vandaar: op templateniveau.De balk verdwijnt vanzelf als er geen prijs te tonen is — je pagina toont nooit een foutmelding. Hij zet geen cookies, bewaart niets en is volledig in het Nederlands.