Add to Cookidoo Widget

The Add to Cookidoo Widget lets people add a recipe to their Cookidoo recipe list.

Registration

Add the following snippet to your page to initialize the widget:

<script type="module" async
  src="https://assets.cookidoo.io/a2c/a2c.js"
  ></script>

Afterwards you can use this code on your recipe pages to render the widget:

<add-to-cookidoo
  partner-id="your-partner-id"
  market="cookidoo.de"
></add-to-cookidoo>

Setting	Description
partner-id	The partner identification string provided by Cookidoo after registration.
market	`cookidoo.de`,`cookidoo.fr`,`cookidoo.co.uk`… Caution: Only markets for which your partner-id was registered for are supported

Setting	Description
lang	By default, the widget language will be taken from the closest parent which specifies the `lang` attribute, usually the HTML document itself. Further details are available at developer.mozilla.org. Sample values: `en-US`, `de-DE`, `es-ES`, `fr-FR` Render the widgets on this page with a custom language:
recipe-url	Allows specifying a custom URL instead of the current page. Helpful when multiple recipes and widgets are displayed on a single page.

You can define theme using one of following values cookidoo(default), dark and light

Example	Code
	`<add-to-cookidoo theme="cookidoo" … >`
	`<add-to-cookidoo theme="light" … >`
	`<add-to-cookidoo theme="dark" … >`

You can define type using one of following values multi-line(default), single-line and icon

Example	Code
	`<add-to-cookidoo type="multi-line" … >`
	`<add-to-cookidoo type="single-line" … >`
	`<add-to-cookidoo type="icon" … >`

You can define size using one of following values medium(default), large and small

You can apply custom styles using one of following parameters: width, height and justify-content

Code:

<add-to-cookidoo width="100%" height="50px" justify-content="center" ...>

Example:

Code:

<add-to-cookidoo type="teaser" ...>

Example: