You require a partner id to use the Add to Cookidoo Widget on your site: You can request one by mail.
Add the following snippet to your page to initialize the widget:
<script type="module" async
Afterwards you can use this code on your recipe pages to render the widget:
If you don't specify the recipe-url parameter the Add to Cookidoo Widget will transmit the URL
of the current page. Options like
type="single-line" are used to style the widget
The widget is available in three different themes:
dark which can specified by the
|Using the Cookidoo theme
|Using the light theme
|Using the dark theme
Different shapes can be specified by the
|Using the light theme together with square corners
|Using the Cookidoo theme as single-line type
|Using the dark theme as squared cornered icon
|Using the Cookidoo theme as circle icon
|There is also a teaser widget available
Must be provided
|The partner identification string provided by Cookidoo after registration.
Must be provided
Caution: Only markets for which your partner-id was registered for are supported
| 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.
|Allows specifying a custom URL instead of the current page. Helpful when multiple recipes and widgets are displayed on a single page.
| Supported types
| Supported options:
The relative size of the widget can be influenced by the
--a2c-widget-font-size CSS variable, e.g.
<add-to-cookidoo style="--a2c-widget-font-size: 14px" … >
|Allows to increase or decrease the widget dimensions by adapting the base font size. Default value is 16px