Crea tu recorrido 360, conecta escenas y diseña tu presentación. Mira los videos o sigue las guías, paso a paso.
Ejemplos completos para crear, configurar y publicar tus recorridos.
Qué es la panorámica base, cómo preparar variaciones de materiales, puertas y cajones y cómo añadirlas a tus hotspots. Explicación de 2 minutos.
Música: Neon — Scott Buckley · CC BY 4.0. Mezcla adaptada a esta edición.
Ver en YouTube ↗Cómo armar un showroom completo para una casa de tres pisos: portada con video, escenas 360, puntos de conexión, planos de planta, plantilla, versión móvil y publicación.
Ver en YouTube ↗Tutorial completo: conecta los 360, dibuja el área en el plano, crea una unidad y vincula su recorrido virtual. Configura el color automático según el estado disponible, reservado o vendido.
Ver en YouTube ↗Configura el dominio en Viewroom3D, crea el registro CNAME en Hostinger, espera la propagación DNS y verifica que el recorrido abra con HTTPS.
Ver en YouTube ↗Aprende a elegir una preplantilla, configurar el menú, organizar pisos y etiquetas, seleccionar vistas y copiar el diseño a otras escenas.
Ver en YouTube ↗Crea páginas con HTML y CSS de ChatGPT, configura un mapa con puntos y conecta la presentación desde el botón Ingresar, el menú y los ajustes de inicio. Incluye cinco ejemplos de uso y revisión en celular.
Ver en YouTube ↗Mira cada acción sobre una réplica del editor: cargar recursos en Biblioteca, convertirlos en escenas, conectarlos, crear transiciones, preparar el plano de planta y publicar.
Entra a «Escenas». A la izquierda está el orden del recorrido; en el centro ves la escena activa y arriba están revisión, vista previa y publicación.
Pulsa «+ Escena» en la cabecera de «Recorrido». La Biblioteca aparece sobre el editor sin hacerte perder el contexto.
En la esquina superior derecha de Biblioteca, abre «Subir archivos» para incorporar imágenes, panoramas o vídeos.
Arrastra varios archivos a la zona de carga o púlsala para elegirlos desde tu equipo. Puedes combinar imágenes y clips en una misma tanda.
Cada archivo muestra su propio avance. Espera a que todos lleguen al 100 % antes de cerrar la carga o empezar a crear escenas.
Usa los filtros de Biblioteca para mostrar solo imágenes planas, vídeos o panoramas 360°. Así separas rápidamente cada parte del recorrido.
Pulsa cada miniatura que quieras convertir en escena. La marca azul y el contador confirman exactamente qué archivos están seleccionados.
Pulsa «Crear escenas». Cada recurso seleccionado se convierte en una tarjeta dentro de la columna «Recorrido».
Pulsa una tarjeta de la columna izquierda para verla en el visor. La tarjeta activa queda marcada para que siempre sepas qué estás editando.
Arrastra la tarjeta desde su manilla y suéltala en la posición correcta. El cursor muestra el recorrido completo del movimiento.
Pulsa «Detalle de la escena» en la tarjeta activa. El panel lateral reúne tipo, imagen, variantes, título, destinos y transición.
En «Tipo», elige «360°» cuando la imagen sea panorámica. El visor la tratará como una esfera que el visitante puede mirar alrededor.
En «Imagen y variantes», pulsa «+» y elige otra versión desde Biblioteca: por ejemplo, un acabado distinto del mismo ambiente.
Cierra el detalle y pulsa el botón redondo de puntos junto al visor. El editor entra en modo «Colocando puntos…».
Haz clic en la puerta, pasillo o escalera por donde debería continuar la visita. El punto queda fijado a ese lugar del panorama.
En «Detalles del punto», abre «Destino» y selecciona la escena a la que llevará el clic, por ejemplo «360 3».
Elige el icono que mejor describe el movimiento y ajusta su tamaño. Comprueba que se vea bien sin tapar elementos importantes de la imagen.
Activa «Crear también la vuelta» o entra a la escena de destino y añade el punto inverso. Así el visitante puede regresar por el mismo camino.
Abre «Mapa» para ver la red completa. Los círculos conectados forman el recorrido; las tarjetas punteadas son escenas todavía sueltas.
Abre una escena suelta, crea un punto hacia una escena conectada y vuelve al Mapa. La tarjeta pasa a formar parte de la red.
Desde las herramientas del visor, abre «Transición de vídeo». Define dónde empieza y dónde termina el clip.
Elige un vídeo de Biblioteca, comprueba la ruta «Empieza en → Termina en» y pulsa «Guardar transición».
Pulsa «Ver el showroom» y recorre todos los puntos como visitante. Comprueba destinos, vueltas, variantes y transiciones.
Abre «Planos», crea un plano para el nivel y carga desde Biblioteca la imagen correspondiente de la planta.
Coloca cada escena sobre su ambiente dentro del plano. El visitante podrá saltar entre niveles y habitaciones desde esta vista.
Abre el estado de publicación y elige «Publicar para todos» o «Publicar en privado». El proyecto queda disponible según esa visibilidad.
Una demostración del editor real para construir páginas, colocar widgets, adaptar cada pantalla y publicar una plantilla reutilizable.
Desde el panel del proyecto abre «Presentación». Allí viven las plantillas del sistema y todas las plantillas propias del showroom.
Abre «Tus plantillas» y pulsa «Crear plantilla». Escribe un nombre claro; podrás reutilizarla y editarla después.
A la izquierda están las páginas, en el centro el lienzo y a la derecha el inspector. La barra superior reúne dispositivos, historial, IA y publicación.
Selecciona «Portada» en el riel de páginas. Esta vista fija es la primera pantalla que recibe al visitante.
Usa los tres botones del centro para cambiar el ancho de edición. Cada vista conserva los mismos widgets y permite revisar su composición.
Pulsa «Añadir widget» para abrir el catálogo. Los widgets se agrupan por uso, pero cualquiera puede colocarse en cualquier página.
Elige «Portada» para ver logo, título, texto, botón Ingresar, menú, música, carga, pantalla completa y QR.
Pulsa «Logo del proyecto». El widget aparece en el lienzo y queda seleccionado para poder moverlo o cambiar su estilo.
Incorpora «Título» y escribe el nombre del proyecto o una frase corta. El inspector permite cambiar texto, estilo y alineación.
Coloca el botón que lleva de la Portada al Recorrido. Su función debe reconocerse de inmediato.
Toma el widget seleccionado y muévelo dentro del lienzo. Las guías ayudan a mantener la composición alineada.
Arrastra uno de los tiradores del marco para ajustar ancho y alto. Comprueba que el contenido no se corte.
Con el widget seleccionado, usa el panel derecho para modificar su contenido y las opciones propias del componente.
Abre «Estilo» y prueba una de las variantes disponibles. Cada widget conserva su función aunque cambie su apariencia.
Activa o desactiva la visibilidad del widget para PC, tablet y móvil cuando una composición necesite una versión más simple.
Pulsa «+» junto a Páginas, escribe el nombre y crea la página. Aparecerá en el riel lista para recibir widgets.
Abre la página fija «Recorrido». El lienzo cambia al showroom y permite crear la navegación que acompaña cada escena.
En «Añadir widget» elige «Recorrido». Encontrarás navegación, contacto, datos del proyecto, contenido libre y franjas.
Coloca «Selector de escenas» para que el visitante pueda saltar entre vistas desde una lista plegable.
Incorpora «Plano». El minimapa muestra la ubicación actual y abre la navegación completa del plano de planta.
Coloca «Franja de contacto» para reunir una llamada a la acción, formulario y WhatsApp en una banda clara.
Abre «Editar por escena» cuando una vista necesite una composición propia. El indicador muestra cuántas escenas tienen ajustes especiales.
En «Ajustes» eliges si el showroom inicia en Portada o Recorrido y defines la identidad visual común.
Prueba Grafito, Cobre, Bosque, Marino, Borgoña o Dorada. También puedes definir los colores principal y de texto.
Elige Moderna, Elegante, Clásica, Neutra o Geométrica. La selección se aplica de forma consistente a la plantilla.
Abre «Modales» para elegir la apariencia de Contacto, QR, Galería, Avance, Valores, Ficha de unidad y Ubicación.
Mantén Alt y haz clic en un widget para probar su acción —navegar o abrir un modal— sin cambiar la selección.
Abre «Ayudante IA», describe el resultado que buscas y revisa la propuesta antes de aplicarla a la plantilla.
Espera a que el estado diga «Guardado». Usa Deshacer y Rehacer para recorrer cambios recientes sin perder el trabajo.
Pulsa «Publicar», elige Privada o Pública y confirma. La nueva versión queda disponible según esa visibilidad.
La demostración no modifica ningún proyecto. Puedes pausar, volver o elegir cualquier punto de la línea de tiempo.
Abre tu panel y sigue los pasos a tu ritmo.
Cookies de medición
Nos gustaría medir cómo se usa esta página con Microsoft Clarity, para arreglar lo que se traba. Si dices que no, el script ni se descarga y todo funciona igual.
Guardado