Basic Embed
Paste this where you want the widget to appear.
<script
src="https://mealfriend.net/embed/widget.js"
data-mealfriend-widget="checker">
</script>With Options
<script
src="https://mealfriend.net/embed/widget.js"
data-mealfriend-widget="checker"
data-diet="vegan"
data-food="pesto"
data-theme="light"
data-target="new"
data-width="100%"
data-height="360"
data-radius="12">
</script>Supported Options
| Attribute | Values | Default | What it does |
|---|---|---|---|
data-diet | diet slug | lactose-free | Preselects a diet. |
data-food | food name | empty | Prefills the food input. |
data-theme | light, dark | light | Widget color theme. |
data-target | parent, new, self | parent | Where result page opens. |
data-width | CSS width | 100% | Iframe width. |
data-height | number in px | 340 | Iframe height. |
data-radius | number in px | 12 | Iframe border radius. |