Zaloguj się
DEWELOPERZY

Widget na stronę

Pełny kalkulator zapotrzebowania cieplnego osadzony u Ciebie jednym znacznikiem HTML.

WŁASNY ZNACZNIK · SHADOW DOM

Pełny kalkulator na Twojej stronie

Odwiedzający przechodzi siedem kroków bez opuszczania Twojej witryny. Wynik otwiera się w nowej karcie pod wskazanym adresem.

Zarejestruj stronę Zobacz, jak to działa
TAG<policzcieplo-kalkulator-ozc>
  • 7 kroków kreatora
  • Wynik w nowej karcie
  • Zdarzenie viewresult
Niebieska maskotka PoliczCieplo trzyma okno przeglądarki z kalkulatorem.
Dla odwiedzającego

Kalkulator od pierwszego pytania do wyniku

Pełny proces działa na Twojej stronie, a wynik otwiera się pod adresem wskazanym w konfiguracji.

  • Pełny kreatorSiedem kroków prowadzi przez typ budynku, lokalizację, konstrukcję, wymiary, przegrody, wentylację i ogrzewanie.
  • Lokalizacja bez blokadyGdy nie podasz klucza Google Maps, krok lokalizacji przełącza się na OpenStreetMap zamiast zgłaszać błąd.
  • Wynik w nowej karciePo zakończeniu obliczeń wynik otwiera się pod adresem z atrybutu result-host-url. Twoja strona zostaje w poprzedniej karcie.
  • Robocza wersja formularzaWidget zapisuje roboczą wersję formularza w localStorage Twojej strony, żeby odwiedzający nie tracił postępu.
Dla kogo

Gotowy kalkulator tam, gdzie klienci już szukają odpowiedzi

Widget sprawdza się wszędzie, gdzie pełny proces ma być dostępny bez budowania własnego interfejsu kalkulatora.

  • InstalatorDodaj kalkulator do strony usług i pozwól odwiedzającemu przejść pełny proces.
  • Firma budowlanaUmieść kalkulator przy ofercie budowy lub modernizacji domu.
  • Portal branżowyRozszerz poradnik o działające narzędzie osadzone bezpośrednio w treści.
  • Doradca energetycznyUdostępnij klientom siedmiostopniowy proces przed rozmową.
  • Producent urządzeńDodaj kalkulator do sekcji edukacyjnej lub produktowej swojej witryny.
Wdrożenie

Od adresu strony do działającego znacznika

Rejestrujesz adres, kopiujesz wygenerowany kod i wklejasz go tam, gdzie ma pojawić się kalkulator.

  1. Zarejestruj stronęDodaj dozwolone adresy. Jedna zarejestrowana strona może obejmować do dziesięciu adresów.
  2. Skopiuj snippetPanel generuje kod z publicznym kluczem w formacie pc_... i właściwymi adresami usług.
  3. Wklej kodUmieść fragment w swoim CMS lub szablonie. Zaplanuj dla widgetu wysokość około pełnego ekranu, nie mniej niż 600 px.
<script src="https://embed.policzcieplo.pl/v1/policzcieplo-kalkulator.js" defer></script>
<policzcieplo-kalkulator-ozc
    public-key="pc_..."
    api-base-url="https://policzcieplo.pl/api"
    result-host-url="https://policzcieplo.pl"
    lang="pl">
</policzcieplo-kalkulator-ozc>
Zarejestruj stronę Poznaj kontrakt osadzenia
Po kalkulacji

Twoja strona zachowuje kontekst, wynik otwiera się obok

Widget kończy proces przewidywalnym zdarzeniem i adresem wyniku.

  1. OdwiedzającyWchodzi na Twoją stronę.
  2. Kreator w widgeciePrzechodzi siedem kroków.
  3. viewresultZdarzenie informuje Twoją stronę.
  4. Wynik w nowej karcieRaport otwiera się pod Twoim adresem.

Zdarzenie bąbelkuje i przechodzi przez granicę Shadow DOM, więc Twoja strona może je przechwycić i policzyć we własnym systemie.

Klucz i adres

Klucz jest publiczny. Ochronę daje dopiero para.

Klucz pc_... znajduje się w źródle Twojej strony i jest jawny z założenia. Widget uruchamia go wyłącznie razem z adresem umieszczonym na liście dozwolonych.

Przejdź do Twoich stron
  • Do dziesięciu adresówJedna zarejestrowana strona obejmuje do dziesięciu dozwolonych adresów.
  • Tryb deweloperskiLocalhost działa przez 30 dni, więc przetestujesz osadzenie przed publikacją.
  • Obrót kluczaWygenerujesz nową wartość, gdy poprzednia przestanie Ci odpowiadać.
  • Unieważnienie stronyZnacznik przestaje działać natychmiast po unieważnieniu.
Inna potrzeba

Widget nie musi być jedyną drogą

Dla własnego frontenduREST APISięgnij po API, gdy własny frontend lub backend potrzebuje wyniku w formacie JSON.Poznaj API Osobna integracjaWebhooki leadoweNiezależna ścieżka przekazywania zdarzeń leadowych. Nie jest częścią osadzenia widgetu.Skonfiguruj webhooki W przygotowaniuIntegracje AISprawdź kierunek integracji z narzędziami AI opisany w osobnej sekcji panelu.Sprawdź status
Gotowy na pierwszy test?

Zarejestruj adres i wklej jeden znacznik

Panel wygeneruje gotowy snippet. Ty wybierasz miejsce na stronie i zapewniasz widgetowi co najmniej 600 px wysokości.

Zarejestruj stronę Zobacz, jak to działa
portal działa dzięki