Guía completa para añadir un widget de tasación de inmuebles a tu web de WordPress usando Elementor, Gutenberg o código HTML puro. En menos de 5 minutos y sin tocar el servidor.
Más del 60% de las agencias inmobiliarias en España tienen su web construida sobre WordPress. No es casualidad: WordPress ofrece la mayor flexibilidad del mercado, un ecosistema enorme de temas y plugins orientados al sector, y un coste muy accesible para agencias de cualquier tamaño. Temas como Houzez, WPResidence o RealHomes han sido diseñados específicamente para inmobiliarias y permiten publicar propiedades, gestionar búsquedas avanzadas y personalizar la web sin necesidad de programar.
Precisamente por esa popularidad, la pregunta más frecuente que recibimos en Tasa Inmueble es:"¿Cómo instalo el widget de tasación en mi WordPress?". La respuesta es que hay tres métodos distintos según el constructor de páginas que uses, y todos ellos son sencillos. En esta guía los explicamos paso a paso para que puedas tenerlo listo antes de terminar de leer el artículo.
El widget de Tasa Inmueble es un iframe: un fragmento de código HTML que incrusta el tasador directamente en tu web. Para obtenerlo, inicia sesión en tu panel de Tasa Inmueble, ve a la sección Widget → Instalar y verás tu código personalizado. Tiene este aspecto:
<iframe
src="https://app.tasainmueble.com/w/TU_ID"
width="100%"
height="600"
frameborder="0"
style="border:none;"
></iframe>Copia este código exactamente tal cual. Lo usarás en los tres métodos que explicamos a continuación. Tu TU_ID es único: identifica tu agencia y hace que los leads lleguen directamente a tu panel.
Elementor es el constructor de páginas más popular para WordPress, presente en más del 40% de las webs del sector. Si lo usas, la instalación es visual y no requiere tocar código.
En el panel de WordPress, ve a Páginas y abre la página donde quieres instalar el tasador (por ejemplo, "Valora tu inmueble" o la página de inicio). Haz clic enEditar con Elementor. El editor se abre con tu maquetación actual visible.
En el panel izquierdo de Elementor, busca el widget HTML (también llamado "Código HTML" o "Custom HTML"). Lo encontrarás en la sección "General" de los elementos. Arrástralo a la posición donde quieres que aparezca el tasador: encima del pliegue si es tu página de captación principal, o dentro de una sección específica.
Con el bloque HTML seleccionado, en el panel izquierdo verás un campo de texto tituladoCódigo HTML. Pega aquí el fragmento de código del widget que copiaste desde tu panel de Tasa Inmueble. En la previsualización de Elementor verás inmediatamente el widget cargarse.
Haz clic en Actualizar (o Publicar si la página es nueva). Abre la página en una pestaña de incógnito para verla como la vería un visitante. El widget aparecerá completamente funcional, con el formulario de tasación listo para recibir datos.
Si usas el editor clásico de WordPress (Gutenberg), el proceso es igualmente sencillo. El editor de bloques tiene soporte nativo para HTML personalizado sin necesidad de plugins adicionales.
En el menú de WordPress ve a Páginas o Entradas y selecciona la que quieres editar. Gutenberg se abre mostrando los bloques existentes.
Haz clic en el botón + para añadir un nuevo bloque. Busca "HTML personalizado" o "Custom HTML". También puedes escribir /html y presionar Enter para insertar el bloque directamente. Aparecerá un área de texto donde puedes escribir código HTML.
Pega el código del iframe en el área de texto del bloque HTML. En la barra superior del bloque verás el botón Previsualizar: haz clic para ver el widget renderizado dentro del editor. Si todo se ve correctamente, haz clic en Actualizar en el panel derecho para guardar los cambios.
Si tu web usa un tema clásico de WordPress sin constructor de páginas, o si tienes acceso al código y prefieres editar directamente los archivos de plantilla, también puedes insertar el widget a través del editor de temas o un archivo de plantilla personalizada.
Ve a Apariencia → Editor de temas y abre el archivo de la plantilla donde quieres añadir el widget (por ejemplo, page-tasacion.php ofront-page.php). Localiza el punto donde quieres insertar el widget dentro del HTML y pega el código del iframe. Guarda el archivo. Si no tienes acceso a los archivos de plantilla, también puedes usar un plugin como Insert Headers and Footers para añadir el código en zonas específicas de la página.
La posición del widget en tu web afecta directamente cuántos leads captas. Estas son las ubicaciones con mejor rendimiento:
Antes de instalar el widget, te recomendamos configurarlo desde tu panel. En la secciónWidget → Configurar puedes ajustar varios parámetros que afectan tanto a la apariencia como al comportamiento:
Una preocupación frecuente al añadir elementos externos a una web es el impacto en la velocidad de carga, especialmente porque Google usa los Core Web Vitals (LCP, CLS, INP) como factor de posicionamiento. El widget de Tasa Inmueble está diseñado para no penalizar el rendimiento de tu web por dos razones técnicas clave.
En primer lugar, el widget usa carga diferida (lazy loading): el iframe no se carga hasta que el usuario hace scroll hacia él. Esto significa que no bloquea la carga inicial de la página ni afecta al LCP. En segundo lugar, el widget tiene dimensiones fijas (height: 600px) que evitan el desplazamiento de diseño (CLS). En nuestras pruebas, las webs que instalan el widget mantienen puntuaciones de Lighthouse superiores a 90 en rendimiento.
Este problema suele estar causado por un plugin de caché que reemplaza el HTML dinámico. Plugins como WP Rocket, W3 Total Cache o LiteSpeed Cache tienen opciones para excluir determinadas páginas o elementos del caché. Añade la URL de la página con el widget a la lista de exclusiones del caché y el problema desaparecerá.
Asegúrate de que el contenedor padre del iframe tiene suficiente altura y no tiene unoverflow: hidden que recorte el contenido. Si usas Elementor, verifica que la sección o columna no tiene altura mínima configurada que sea inferior a 600px.
Si tu web usa HTTPS pero el iframe apunta a una URL HTTP, el navegador bloqueará la carga por política de contenido mixto. El widget de Tasa Inmueble usa siempre HTTPS, por lo que este problema no debería ocurrir. Si ves un error de contenido mixto, verifica que estás usando el código correcto desde tu panel.
No. El widget es un iframe estándar de HTML que funciona en cualquier web sin plugins adicionales. Puedes añadirlo directamente con el bloque HTML de Gutenberg o con el widget HTML de Elementor.
Sí. El widget funciona con cualquier tema de WordPress porque es un elemento HTML estándar. En Divi puedes usar el módulo "Código"; en Avada, el elemento "Code Block"; en Astra o cualquier tema con Gutenberg, el bloque "HTML personalizado". El proceso es idéntico en todos los casos.
Sí. El widget está optimizado para dispositivos móviles y se adapta al ancho de la pantalla. En móvil, el formulario de tasación se presenta en una sola columna para facilitar la introducción de datos. El width="100%" del iframe hace que se ajuste automáticamente al contenedor.
Depende del tráfico que tenga tu web. Si ya recibes visitas de propietarios interesados en conocer el precio de su inmueble, el primer lead puede llegar el mismo día de la instalación. Si tu web tiene poco tráfico, combina el widget con una campaña de publicidad en Meta o Google para generar tráfico desde el primer día.
Esto es exactamente lo que verán los propietarios cuando visiten tu web. Pruébalo con datos reales.