Ir al contenido principal

Cómo incrustar un tour virtual 3D de Matterport en tu guía

Añade un tour virtual 3D de Matterport a cualquier sección de tu guía de Touch Stay para que tus huéspedes exploren tu propiedad de forma divertida, se entusiasmen con su viaje y se organicen con tiempo, mucho antes de llegar.

Índice:

Video: cómo añadir un tour virtual 3D de Matterport a tu guía de Touch Stay

Paso a paso: cómo añadir un tour virtual 3D de Matterport a tu guía de Touch Stay

Abre Elementos personalizados (Custom Elements) y haz clic en Nuevo elemento personalizado (New Custom Element):

  • Nuevo Hub: Biblioteca de la cuenta (Account library) → Elementos personalizados en la barra lateral izquierda (si eres propietario de varias cuentas: Centro de contenidos (Content Hub) → Elementos personalizados)

  • Hub anterior: Ajustes (Settings) → Elementos personalizados

Selecciona Matterport como Servicio de terceros (Third Party Service). Se generará un Nombre del código del elemento (Element code name). Este es el código que insertarás en tu guía, en el lugar donde quieras que aparezca el tour de Matterport. Puedes cambiar el nombre como quieras para identificar más fácilmente cada elemento personalizado que añadas. Solo puedes usar letras, números, guiones bajos o guiones; no se permiten caracteres especiales ni espacios.

A continuación, necesitas el código de inserción de tu tour virtual 3D de Matterport. Ve a tu cuenta de Matterport. En las opciones para compartir de tu tour, copia el código de inserción, pégalo en el campo Matterport embed code (código de inserción de Matterport) en Touch Stay y haz clic en Guardar (Save). También se acepta el enlace directo del tour (que comienza con https://my.matterport.com/show).

Campo del código de inserción de Matterport

Para insertar el tour virtual 3D de Matterport en tu guía, abre el tema al que quieras añadirlo (nuevo Hub: abre la guía y ve a la pestaña Contenido de la guía (Guidebook Content); Hub anterior: Centro de contenidos). Coloca el cursor donde quieras que aparezca el tour. Haz clic en Elemento personalizado (Custom Element) en la barra de herramientas del editor, selecciona el nombre del código del elemento correspondiente en el menú desplegable y haz clic en Insertar (Insert). Después, guarda el tema (nuevo Hub: Guardar cambios (Save Changes); Hub anterior: Guardar).

Insertar elemento personalizado
Elemento personalizado en el tema

Así se colocará el código de tu elemento personalizado en el contenido del tema y, cuando veas la vista previa de la guía, se reemplazará por el tour 3D que elegiste.

Preguntas frecuentes para resolver problemas

No se acepta mi código de inserción al crear mi elemento personalizado, ¿qué debo hacer?

Si no se acepta tu código de inserción, lo más probable es que no sea el código correcto. Touch Stay necesita el código de inserción estándar (o el enlace directo) de tu tour, que apunta a https://my.matterport.com/show. Si aun así no funciona, o no lo encuentras en tu cuenta de Matterport, ponte en contacto con soporte y envíanos una captura de pantalla de las opciones para compartir de Matterport que tienes disponibles.

Mi tour 3D no se muestra completo o tiene mucho espacio vacío debajo, ¿qué debo hacer?

El tour virtual 3D de Matterport se añade a tu guía mediante lo que en desarrollo web se conoce como iframe. Esta técnica crea en tu guía una ventana hacia el reproductor del tour 3D. Sin embargo, la ventana no puede detectar el tamaño del tour 3D de origen, así que quizá quieras ajustar su altura para que se adapte mejor a tu reproductor. Abre Elementos personalizados (consulta la ruta más arriba), usa el menú de tres puntos junto al elemento, selecciona Ver o editar (View/Edit) y ajusta la Altura estándar del elemento (Standard element height). Puede ser útil tener la vista previa de tu guía abierta en otra pestaña para actualizar la página después de cambiar la altura, por si necesitas ajustarla más.

Editar la altura

¿Puedo tener una versión diferente del tour 3D para cada una de mis guías?

En el Hub anterior, sí. Ve a Guías (Guides) y haz clic en el nombre de la guía. Desplázate hasta la tarjeta Elementos personalizados de la guía (Guide Custom Elements), al final de la página Detalles de la guía (Guide details), y haz clic en Editar (Edit). En la ventana Editar los elementos personalizados (solo esta guía) (Edit Custom Elements (this guide only)), pega el código de inserción de esta guía y ajusta la altura del elemento según sea necesario. Esta tarjeta solo aparece si tienes más de una guía y al menos un elemento personalizado.

El nuevo Hub todavía no tiene una pantalla por guía, así que ahí no puedes ver ni editar los valores de cada guía. Los valores que ya configuraste por guía en el Hub anterior se siguen aplicando a esa guía. Para cambiarlos, vuelve al Hub anterior (consulta Cómo cambiar entre el nuevo Hub y el Hub anterior). Ten en cuenta que, si eres propietario, administrador o administrador del equipo, al cambiar al Hub anterior también se desactiva Guidebook 2.0.


🤝 ¿Necesitas ayuda?

Nuestro asistente de IA, Fin, está disponible 24/7 y suele responder en menos de 10 segundos. Si Fin no puede resolver tu problema, nuestro equipo de soporte se hará cargo de tu caso a partir de ahí.

También puedes escribir a nuestro equipo a [email protected] y estaremos encantados de ayudarte.

¿Ha quedado contestada tu pregunta?