Cómo crear un tour virtual 360° y compartirlo con clientes (paso a paso)

Ya tienes las panorámicas. Puede que salgan de una Insta360 en una visita de obra, puede que sean exportaciones panorámicas de una cámara de Lumion o Blender. Ahora mismo están en una carpeta, y lo único que ve el cliente es una imagen plana y deformada en un correo — justo el formato que hace que una panorámica 360° parezca peor que un render corriente.

Convertirlas en un tour virtual es la parte que casi todo el mundo da por difícil. No lo es. Abajo está el proceso completo, de principio a fin, en siete pasos: crear el tour, añadir cada panorámica como escena, orientar la cámara del cliente, conectar las estancias, etiquetar lo que merece la pena señalar, situarlo todo en un plano y, por último, publicar y enviar un enlace. Si prefieres los conceptos primero — qué es una escena, qué es un punto activo, en qué se diferencia un tour de un vídeo de recorrido — empieza por nuestra guía en lenguaje claro sobre qué es un tour virtual 360 y vuelve aquí para construir uno.

Cada paso de abajo es el flujo real para construir un tour 360 en el 360° Tour Creator de Visiomake, con los nombres reales de los botones, los límites reales y las tres cosas concretas que te impedirán publicar.

Qué necesitas para crear un tour virtual

Una sola cosa, en realidad: panorámicas equirrectangulares. Ese es el formato que espera el visor — una única imagen en la que un barrido horizontal completo de 360° y uno vertical de 180° quedan aplanados en un solo fotograma, y por eso se ve estirada al abrirla en un visor de imágenes.

Conseguirla suele ser un único paso de exportación. Las cámaras Ricoh Theta escriben JPEG equirrectangulares directamente desde la cámara; la serie X de Insta360, en cambio, guarda archivos .insp de doble ojo de pez, que necesitan primero un paso por Insta360 Studio o por la app móvil. En el lado del render, 3ds Max, Lumion y Enscape ofrecen una cámara panorámica o esférica, y Blender también — pero ten en cuenta que su cámara panorámica equirrectangular es una función de Cycles, así que una escena en EEVEE hay que cambiarla o renderizarla de otro modo. La captura y la exportación merecen un artículo propio, y lo tendrán; por ahora, cualquier cosa que salga como imagen equirrectangular servirá.

Algunas notas prácticas antes de subirlas:

• Una panorámica por escena. Una «escena» es una posición desde la que se está de pie en el espacio. Seis panorámicas, seis escenas. Fotografía o renderiza desde las posiciones en las que una persona se detendría de forma natural, no desde cada esquina.
• Usa más resolución de la que parece necesaria. El visor solo muestra una porción de la imagen cada vez, así que una panorámica que se ve nítida como miniatura puede verse blanda cuando el cliente hace zoom en la pared del fondo. Como regla general, toma 6000×3000 como suelo y 8192×4096 como objetivo cómodo en interiores, donde la gente hace zoom en la carpintería y los acabados.
• Los archivos pueden llegar a 50 MB. Ese es el techo de subida, y es lo bastante holgado como para que no tengas que reducir una buena panorámica 8K para que quepa.
• Una imagen de plano es opcional, pero conviene. Cualquier exportación del plano sirve — la usarás como minimapa en el que el cliente puede hacer clic para saltar entre estancias.

No hace falta preparar las panorámicas más allá de eso. Ni costura dentro de la herramienta, ni reproyección, ni convención de nombres.

Paso 1: Crear el tour

Abre Tours 360° en la app. Escribe un nombre en el campo Nombre del tour y pulsa Crear. El nombre es sobre todo interno — es como vuelves a encontrar el tour en la lista, que muestra el número de escenas de cada tour y si está publicado — pero sí le llega al cliente como título del visor siempre que una escena no tenga título propio, así que déjalo presentable. Puedes usar hasta 120 caracteres, así que ponle algo que reconozcas dentro de seis meses: «Vivienda Kellerman — planta baja, esquema B» gana a «Tour 4».

Eso te lleva al editor, que es una única pantalla y no un asistente. La barra superior gestiona la publicación. La columna de la izquierda es tu lista de escenas. El centro es la panorámica que estás editando. El panel de la derecha es el inspector, donde lo que hayas seleccionado recibe sus ajustes.

Paso 2: Añadir las panorámicas como escenas

En la columna izquierda, haz clic en Añadir panorama y elige una imagen. Repite para cada posición del espacio. Cada una se convierte en una escena llamada Escena 1, Escena 2 y así, y deberías renombrarlas de inmediato — selecciona una escena y cambia Título de la escena en el inspector de la derecha. Estos títulos no son decoración, y no son privados: el cliente ve en pantalla el título de la escena actual mientras avanza por el tour. Un «Escena 5» flotando sobre una presentación es una pequeña vergüenza por sí solo. Además alimentan el desplegable cuando conectes las estancias en el paso siguiente, donde «Escena 5» no te dice nada sobre a qué habitación lleva una puerta. Usa los nombres de estancia que usa el cliente.

Una escena tiene que ser la puerta de entrada del tour. Elige la que cause mejor primera impresión — normalmente el espacio más amplio o más acabado, no el recibidor — y haz clic en Marcar como inicio. Recibe una insignia de Inicio. Es la escena que se carga cuando el cliente abre tu enlace, y sin ella el tour no se publicará.

No hay botón de guardar. El editor guarda automáticamente 800 milisegundos después de que dejes de editar. Si alguna vez falla un guardado, verás un mensaje avisando de que el cambio se reintentará en tu próxima edición — no se descarta en silencio.

Paso 3: Definir con qué se abre cada escena

Por defecto, cada escena se abre mirando al yaw 0 — una dirección arbitraria que depende de cómo se capturó la panorámica, y que muy a menudo es una pared. Corrígelo: arrastra dentro de la panorámica hasta que estés viendo lo que quieres que el cliente vea primero y haz clic en Definir vista inicial.

Eso guarda la dirección a la que mira la cámara al llegar — yaw y pitch, nada más. El zoom no entra: cada escena se abre con el zoom por defecto del visor, y el cliente puede acercarse y alejarse libremente desde ahí. Aquí componer significa apuntar, no encuadrar. Hazlo en todas las escenas. Es lo más barato que puedes hacer para que un tour se sienta compuesto y no volcado sin criterio, porque así cada estancia recibe al cliente con la toma que habrías elegido para un render fijo.

Paso 4: Conectar las estancias con accesos

Un acceso es el punto activo en el que el cliente hace clic para pasar a la siguiente estancia. Añadir uno son dos clics: pulsa Añadir acceso y después haz clic en el punto de la panorámica al que corresponde. Un aviso en la parte inferior del visor confirma que estás en modo de colocación — Haz clic en el panorama para colocarlo. Coloca los accesos donde el ojo los espera: en el vano de la puerta, en la escalera, en el umbral. Un acceso flotando en mitad de una pared se lee como un error.

Con el acceso seleccionado, el inspector pide Va a — elige la escena de destino en el desplegable. Aquí es donde rentan los nombres de estancia del paso 2. También puedes añadir un Texto del acceso opcional de hasta 120 caracteres, que conviene cuando el destino no es evidente desde la puerta: «Dormitorio principal» en una puerta cerrada le ahorra al cliente tener que adivinar.

Conecta en ambos sentidos. La herramienta no crea el acceso de vuelta por ti. Si el salón tiene un acceso a la cocina, ponte en la cocina y coloca uno de regreso. Un tour en el que el cliente entra y no puede salir es lo que más se detecta al revisar.

Paso 5: Añadir etiquetas a lo que merece señalarse

El segundo tipo de punto activo es la etiqueta, y es la que menos aprovechan los diseñadores. Pulsa Añadir etiqueta, haz clic en un punto y el inspector te da tres campos:

• Título — obligatorio, hasta 120 caracteres. Que sea corto; es lo que flota en el espacio.
• Descripción — opcional, hasta 1000 caracteres. Espacio para una o dos frases de verdad, no solo un nombre.
• Enlace — opcional, y tiene que ser una URL completa y válida.

Aquí es donde un tour deja de ser una experiencia visual agradable y empieza a trabajar para ti. Coloca una etiqueta en la carpintería con el acabado y el proveedor. Coloca otra en una luminaria con la ficha de producto enlazada, para que el cliente que la especifica pueda entrar directamente. Coloca otra en la pared sobre la que sabes que preguntarán, respondiendo antes de que pregunten. Cada etiqueta es un mensaje que no tendrás que enviar después.

Todo lo que no respondas por adelantado seguirá llegándote como pregunta por correo — la misma dinámica que hay detrás de la mayoría de rondas de revisión de renders. Si tus presentaciones suelen volver con una lista, merece la pena leer junto a esto por qué rechazan una y otra vez los renders de arquitectura; muchas de esas objeciones se responden con una etiqueta.

Paso 6: Situar las escenas en un plano

Abre el panel Plano, haz clic en Añadir plano y sube cualquier imagen de plano. Ahora selecciona una escena en la columna izquierda y haz clic donde se sitúa en el plano — la indicación en pantalla lo dice exactamente: Selecciona una escena y haz clic en el plano para colocar su marcador. Repite con cada escena.

Es opcional, y en un tour de dos estancias puedes saltártelo. En cualquier cosa mayor, no. Se convierte en un minimapa dentro del visor publicado que los clientes pueden desplegar, y resuelve la única debilidad real de los tours 360°: la gente pierde la orientación. Además les da una forma de saltar directamente a una estancia en lugar de recorrer toda la ruta otra vez. Puedes quitarlo después con Quitar.

Paso 7: Publicar y compartir el enlace del tour virtual

Para compartir un tour virtual con clientes lo publicas una vez y entregas una URL — no hay exportación, ni subida a un servicio externo, ni archivo que enviar por correo. Pulsa Publicar en la barra superior. El tour recibe un token de compartición y una URL con la forma /tour/<token>; Copiar enlace lo pone en tu portapapeles y lo confirma brevemente con ¡Copiado!. Ese enlace es todo el mecanismo de entrega. Pégalo en un correo, en un mensaje de WhatsApp, en un PDF de propuesta, en un código QR de un cartel de obra.

La publicación puede fallar, y falla por exactamente tres motivos — todos comprobados en el servidor, así que no puedes entregar un tour roto por accidente:

Qué reciben los clientes cuando compartes el enlace de un tour virtual

Reciben una URL. Ya está — sin cuenta, sin registro, sin app, sin plugin. El tour publicado es una página pública: hacen clic desde un portátil, un móvil o una tableta y están dentro del espacio. El visor funciona con WebGL, lo que en la práctica significa cualquier navegador habitual de aproximadamente la última década — y lo relevante es que un cliente sin perfil técnico, o un miembro de un comité en un equipo de oficina restringido, no tiene nada que instalar ni nada que le tengan que explicar.

Dentro del visor pueden mirar alrededor arrastrando, pasar de una estancia a otra por tus accesos, abrir tus etiquetas y seguir cualquier enlace que hayas adjuntado con Abrir enlace. Encima hay tres controles: Restablecer vista los devuelve a tu vista inicial cuando se desorientan, Pantalla completa le da al espacio toda la pantalla y, si añadiste un plano, Mostrar mapa y Ocultar mapa alternan el minimapa. El título de la escena actual se mantiene en pantalla mientras avanzan, y un pequeño logotipo de Visiomake enlaza a visiomake.com — conviene saberlo si vas a enviar el enlace a una presentación formal con cliente.

En la práctica, esto sustituye al dosier de renders. En lugar de elegir seis vistas y confiar en que cubran las preguntas, entregas la estancia y dejas que el cliente encuentre sus propias respuestas — y, a diferencia de un recorrido renderizado, él controla el ritmo y puede pararse a mirar lo que le importa. Un tour y un vídeo de portafolio construido con tus renders hacen trabajos distintos, y la mayoría de estudios acaba usando ambos: el vídeo para ganar el encargo, el tour para cerrar la aprobación.

Después de compartirlo

Puedes seguir editando. Un tour publicado sigue activo mientras lo cambias — añade una escena, mueve un acceso, corrige una errata en una etiqueta, y el guardado automático lo publica. El enlace no cambia, lo que significa que la versión en la bandeja del cliente siempre es la actual. Resulta muy útil cuando un cliente detecta algo durante una llamada: lo corriges mientras habláis y le pides que recargue.

Puedes ver si ha llegado. Abre Analíticas en la barra superior para ver las Aperturas, los Visitantes y las Vistas por escena del tour. Son recuentos de entrada, no tiempos de permanencia — nada mide cuánto se quedó nadie. Aun así, el desglose por escena es el interesante: te dice a qué estancias entraron realmente los clientes y cuáles no abrieron nunca, algo que conviene saber antes de la siguiente presentación y conviene mencionar en ella. Una peculiaridad que conviene conocer antes de malinterpretarlo: tu escena de inicio mostrará cero vistas. Llegar allí cuenta como Apertura, y Vistas por escena solo cuenta las estancias a las que el visitante navegó.

Puedes retirarlo. Despublicar anula el enlace — quien lo abra después verá una página «Tour no encontrado» — y las panorámicas dejan de servirse públicamente. La única excepción es una imagen que uses también en otro tour que siga publicado; esa sigue siendo accesible, porque retirarla rompería el otro tour. Conviene saberlo si reutilizas panorámicas entre esquemas del mismo cliente.

La versión corta

1. Crea el tour y ponle un nombre que reconozcas.
2. Añadir panorama para cada posición, renombra cada escena con el nombre real de la estancia y Marcar como inicio en tu mejor estancia.
3. Orienta cada escena y haz clic en Definir vista inicial.
4. Añadir acceso en cada puerta — en ambos sentidos.
5. Añadir etiqueta en todo aquello por lo que un cliente vaya a preguntar.
6. Añade un plano y sitúa las escenas en él.
7. Publicar, Copiar enlace, enviar.

La mayor parte del tiempo en un primer tour se va en decidir las vistas iniciales, no en la mecánica. Cuando le coges el punto, la construcción en sí es rápida — las panorámicas siguen siendo la parte lenta.