← Todos los artículos
· Splat Tour· inmobiliaria · embed · wordpress · webflow

Cómo embeber un tour virtual 3D en Wordpress, Webflow, Idealista y Fotocasa

Guía práctica para integrar un tour virtual 3D en tu ficha web inmobiliaria: Wordpress, Webflow, Squarespace, Idealista, Fotocasa, Booking y portales propios.

Tener un tour virtual chulo no sirve de nada si no aparece donde el comprador lo va a ver. Esta es la guía práctica de dónde se puede embeber y dónde no, qué código va exactamente, y qué hacer cuando el portal no acepta iframes.

Cubre los 7 destinos típicos para una inmobiliaria o un propietario en España: Wordpress, Webflow, Squarespace, Shopify, Idealista, Fotocasa, Booking + tu portal propio.

El código embed estándar

Un tour de Splat Tour viene con un snippet HTML responsive listo:

<iframe
  src="https://splattour.com/t/<id>"
  width="100%"
  style="aspect-ratio: 16/9; border: 0;"
  allow="accelerometer; gyroscope; xr-spatial-tracking; fullscreen"
  allowfullscreen
  loading="lazy"
></iframe>

Ese código se pega en cualquier sitio que acepte HTML libre. Responsivo, lazy-loaded (no afecta velocidad de carga), fullscreen disponible. Lo encuentras en el botón "Copiar embed" en la página del tour una vez procesado.

Qué SÍ acepta HTML libre / iframes

Wordpress

Wordpress.com (hosted): solo en planes Business+ (24€/mes o superior). Los planes baratos bloquean iframes externos por seguridad.

Wordpress.org (self-hosted): cualquiera. Tres caminos:

  1. Editor Gutenberg: añade un bloque "HTML personalizado" y pega el snippet. Listo.
  2. Editor clásico: pestaña "Texto" (no "Visual") y pega el snippet directamente. Si pasas a "Visual" puede limpiar el HTML — guarda primero.
  3. Plugin Elementor / Divi: usa el widget "HTML" o "Code". El snippet va directamente sin transformación.

Tip: para que el iframe ocupe el ancho del contenedor, asegúrate de que el bloque padre no tiene un max-width restrictivo. En temas tipo Astra/Generatepress funciona out of the box.

Webflow

Arrastra un elemento "Embed" desde la sidebar a tu página, pega el snippet en el modal. Webflow lo renderiza correctamente. Para que sea responsive, ponle un wrapper div con width: 100% y deja el iframe heredar.

Squarespace

Bloque "Code" (disponible en planes Business+ — el plan personal NO acepta code blocks). Pega el snippet. Squarespace puede tardar 1-2 segundos en cargar el iframe la primera vez por su CDN.

Shopify

Para una página estática de Shopify (no producto): plantilla "page" del theme actual → editar HTML → pegar el snippet en la sección donde quieras. Para tiendas tipo "alojamientos" o "experiencias" donde cada item es un producto, va en el campo "descripción HTML" del producto.

Tu propio portal en HTML / React / Vue

Simplemente pega el snippet en el componente o template donde quieras mostrar el tour. El iframe es agnóstico al framework — solo es HTML estándar.

Qué NO acepta HTML libre

Idealista

Idealista no acepta iframes externos en la descripción de un anuncio, ni en planes Basic, Plus, Pro ni Profesional. La descripción permite texto plano + emoticonos básicos. Tampoco hay campo nativo para tours 3D no-Matterport (sí tienen un campo de tour 360 que solo acepta su partner integrado).

Cómo trabajar con Idealista:

Fotocasa

Igual que Idealista — no acepta iframes en la descripción del anuncio. Solo enlaces de texto. Misma estrategia: pega la URL completa, queda como enlace clicable.

Habitaclia, Pisos.com, Trovimap

Mismas restricciones. Portales españoles de listings inmobiliarios siguen con interfaces conservadoras de descripción. Solo enlaces externos.

Booking, Airbnb y Vrbo

Booking.com: la descripción de propiedad acepta texto plano + algunas etiquetas básicas. No acepta iframes, pero sí acepta URLs como texto, que se renderizan como enlace clicable. Para huéspedes internacionales esto funciona bien — el huésped clica antes de reservar.

Airbnb: la descripción de listado no acepta HTML ni URLs clicables. Las URLs aparecen como texto plano, el huésped tiene que copiar-pegar. Workaround común: pones "Tour virtual completo en splattour.com/t/" + mensaje manual al huésped antes del check-in con el enlace ya formateado.

Vrbo / HomeAway: descripción acepta links de texto, similar a Booking.

Estrategia para inmobiliarias / propietarios

Lo que recomendamos a clientes de Splat Tour:

  1. Tu propia web (Wordpress / Webflow / Squarespace / portal proprio): embed completo del tour. Es donde más conversión saca el formato.
  2. Idealista / Fotocasa / Habitaclia: URL del tour en el primer renglón de la descripción del anuncio. Algo como:

    "Recorre la vivienda en 3D antes de la visita: splattour.com/t/abc123"

  3. Booking / Airbnb / Vrbo (alquiler vacacional): URL al inicio de la descripción + mensaje automático al huésped 24h antes del check-in con el enlace clicable.
  4. WhatsApp / email a clientes interesados: comparte la URL directamente. Se abre en cualquier móvil sin instalar nada, en menos de 5 segundos.
  5. LinkedIn / Instagram / TikTok: comparte una captura de vídeo del tour + URL en bio. Buen contenido orgánico que diferencia.

Performance: ¿afecta a la velocidad de tu web?

No, si el iframe tiene loading="lazy" (que viene en el snippet por defecto). El navegador no descarga el tour 3D hasta que el usuario hace scroll cerca del iframe. Tu Core Web Vitals (LCP, CLS, FID/INP) no se ven afectados.

El tour en sí (modelo 3D + viewer + assets) pesa entre 50 y 200 MB, pero se carga de forma progresiva — los primeros pixels aparecen en ~1-2 segundos sobre conexión doméstica, y la carga total tarda 5-20 segundos según la calidad del tour. Para el usuario es transparente: ve algo enseguida y el resto se rellena mientras explora.

Preguntas frecuentes

¿Funciona en móvil? Sí. El viewer Splat Tour está optimizado para iPhone 12+ y Android gama media de 2022+. Renderiza a 60 fps. Touch nativo (1 dedo = mirar, 2 dedos = zoom + pan).

¿Hay marca de agua? No. El tour es tuyo, sin branding visible.

¿Puedo poner password o restringir acceso? Hoy todos los tours son URL públicas. Si tienes un caso de cliente que necesite restricción de acceso, escríbenos a support@splattour.com.

¿Aparece en Google si lo embebo? El iframe no influye directamente en SEO. Lo que sí indexa Google es el tiempo de permanencia en la página: un visitante que interactúa con un tour 3D pasa 2-5× más tiempo que uno que ve solo fotos. Eso sí mejora ranking.

Pasos siguientes

Si todavía no tienes un tour para embeber:

  1. Sigue la guía de grabación (15 minutos de lectura).
  2. Graba tu primer piso con el móvil (20 minutos).
  3. Súbelo gratis en splattour.com (plan Free con 40 créditos = 1 tour completo).
  4. En ~2 horas recibes la URL + el código embed para pegar donde quieras.

Empieza por la web propia o el portal donde tengas más conversión. Mide el cambio en tiempo de permanencia y clics a "contactar" antes-después.