< Back to guide overview

Put it on your website

Here we help you put the product into your existing website.
For customization options (colors, fonts, logo, recipes,...) reach out to us.


This is what you get

Step 1

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

.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;

<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="

Copied !

Step 2

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

Step 3

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?
Want a slightly different recipe experience?
We can quickly adapt to your colors, fonts, recipes, and much more.
Just book a demo or write us