Skip to main content
Umožněte návštěvníkům vašeho webu jednoduše spočítat návratnost investice do fotovoltaiky s chytrým řízením Cubee pomocí našeho vložitelného kalkulátoru. Stačí aktivovat přístup a vložit krátký kód na vaši stránku.

​
Náhled kalkulátoru

​
Aktivace iframe kalkulačky

Před vložením kalkulačky do vaší webové stránky je nezbytné nejprve aktivovat přístup. Kvůli bezpečnostním omezením (CORS) nám prosím zašlete následující informace:
  • URL, na které bude kalkulačka umístěna (např. https://www.vasespolecnost.cz)
  • Vaše IČO
Údaje pošlete na email info@cubee.cz
Po obdržení těchto údajů aktivujeme kalkulačku pro váš web a povolíme doménu pro přístup. Pro zobrazení kalkulátoru na vašem webu použijte následující kód. Vložte jej do HTML kódu vaší stránky, kde chcete kalkulátor zobrazit. Nezapomeňte nahradit {IČO} vaším IČO.
HTML kód pro vložení kalkulačky
<div id="cubee-calculator-container" style="width: 100%; max-width: 800px; margin: 0 auto;">
  <iframe
    id="cubee-calculator-iframe"
    src="https://cubee.cz/embed/calculator/{ICO}"
    width="100%"
    frameborder="0"
    style="border: none;">
  </iframe>
</div>
Nezapomeňte nahradit {ICO} vaším skutečným IČO, např. 12345678. Ičo by mělo být bez mezer.
JavaScript pro přizpůsobení výšky a zachycení odeslání
window.addEventListener('message', function(event) {
    // Ověření, že zpráva pochází z  domény cubee
    if (event.origin !== "https://cubee.cz") return;

    // Automatické nastavení výšky iframe
    if (event.data.type === 'setHeight') {
        const iframe = document.getElementById('cubee-calculator-iframe');
        if (iframe) {
            iframe.style.height = event.data.height + 2 + 'px';
        }
    }

    // Zpracování odeslaného formuláře
    if (event.data.type === 'calculatorSubmit') {
        const email = event.data.email;
        console.log(email);
    }
});
Tento skript vložte na stránku pomocí <script> tagu.

​
Časté dotazy

Ano, můžete. Stačí nám při aktivaci zaslat všechny URL adresy, kde bude iframe nasazen, a my je přidáme mezi povolené zdroje (CORS whitelist).
Kalkulačka běží v sandboxovaném iframe, takže ji nelze ovlivnit pomocí stylů z vaší stránky. Můžete ale stylovat její obalový kontejner (div) – například šířku, zarovnání nebo ohraničení.
Ano, iframe odešle událost přes postMessage s typem calculatorSubmit. Událost obsahuje email zadaný uživatelem, který můžete dále zpracovat např. odesláním na vlastní backend.
Ano. Pro optimalizaci načítání můžete do iframe elementu přidat atribut loading="lazy":
<iframe loading="lazy" ... ></iframe>
Kalkulačka je vždy načítána z našich serverů. Veškeré změny a aktualizace se projeví automaticky bez potřeby zásahu z vaší strany.
Ano. Pro účely vývoje je automaticky povolen přístup z následujících domén:
  • localhost
  • localhost:3000
  • localhost:5173
  • 127.0.0.1 Díky tomu můžete iframe snadno testovat i v lokálním vývojovém prostředí (např. při použití Reactu, Vite, Next.js apod.).
⚠️ Po nasazení na produkční doménu je nutné nám tuto doménu nahlásit, jinak se iframe z bezpečnostních důvodů nezobrazí (CORS).
⌘I