At the end of the header <head> add the code (once only):

<script src="https://optimagas.com/plugins.js"></script>

1. In the place where you want THE PLUGIN to appear to add:

<script>new OptimaCalculator();</script><div id="optima"></div>

2. To include additional options, run the class OptimaCalculator arguments (given default), eg .:

new OptimaCalculator({id:'optima', lang:'en', width:'320px', height:'400px'});

1. In the place where you want the plugin to appear to add:

<script>new OptimaDistance();</script><div id="optima"></div>

2. To include additional options, run the class OptimaDistance arguments (given default), eg .:

new OptimaDistance({id:'optima', lang:'en', width:'320px', height:'400px'});

1. In the place where you want the plugin to appear to add:

<script>new OptimaSystem();</script><div id="optima"></div>

2. To include additional options, run the class OptimaSystem arguments (given default), eg .:

new OptimaSystem({id:'optima', lang:'en', width:'320px', height:'400px'});

id:: id attribute element of the container in which the plugin will be displayed
lang:: the language in which the plugin will be displayed. Available: fr, en, es, ru
width:: width of the plug-in pixels, px ‘ or percentage,%’ (min. is 320pxfor Calculator and 400px for Distance)
height:: the height of the plug-in pixels, px ‘or percentage,%’ (min. is 400px and 395px for Calculator for Distance)

Optima Plugins