< Back to guide overview

Put it on your website

Here we help you put the product into your existing website. As soon as your visitors start engaging with it, you will gather data on their cooking preferences.

Examples

try product example

Step 1

Go to your website editor (like Wordpress, DatoCMS, Drupal, Magento ...)
and copy this code below into an existing or new page.

<style>
.eyf-widget-wrapper {
 /* On big screen: change height and width of the widget */
 min-height: 800px;
}  .eyf-widget-wrapper {
   /* On small screen: change height and width of the widget */
   min-height: 700px;
 }
}
</style>

<div class="eyf-widget-wrapper" style="position: relative; overflow: hidden; max-width: 700px; margin: auto; min-width: auto;">
<iframe allowfullscreen="true" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" src="https://foodwaste.plantjammer.com?api_key=[YOUR_API_KEY]&tagId=[YOUR_TAG_ID]"></iframe>
</div>

Step 2

Replace [YOUR_API_KEY] & [YOUR_TAG_ID] with your credentials. To get your credentials book a personal demo.
This unlocks the ability to receive data among other benefits.
Book a demo
Or, if you want to use the free version, use these credentials. API key: pj.DuSyFTRqpgiYBdpTOmkx8kPoex0 and TagID: 1098
Notice the free version comes without the possibility of getting your own data.

Step 3

Paste the full code (including your credentials) into your code block in your website editor

Step 4

Preview your changes and check that all looks good. Now you can take it live!


That's it! You are now ready to share it with your website visitors!
Need help?
Read our FAQ or reach out to us via the demo form.