Showroom casa de 3 pisos
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 YouTubeTutorial visual completo
Domina Escenas y crea tu propia plantilla
Elige un recorrido y mira cada acción sobre una réplica del editor real: primero construye el showroom y después diseña la experiencia que verán tus visitantes.
Tutoriales en video
Sección tutoriales
Mira el proceso completo de principio a fin. Después sigue los recorridos visuales de Escenas y Plantillas.
Crea unidades y conéctalas a un recorrido 360
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
Tutorial visual completo
Domina Escenas de principio a fin
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.
Reproducción automática
Paso 1 / 26
Reconoce el editor
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.
Abre la Biblioteca
Pulsa «+ Escena» en la cabecera de «Recorrido». La Biblioteca aparece sobre el editor sin hacerte perder el contexto.
Pulsa «Subir archivos»
En la esquina superior derecha de Biblioteca, abre «Subir archivos» para incorporar imágenes, panoramas o vídeos.
Elige o arrastra los recursos
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.
Deja terminar la carga
Cada archivo muestra su propio avance. Espera a que todos lleguen al 100 % antes de cerrar la carga o empezar a crear escenas.
Filtra por tipo
Usa los filtros de Biblioteca para mostrar solo imágenes planas, vídeos o panoramas 360°. Así separas rápidamente cada parte del recorrido.
Selecciona las vistas
Pulsa cada miniatura que quieras convertir en escena. La marca azul y el contador confirman exactamente qué archivos están seleccionados.
Crea las escenas
Pulsa «Crear escenas». Cada recurso seleccionado se convierte en una tarjeta dentro de la columna «Recorrido».
Abre una escena
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.
Ordena el recorrido
Arrastra la tarjeta desde su manilla y suéltala en la posición correcta. El cursor muestra el recorrido completo del movimiento.
Abre «Detalle de la escena»
Pulsa «Detalle de la escena» en la tarjeta activa. El panel lateral reúne tipo, imagen, variantes, título, destinos y transición.
Marca la vista como 360°
En «Tipo», elige «360°» cuando la imagen sea panorámica. El visor la tratará como una esfera que el visitante puede mirar alrededor.
Añade variantes
En «Imagen y variantes», pulsa «+» y elige otra versión desde Biblioteca: por ejemplo, un acabado distinto del mismo ambiente.
Activa «Punto de navegación»
Cierra el detalle y pulsa el botón redondo de puntos junto al visor. El editor entra en modo «Colocando puntos…».
Coloca el punto en el panorama
Haz clic en la puerta, pasillo o escalera por donde debería continuar la visita. El punto queda fijado a ese lugar del panorama.
Elige el destino
En «Detalles del punto», abre «Destino» y selecciona la escena a la que llevará el clic, por ejemplo «360 3».
Ajusta icono y tamaño
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.
Crea también la vuelta
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.
Revisa el Mapa
Abre «Mapa» para ver la red completa. Los círculos conectados forman el recorrido; las tarjetas punteadas son escenas todavía sueltas.
Conecta las escenas 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.
Abre «Transición de vídeo»
Desde las herramientas del visor, abre «Transición de vídeo». Define dónde empieza y dónde termina el clip.
Elige el clip y guarda
Elige un vídeo de Biblioteca, comprueba la ruta «Empieza en → Termina en» y pulsa «Guardar transición».
Previsualiza el recorrido
Pulsa «Ver el showroom» y recorre todos los puntos como visitante. Comprueba destinos, vueltas, variantes y transiciones.
Carga el plano de planta
Abre «Planos», crea un plano para el nivel y carga desde Biblioteca la imagen correspondiente de la planta.
Ubica las escenas en el plano
Coloca cada escena sobre su ambiente dentro del plano. El visitante podrá saltar entre niveles y habitaciones desde esta vista.
Publica el showroom
Abre el estado de publicación y elige «Publicar para todos» o «Publicar en privado». El proyecto queda disponible según esa visibilidad.
Tutorial visual de plantillas
Crea tu propia plantilla
Una demostración del editor real para construir páginas, colocar widgets, adaptar cada pantalla y publicar una plantilla reutilizable.
Reproducción automática
Paso 1 / 30
Entra en Presentación
Desde el panel del proyecto abre «Presentación». Allí viven las plantillas del sistema y todas las plantillas propias del showroom.
Pulsa «Crear plantilla»
Abre «Tus plantillas» y pulsa «Crear plantilla». Escribe un nombre claro; podrás reutilizarla y editarla después.
Reconoce las tres zonas
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.
Abre la Portada
Selecciona «Portada» en el riel de páginas. Esta vista fija es la primera pantalla que recibe al visitante.
Comprueba PC, tablet y móvil
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.
Abre «Añadir widget»
Pulsa «Añadir widget» para abrir el catálogo. Los widgets se agrupan por uso, pero cualquiera puede colocarse en cualquier página.
Filtra los widgets de Portada
Elige «Portada» para ver logo, título, texto, botón Ingresar, menú, música, carga, pantalla completa y QR.
Añade el logo
Pulsa «Logo del proyecto». El widget aparece en el lienzo y queda seleccionado para poder moverlo o cambiar su estilo.
Añade un título
Incorpora «Título» y escribe el nombre del proyecto o una frase corta. El inspector permite cambiar texto, estilo y alineación.
Añade «Ingresar 360°»
Coloca el botón que lleva de la Portada al Recorrido. Su función debe reconocerse de inmediato.
Arrastra el widget
Toma el widget seleccionado y muévelo dentro del lienzo. Las guías ayudan a mantener la composición alineada.
Cambia su tamaño
Arrastra uno de los tiradores del marco para ajustar ancho y alto. Comprueba que el contenido no se corte.
Edita desde el inspector
Con el widget seleccionado, usa el panel derecho para modificar su contenido y las opciones propias del componente.
Elige un estilo
Abre «Estilo» y prueba una de las variantes disponibles. Cada widget conserva su función aunque cambie su apariencia.
Define dónde se ve
Activa o desactiva la visibilidad del widget para PC, tablet y móvil cuando una composición necesite una versión más simple.
Crea una página nueva
Pulsa «+» junto a Páginas, escribe el nombre y crea la página. Aparecerá en el riel lista para recibir widgets.
Diseña el Recorrido
Abre la página fija «Recorrido». El lienzo cambia al showroom y permite crear la navegación que acompaña cada escena.
Mira los widgets del Recorrido
En «Añadir widget» elige «Recorrido». Encontrarás navegación, contacto, datos del proyecto, contenido libre y franjas.
Añade un selector de escenas
Coloca «Selector de escenas» para que el visitante pueda saltar entre vistas desde una lista plegable.
Añade el plano de planta
Incorpora «Plano». El minimapa muestra la ubicación actual y abre la navegación completa del plano de planta.
Añade una franja de contacto
Coloca «Franja de contacto» para reunir una llamada a la acción, formulario y WhatsApp en una banda clara.
Edita una escena en particular
Abre «Editar por escena» cuando una vista necesite una composición propia. El indicador muestra cuántas escenas tienen ajustes especiales.
Abre «Ajustes»
En «Ajustes» eliges si el showroom inicia en Portada o Recorrido y defines la identidad visual común.
Elige una paleta
Prueba Grafito, Cobre, Bosque, Marino, Borgoña o Dorada. También puedes definir los colores principal y de texto.
Define la tipografía
Elige Moderna, Elegante, Clásica, Neutra o Geométrica. La selección se aplica de forma consistente a la plantilla.
Configura los modales
Abre «Modales» para elegir la apariencia de Contacto, QR, Galería, Avance, Valores, Ficha de unidad y Ubicación.
Prueba sin seleccionar
Mantén Alt y haz clic en un widget para probar su acción —navegar o abrir un modal— sin cambiar la selección.
Pide ayuda a la IA
Abre «Ayudante IA», describe el resultado que buscas y revisa la propuesta antes de aplicarla a la plantilla.
Revisa autoguardado e historial
Espera a que el estado diga «Guardado». Usa Deshacer y Rehacer para recorrer cambios recientes sin perder el trabajo.
Publica la plantilla
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.