Apariencia
Una web inmobiliaria a medida: el caso de Inmobiliaria Marmer
Actualizado en 2026
Hay webs que se resuelven con una página de presentación y otras que tienen que ser el centro de la operación. La de Inmobiliaria Marmer es de las segundas.
Es una inmobiliaria de Cullera, en la costa de Valencia, especializada en viviendas de segunda mano, solares y parcelas, y obra nueva. La web anterior estaba hecha con WordPress y se había quedado corta para el volumen de catálogo y para el trabajo del día a día. La nueva es un escalón más: está programada a medida, tiene un panel propio y no depende de plugins.
Esto es lo que hay por dentro, tanto la parte que ve un visitante como la que usa la inmobiliaria para trabajar.
Qué necesitaba la inmobiliaria
Antes de escribir la primera línea de código, había que poner sobre la mesa lo que tenía que resolver la web:
- Un catálogo grande, con 68 inmuebles y más de 1.700 fotografías, sin que se convierta en un caos.
- Un buscador por localidad, zona, tipo, dormitorios, precio y referencia.
- Fichas completas: galería, datos, descripción, características, mapa y contacto.
- Formularios para recibir consultas y para captar inmuebles de particulares.
- Páginas de empresa, obra nueva y legales.
- Que el equipo pudiera actualizar el contenido sin tocar código.
- Que funcionara bien en móvil y para clientes extranjeros.
Con esas necesidades, una plantilla de WordPress se quedaba corta. No por el diseño, sino por la gestión: cada función nueva dependía de encontrar un plugin que hiciera exactamente lo que hacía falta, y de que ese plugin siguiera funcionando con el resto.
La parte pública
La portada y el buscador
La portada es la primera toma de contacto. Sobre una foto aérea de la playa de Los Olivos, el visitante encuentra el buscador y las primeras viviendas sin tener que entender cómo está organizada la web.
El buscador permite filtrar por localidad, zona, tipo de inmueble, dormitorios, rango de precio y referencia. Es el mismo buscador que aparece en el resto de listados, así que no hay dos formas distintas de buscar.
Debajo del buscador están los inmuebles destacados, el listado de los más recientes, el mapa de propiedades y un bloque para quien quiere vender su casa. La portada no es solo una imagen bonita: es el punto de entrada a las tres acciones que le interesan a la inmobiliaria, que son buscar, contactar y vender.
El listado
El listado de viviendas muestra 15 inmuebles por página, con su foto, operación, localidad, zona, dormitorios, baños, superficie y precio. Arriba están los filtros y la ordenación por fecha o por precio.
Los filtros se pueden combinar y se mantienen en la URL. Eso permite guardar una búsqueda o compartirla por WhatsApp sin perder las condiciones. Si un inmueble tiene un precio anterior, también se muestra tachado, para que se vea la rebaja.
La ficha de cada inmueble
La ficha es la página que más importa en una inmobiliaria. En este caso reúne la galería, la referencia, el precio, los datos principales y el botón de contacto.
La galería se maneja con flechas y con una tira de miniaturas. Al pulsar en una miniatura cambia la foto grande y el contador, y al avanzar con las flechas la miniatura activa se queda centrada. Son detalles pequeños, pero evitan que el visitante se pierda cuando hay 40 o 50 fotos.
Más abajo están la descripción, las características (ascensor, terraza, vistas al mar, garaje, etc.), el mapa y un formulario de contacto que ya lleva puesta la referencia del inmueble. Así la inmobiliaria sabe de qué propiedad le hablan sin tener que preguntarlo.
Los formularios
La web tiene dos formularios pensados para captar clientes: el de contacto general y el de venta de inmuebles. El segundo es el que permite a un particular contar qué quiere vender, con localidad, tipo, dirección, precio orientativo, superficies y extras.
Cada envío llega por email al equipo y queda guardado en el panel. Los formularios incluyen el idioma del visitante, así que una consulta en inglés o en alemán se puede identificar de un vistazo. Y no llevan captchas: la protección es invisible, con trampas para bots que no molestan a una persona.
También en el móvil
Una parte importante de las visitas de una inmobiliaria llega desde el móvil. El diseño está pensado primero para esa pantalla: el buscador se apila, los filtros se leen bien, las fichas se adaptan y las fotos ocupan el ancho disponible.
Lo que no se ve
Hay una parte del trabajo que no sale en las capturas, pero que se nota cuando la web lleva meses en marcha:
- Las URLs antiguas siguen funcionando. Las direcciones de WordPress como
/inmuebles,/property/{slug}o las páginas sueltas redirigen con un 301 a su nueva ubicación. No se pierden enlaces ni visitas. - Hay sitemap. Google puede descubrir las fichas nuevas sin depender de que alguien las enlace.
- Los formularios están protegidos sin captcha. Honeypot, control de tiempo, exigencia de JavaScript y una prueba de trabajo que frena a los bots.
- Los ocho idiomas se cargan solo cuando hacen falta. El español es el idioma original y el traductor de Google se activa cuando el visitante elige otro. Solo se indexa la versión en español, que es una decisión aceptada para este proyecto.
La parte privada
La otra mitad de la web es el panel de gestión. Está en /admin y es donde la inmobiliaria publica, edita y revisa todo. Se entra con email y contraseña, como en cualquier área privada.
El listado de inmuebles
Al entrar, lo primero que aparece es el listado de inmuebles. Tiene buscador por título o referencia, filtros por estado, destacado, localidad, zona, operación, tipo y categoría, y acciones para editar, borrar o restaurar.
Desde aquí se ve de un vistazo qué está publicado, qué es destacado y qué se ha borrado. La papelera no elimina de verdad: el inmueble se puede recuperar. Es una red de seguridad útil cuando varias personas trabajan en el mismo catálogo.
Editar un inmueble
La ficha de edición está dividida en tres bloques: Datos, Características y Clasificación.
En Datos están el título, la referencia, la descripción, el precio, el estado y si el inmueble es destacado. En Características, la dirección, dormitorios, baños, superficies, orientación, parking y estado de la vivienda. En Clasificación, la localidad, zona, operación, tipo, categoría y características.
Los desplegables de Clasificación permiten crear una localidad, una zona o un tipo nuevo sin salir de la ficha. No hace falta ir a otra pantalla a dar de alta la opción y volver después. Para el día a día, eso ahorra muchos clics.
Las fotos
La galería es una de las partes que más se usan. Se pueden añadir varias imágenes a la vez, ordenarlas arrastrando, cambiar el texto alternativo y marcar cuál es la portada.
La portada es la foto que aparece en el listado y en la ficha, así que se puede cambiar en un clic. El orden se guarda y se respeta en la web pública. No hay que renombrar archivos ni tocar carpetas.
Las consultas y las solicitudes de venta
Las consultas de contacto y las solicitudes de venta tienen su propia sección. Cada mensaje guarda el nombre, el email, el teléfono y el idioma del visitante; las consultas guardan además la referencia del inmueble. Las consultas se pueden marcar como leídas y las solicitudes de venta tienen estados: pendiente, en revisión, aceptada o rechazada.
Así la inmobiliaria no depende de una bandeja de correo compartida. Los mensajes quedan en la web, con su contexto, y se pueden filtrar por idioma o por estado.
Publicar un inmueble en tres pasos
La idea del panel es que publicar una ficha sea fácil y rápido:
- Crear el inmueble. Se pulsa «Crear inmueble» y se rellenan los datos. Los campos obligatorios están marcados y el resto se puede completar después.
- Guardar. La ficha se publica o se deja en borrador. El estado se cambia desde el mismo formulario.
- Añadir las fotos. Se suben varias a la vez, se ordenan y se marca la portada. La ficha ya está lista.
No hay que tocar plantillas, ni plugins, ni código. Y si algo no encaja, se cambia desde el mismo panel.
Por qué sin WordPress ni plugins
Esta es la parte que más me interesa explicar, porque no es una cuestión de moda.
Con WordPress, la web depende de un núcleo, un tema y una colección de plugins. Cada pocas semanas toca actualizar. A veces no pasa nada, pero otras veces una actualización rompe una parte de la web, un plugin deja de tener soporte o empieza a cobrar una licencia anual. Y cada plugin añade una superficie nueva por la que puede entrar un ataque.
En una web a medida, solo está el código que necesita el proyecto:
- No hay núcleo ni plugins que actualizar cada mes. No hay una ronda de actualizaciones que pueda romper la web.
- No hay licencias de plugins ni temas. No aparece una cuota anual nueva porque un plugin haya cambiado de modelo de negocio.
- Hay menos superficie de ataque. Los ataques masivos van contra WordPress y sus plugins, no suelen ir contra una web concreta hecha a medida.
- Las funciones son las que necesita el negocio. No hay que adaptar el negocio a lo que hace un plugin.
- La web es más ligera. Sin el lastre de un tema genérico y de plugins que no se usan.
Dicho esto, tampoco quiero vender humo: dominio y hosting siguen siendo un gasto recurrente. Lo que desaparece es la ronda de actualizaciones de WordPress y las licencias de plugins. Y si algún día hace falta una función nueva, se programa y se factura por horas, como cualquier otro trabajo.
WordPress no es el enemigo. Para una web sencilla, puede ser una solución perfecta. Para un catálogo con 68 inmuebles, formularios, idiomas y gestión diaria, esta forma de trabajar encaja mejor.
Lo que se aprovechó de la web anterior
No se empezó de cero. La web anterior tenía años de contenido y había que conservarlo.
Con un comando de importación se trajeron 68 inmuebles, 1.764 imágenes y 11 páginas desde la base de datos de WordPress. Las imágenes se copiaron a la nueva web y se comprobó que no faltara ninguna. Después se revisaron las fichas y se ajustaron los datos que hacían falta.
Las URLs antiguas se mantuvieron con redirecciones 301. Eso significa que un enlace que alguien compartió hace años, o una ficha que Google ya tenía indexada, sigue llevando a la página correcta. El contenido cambia de casa, pero no se pierde por el camino.
Puedes ver otras webs inmobiliarias que he hecho en páginas web realizadas. Si te interesa un caso parecido, en ¿Cómo arreglar una web que ha crecido descontrolada? conté el proceso con otra inmobiliaria.
El resultado
La web de Inmobiliaria Marmer es ahora un catálogo que se puede gestionar desde el panel, sin depender de plugins y sin una actualización mensual que dé miedo. El visitante encuentra lo que busca, la inmobiliaria recibe los contactos ordenados y las fichas se actualizan en minutos.
Y si algún día hay que cambiar el diseño, añadir una sección o programar una función nueva, se hace sobre el código, no sobre una plantilla que se queda corta.
¿Hablamos de tu web?
Si tienes una inmobiliaria, un catálogo o una web que se ha quedado grande, puedo ayudarte a pasarla a una web a medida. Te cuento cómo trabajo y cuánto cuesta en diseño web personalizado.