orthofoodie-widget
v0.4.5
Published
This widget provides a demo of the official OrthoFoodie App
Readme
OrthoFoodie Widget
If you want to include the widget on your website you can copy and paste the following inside your head like so:
<head>
<!-- rest of your imports -->
<script type="module" crossorigin src="https://unpkg.com/orthofoodie-widget@latest/dist/orthofoodie-widget.js" defer></script>
<link rel="stylesheet" crossorigin href="https://unpkg.com/orthofoodie-widget@latest/dist/orthofoodie-widget.css">
</head>Parameters
The widget accepts the following parameters:
| option | type | optional | description | |:-------------|:--------|:---------|:-------------| | affiliate_id | number | ✅ |affiliate_id you get from the affiliate program | | show_widget | boolean | ✅ | if you want to force show the widget in the bottom right corner. (if you have a section/phone it will be false) | | language | string | ✅ | language of widget. value should be a language code (en/nl). Currently only supports english and dutch. |
example:
<script type="module" crossorigin src=".../orthofoodie-widget.js?affiliate_id=123&show_widget=true" defer></script>
Widget types
Mobile
you will need to create an element (div) with a classname of orthofoodie-widget-root-mobile
Section
a seperate section that covers the whole width of the screen, you will need to create an element (div/section) with an classname of orthofoodie-widget-root-section
Widget
if you have neither of the two above, you will have the widget in the bottom right corner