Integration options
You have two options for placing the configurator on your website: the stand-alone or iFrame variant.
Stand Alone Variant:
Here, the Eturnity configurator is placed on your website via a button, which is placed as prominent as possible. This is the easiest way to integrate the configurator on your website.
iFrame Variant:
You can also integrate the Eturnity configurator as a dynamic iFrame into your website. This allows the customer to use the Eturnity configurator directly on your website.
To embed the configurator, the following code can be used with our example configurator as a placeholder:
<div class="iframe-container">
<iframe frameborder="0" style="height: 700px; width: 100%; overflow: hidden;" src="https://cloud.eturnity.io/configurator/example_energy_ag/?embedded=true"></iframe>
</div>
A height of 700px and a width of 100% are recommended. This can be changed individually in the code if the recommended size does not fit the website.
By using the embedded variant the logo, unlike in the full version, it is not displayed within the iframe window and thus adapts to the website environment.
Notice:
The embedding of the solar or heating calculator differs from the embedding of the configurator. Please refer to the corresponding article on the integration of the calculator for details.
Clever placement for more leads
To exploit the full potential, the Eturnity configurator must be integrated as prominently and visibly as possible on the website. This way, visitors see the Eturnity configurator at first glance and benefit from the simple and quick initial consultation, while you benefit from pre-qualified leads.