Un widget gratuito para webs de ventanas, puertas y reformas en España. Tus visitantes pulsan su provincia y ven el valor U que exige allí el código técnico, el acristalamiento que lo cumple y un coste de instalación orientativo — el mismomapa que funciona en Estimia, mantenido al día por nosotros y servido desde nuestra infraestructura.
Pega esto donde deba aparecer el mapa. Esa es toda la integración — sin clave de API, sin paso de compilación, sin cookies en tu dominio.
<!-- Estimia — Mapa de coste y ahorro de ventanas -->
<div class="estimia-widget-container">
<div data-estimia-widget="savings-map" data-lang="es"></div>
<script async src="https://estimia.es/widget/savings-map.js"></script>
<div style="font-family:sans-serif;font-size:12px;text-align:right;margin-top:6px;">
<a href="https://estimia.es/es/herramientas/mapa-ahorro/" 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" />
Map provided by Estimia
</a>
</div>
</div>| Atributo | Valores | Qué hace |
|---|---|---|
data-lang | "es" (por defecto) · "en" · "ru" | Idioma de la interfaz del mapa y de la línea de atribución. |
data-theme | "light" (por defecto) · "dark" · "auto" | "auto" sigue la preferencia del sistema operativo del visitante. Elige el valor que encaje con tu web — el widget no tiene interfaz propia, así que se integra. |
data-province | slug de provincia, p. ej. "madrid" | Preselecciona la provincia cuyo panel de detalle se abre primero — los visitantes pueden seguir pulsando cualquier otra provincia. Los slugs son los nombres de provincia en minúsculas y sin acentos. Los slugs desconocidos se ignoran.Todos los valores admitidosAndalucía: Aragón: Principado de Asturias: Illes Balears: Canarias: Cantabria: Castilla-La Mancha: Castilla y León: Cataluña: Comunitat Valenciana: Extremadura: Galicia: Comunidad de Madrid: Región de Murcia: Comunidad Foral de Navarra: País Vasco: La Rioja: Ceuta: Melilla: |
data-estimia-cta | en enlaces <a> hijos (hasta 4) | Tus propios botones de acción en el panel de provincia — sustituyen al par predeterminado del widget («Calcula tus ventanas» e «Instaladores en …»). Pon enlaces con data-estimia-cta dentro del contenedor (no en el contenedor mismo); el primero se muestra como botón principal sólido y el resto con borde. Las URL relativas se resuelven contra tu página y los clics abren en la ventana superior de tu web; solo se aceptan destinos http/https. |
Todas las opciones en un fragmento: una empresa de Valencia cuya web sigue el tema del visitante, abre en su propia provincia y pone sus propios dos botones en el panel de provincia. El widget de abajo se renderiza exactamente con este markup — redimensiona la ventana o pulsa provincias; la altura del iframe se ajusta sola vía postMessage, así que nunca muestra barras de desplazamiento.
<!-- Una empresa de Valencia: web que sigue el tema del visitante, su provincia abierta primero, botones propios -->
<div class="estimia-widget-container">
<div
data-estimia-widget="savings-map"
data-lang="es"
data-theme="auto"
data-province="valencia"
>
<a data-estimia-cta href="/presupuesto/">Pedir presupuesto gratis</a>
<a data-estimia-cta href="/contacto/">Hablar con un asesor</a>
</div>
<script async src="https://estimia.es/widget/savings-map.js"></script>
<div style="font-family:sans-serif;font-size:12px;text-align:right;margin-top:6px;">
<a href="https://estimia.es/es/herramientas/mapa-ahorro/" 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" />
Map provided by Estimia
</a>
</div>
</div>
Map provided by Estimia/widget/savings-map.js, ~2 KB) encuentra cada contenedor condata-estimia-widget="savings-map" y sustituye su contenido por un iframe diferido y sin bordes que apunta aestimia.es/embed/savings-map/.postMessage con origen verificado).<a> estático simple del fragmento, hermano del div del widget dentro de estimia-widget-container. El loader nunca lo toca, así que permanece en el HTML para los rastreadores y los visitantes sin JS y transfiere peso de enlace real. Solo cuando falta ese envoltorio el loader inyecta su propio crédito de reserva.window.EstimiaWidgets.scan() para inicializarlos.window.EstimiaWidgets.setTheme('dark' | 'light' | 'auto')desde el manejador de tu conmutador y cada widget de la página lo sigue al instante —data-theme solo fija el estado inicial. La demo de arriba hace exactamente esto.Este widget es gratuito — sin límites de tráfico, sin cuenta — para cualquier web relacionada con ventanas, puertas, reformas o inmobiliaria. A cambio, cada incrustación mantiene el pequeño crédito visible — «Map provided by Estimia» — como el enlace estático y seguible que viene en el fragmento. Ese backlink es lo que mantiene el widget gratuito, así que se aplica: el loader comprueba que haya un enlace visible y seguido a Estimia antes de cargar el mapa, y si el crédito falta, está oculto o marcado como nofollow, el mapa no arranca — en su lugar aparece un aviso breve. Las condiciones son por widget: algunos futuros widgets de Estimia serán de pago, y cada uno indica sus propias condiciones en su página.
No. Tu página solo carga el loader de ~2 KB, de forma asíncrona, así que nunca bloquea el renderizado. El mapa en sí — su JavaScript, CSS, fuentes y datos — se ejecuta dentro de un iframe diferido servido desde estimia.es, así que no compite con ninguno de tus recursos. El loader dimensiona el iframe según la altura que reporta el mapa, por lo que no añade desplazamiento de diseño (CLS).
No. El widget no pone cookies en tu dominio ni recoge datos personales de tus visitantes, así que no añade ningún requisito de consentimiento por tu parte ni muestra un diálogo de cookies en el sitio de nadie. La única medición es la analítica de páginas vistas de Estimia, sin cookies y agregada, usada para contar cuántas veces se carga el widget por dominio.
Sí, automáticamente. Las zonas climáticas por provincia, los límites de valor U y los costes orientativos viven en el lado de Estimia, y cada incrustación refleja las cifras más recientes en el momento en que se publican. El fragmento que pegaste nunca cambia, así que no hay nada que mantener cuando cambia el código técnico o el mercado.
Las zonas climáticas y el valor U máximo de ventana por provincia son las propias tablas del código técnico español — CTE DB-HE1, la transposición de las normas de la EPBD de la UE (Directiva (UE) 2024/1275). Los costes son precios de instalación orientativos por unidad de ~100×100 cm que Estimia deriva de lo que suele costar una ventana que cumple el requisito de valor U de cada zona — claramente etiquetados como estimaciones derivadas de la normativa, no presupuestos de mercado.
Pega el fragmento en cualquier bloque que acepte HTML sin procesar — un bloque HTML personalizado en WordPress/Gutenberg, un elemento Embed en Wix, un bloque de código en Squarespace o un Embed en Webflow. No hace falta ningún plugin. Si tu plataforma inyecta contenido tras la carga (enrutado SPA), llama a window.EstimiaWidgets.scan() para inicializar los contenedores añadidos después.
Permite estimia.es en dos directivas: script-src (o script-src-elem) para el loader de ~2 KB, y frame-src para el iframe que inserta. No se carga nada más en tu origen, así que esas dos entradas son todo lo que el widget necesita.
Utilizamos cookies para personalizar contenido y analizar nuestro tráfico.