Бесплатный виджет для сайтов об окнах, дверях и ремонте в Испании. Ваши посетители задают бюджет, провинцию и тип жилья и видят честную чистую стоимость после региональной субсидии и вычета IRPF — тот жекалькулятор, что работает на Estimia, обновляемый нами и отдаваемый с нашей инфраструктуры.
Вставьте это туда, где должен появиться калькулятор. Это вся интеграция — без ключа API, без шага сборки, без cookies на вашем домене.
<!-- Estimia — Калькулятор субсидий для окон -->
<div class="estimia-widget-container">
<div data-estimia-widget="subsidy-calculator" data-lang="ru"></div>
<script async src="https://estimia.es/widget/subsidy-calculator.js"></script>
<div style="font-family:sans-serif;font-size:12px;text-align:right;margin-top:6px;">
<a href="https://estimia.es/ru/tools/subsidy-calculator/" target="_blank"
style="display:inline-flex;align-items:center;gap:5px;color:inherit;font-weight:600;text-decoration:none;">
<img src="https://estimia.es/assets/images/favicons/favicon.svg" alt="Estimia" width="14" height="14" />
Calculator provided by Estimia
</a>
</div>
</div>| Атрибут | Значения | Что делает |
|---|---|---|
data-lang | "es" (по умолчанию) · "en" · "ru" | Язык интерфейса калькулятора и строки атрибуции. |
data-theme | "light" (по умолчанию) · "dark" · "auto" | "auto" следует настройке ОS посетителя. Выберите значение под свой сайт — у виджета нет собственного оформления, поэтому он вписывается. |
data-province | slug провинции, напр. "madrid" | Предвыбирает провинцию. Slug — это названия провинций в нижнем регистре без диакритики. Неизвестные slug игнорируются.Все поддерживаемые значенияAndalucía: Aragón: Canarias: Cantabria: Castilla y León: Castilla-La Mancha: Cataluña: Ceuta: Comunidad de Madrid: Comunidad Foral de Navarra: Comunitat Valenciana: Extremadura: Galicia: Illes Balears: La Rioja: Melilla: País Vasco: Principado de Asturias: Región de Murcia: |
data-lock-province | присутствует / отсутствует | Фиксирует калькулятор на data-province и заменяет селектор полем только для чтения — для компаний, работающих лишь в одном регионе. |
data-budget | число, € (по умолчанию 6000) | Начальное положение ползунка бюджета. Округляется до шага 500 € и ограничивается диапазоном ползунка. |
data-budget-mindata-budget-max | числа, € (по умолчанию 1000 / 15000) | Диапазон ползунка — подгоните под заказы, которые вы реально берёте (напр. 3000–30000 для премиальных работ). Несогласованные значения возвращаются к значениям по умолчанию. |
data-accent | hex-цвет, напр. "#e11d48" | Цвет вашего бренда. Он задаёт ползунок, подсвеченные поля, акценты чека и итоги — оттенки для светлой и тёмной темы выводятся из одного значения. По умолчанию — изумрудный цвет Estimia. |
data-estimia-cta | на дочерних ссылках <a> (до 4) | Ваши собственные кнопки действия — по умолчанию у виджета их нет. Поместите ссылки с data-estimia-cta внутрь контейнера (не на сам контейнер); виджет отрисует их под результатом, первую — как сплошную основную кнопку, остальные — с контуром. Относительные URL разрешаются относительно вашей страницы, а клики открываются в верхнем окне на вашем сайте; принимаются только http/https-адреса. |
Все опции в одном фрагменте: компания только из Мадрида со своим цветом бренда, премиальным ценовым диапазоном и двумя собственными кнопками. Виджет ниже отрисован ровно из этого markup — измените размер окна или переключите поля; высота iframe подстраивается сама через postMessage, поэтому полос прокрутки не появляется.
<!-- Компания одного региона: цвет бренда, премиальный ценовой диапазон, свои кнопки -->
<div class="estimia-widget-container">
<div
data-estimia-widget="subsidy-calculator"
data-lang="ru"
data-theme="auto"
data-accent="#2563eb"
data-province="madrid"
data-lock-province
data-budget="9000"
data-budget-min="3000"
data-budget-max="30000"
>
<a data-estimia-cta href="/quote/">Получить бесплатный расчёт</a>
<a data-estimia-cta href="/contact/">Связаться с консультантом</a>
</div>
<script async src="https://estimia.es/widget/subsidy-calculator.js"></script>
<div style="font-family:sans-serif;font-size:12px;text-align:right;margin-top:6px;">
<a href="https://estimia.es/ru/tools/subsidy-calculator/" target="_blank"
style="display:inline-flex;align-items:center;gap:5px;color:inherit;font-weight:600;text-decoration:none;">
<img src="https://estimia.es/assets/images/favicons/favicon.svg" alt="Estimia" width="14" height="14" />
Calculator provided by Estimia
</a>
</div>
</div>
Calculator provided by Estimia/widget/subsidy-calculator.js, ~2 КБ) находит каждый контейнер сdata-estimia-widget="subsidy-calculator" и заменяет его содержимое отложенным iframe без рамок, указывающим наestimia.es/embed/subsidy-calculator/.postMessage с проверкой источника).<a> во фрагменте, сосед div виджета внутриestimia-widget-container. Loader его никогда не трогает, поэтому он остаётся в HTML для краулеров и посетителей без JS и передаёт реальный вес ссылки. Только когда этой обёртки нет, loader вставляет собственный резервный кредит.window.EstimiaWidgets.scan(), чтобы их инициализировать.window.EstimiaWidgets.setTheme('dark' | 'light' | 'auto')из обработчика вашего переключателя, и каждый виджет на странице мгновенно последует за ним —data-theme задаёт только начальное состояние. Демо выше делает именно это.Этот виджет бесплатен — без лимитов трафика, без аккаунта — для любого сайта, связанного с окнами, дверями, ремонтом или недвижимостью. Взамен каждое встраивание сохраняет небольшой видимый кредит — «Calculator provided by Estimia» — как статическую, индексируемую ссылку, поставляемую во фрагменте. Этот бэклинк и делает виджет бесплатным, поэтому он обязателен: loader проверяет наличие видимой, индексируемой ссылки на Estimia перед загрузкой калькулятора, и если кредит отсутствует, скрыт или помечен nofollow, калькулятор не запускается — вместо него появляется краткое уведомление. Условия — для каждого виджета: некоторые будущие виджеты Estimia будут платными, и каждый указывает свои условия на своей странице.
Нет. Ваша страница подгружает только loader ~2 КБ, асинхронно, так что он никогда не блокирует отрисовку. Сам калькулятор — его JavaScript, CSS, шрифты и данные — работает внутри отложенного iframe, отдаваемого с estimia.es, поэтому не конкурирует ни с одним из ваших ресурсов. Loader задаёт размер iframe по высоте, которую сообщает калькулятор, поэтому не добавляет сдвига макета (CLS).
Нет. Виджет не ставит cookies на вашем домене и не собирает персональные данные ваших посетителей, поэтому не добавляет требования о согласии с вашей стороны и никогда не показывает диалог cookies на чужом сайте. Единственное измерение — агрегированная аналитика просмотров Estimia без cookies, используемая для подсчёта, как часто виджет загружается по каждому хосту.
Да, автоматически. Лимиты субсидии, уровни вычета IRPF и статус конкурса каждого региона хранятся на стороне Estimia, и каждое встраивание отражает последние опубликованные цифры в тот же момент. Вставленный вами фрагмент никогда не меняется, поэтому при изменении правил обслуживать нечего.
Да. Уровни, базы и сроки вычета IRPF — это налоговые вычеты по IRPF Агентства по налогам (Agencia Tributaria) за работы по энергоэффективности (уровни 20%, 40% и 60%), а прямая субсидия — это Plan Estatal de Vivienda 2026–2030 (Real Decreto 326/2026) с лимитом 7 500 € на жильё, выплачиваемая через конкурс каждого автономного сообщества. Это также отражает Директиву (ЕС) 2024/1275 (EPBD) — правила ЕС, лежащие в основе испанской схемы. Estimia отслеживает эти первоисточники плюс статус конкурса каждого региона и перепроверяет их (последняя проверка — июнь 2026), так что виджет показывает цифры, основанные на официальных нормах, а не на догадках.
Вставьте фрагмент в любой блок, принимающий необработанный HTML — блок Custom HTML в WordPress/Gutenberg, элемент Embed в Wix, блок кода в Squarespace или Embed в Webflow. Плагин не нужен. Если ваша платформа вставляет контент после загрузки (SPA-роутинг), вызовите window.EstimiaWidgets.scan(), чтобы инициализировать добавленные позже контейнеры.
Разрешите estimia.es в двух директивах: script-src (или script-src-elem) для loader ~2 КБ и frame-src для вставляемого им iframe. Больше на вашем источнике ничего не загружается, поэтому этих двух записей виджету достаточно.