preloading the font
BonAPI | iFrame
BonAPI-logo

Your own Plugin

The BonAPI iFrame is a smooth and hassle-free way to bring the Ingredient Alternatives Widget into your website and offer your users a quick way to find suitable replacements for an ingredient. The iFrame can be customized with your logo, colours as well as your fonts to make sure that it goes well with the rest of your website content.
This is the easiest way to integrate the BonAPI technology in your website, all it takes is the following one line of HTML code:

<iframe width="800" height="400" src="https://bon-api.com/iframe/<YOUR_WIDGET_ACCESS_CODE>"></iframe>

Check out the Ingredient Alternatives Widget documentation for more information on how to integrate it with your app or website.

Here you can find a fully working Alternatives Finder Demo, all of which can be made available through the Ingredient Alternatives Widget.
Below is a working example of how an iframe could look. Besides English, the iFrame is also available in German, French*, Italian*, Spanish*, Dutch* and Latvian*. These* languages are still in development and experimental.

If you are interested in learning more about the BonAPI iFrame, its pricing or would like to request further customizations, drop us a message!