18 junio, 2024

Código HTML Tour Virtual

El Tour virtual se ha convertido en una herramienta indispensable para cualquier negocio que desee destacarse en Internet. Permite a los potenciales clientes explorar virtualmente un local desde la comodidad de sus dispositivos, brindando una experiencia inmersiva y accesible. 

A través de Google Maps y su función de Street View y 360º, los usuarios pueden navegar por el interior de un establecimiento, seleccionar puntos de inicio y obtener el código HTML para integrar esta experiencia en su propia web o redes sociales. Descubre cómo aprovechar esta tecnología para potenciar la visibilidad de tu negocio online.

El Código HTML tour virtual está asociado a la ficha de negocio de Google, por lo que la manera más fácil de encontrarlo es siguiendo los siguientes pasos:

  1. Google Maps: Solo tienes que escribir en el navegador [Google Maps] y hacer clic en la primera opción que te ofrece Google.
  2. El Local: Escribe el nombre del local en el buscador de Google Maps.
  3. Street View y 360º: En el panel de la izquierda baja hasta la zona de [Fotos] y muévete a la derecha hasta encontrar la opción de [Street View y 360º] y haz clic.
  4. Inicio de la visita: Utiliza el teclado de dirección (flechas: arriba, abajo, izquierda, derecha) para moverte dentro de la visita virtual y elige el punto en el que quieres que empiece.
  5. Código HTML: Haz clic en los 3 puntos que aparecen a la derecha del nombre del local en el panel [Street View].

Paso a paso

Te explicamos cómo conseguir el código HTML de tu tour virtual a través de Google Maps con todo lujo de detalles siguiendo el esquema anterior.

1. Google Maps

  • Abrir un navegador, tanto si es Chrome como otro
  • Escribir en el navegador [Google Maps]
  • Haz clic en la primera opción.
  • La nueva página es un mapa con la ubicación más cercana.

2. El Local

  • En la caja de búsqueda escribe el nombre del local con tour virtual y haz clic en la lupa.
  • Conforme vas escribiendo el buscador de Google Maps te irá dando pistas del nombre completo. Si ves el que te interesa, haz clic sobre la opción del menú desplegable que se va formando.
  • La ventana se cargará con la imagen más popular del local a la derecha y a la izquierda su ubicación en el mapa con el ícono rojo.
  • En el panel izquierdo de la pantalla se mostrará toda la información relevante de la ficha Google del local. Nombre comercial, dirección postal completa, dirección del sitio web, teléfono de contacto, abierto/cerrado, horario, cómo llegar y, si has iniciado sesión con tu cuenta Google, podrás guardar esta ubicación en tu colección personal de mapas. Asegúrate de que la ficha de negocio de tu local tiene toda esta información disponible para los clientes.

3.Street View y 360º

  • En el mismo panel y debajo de la información del local encontrarás la sección de [Fotos] agrupadas por categorías: Todo, Recientes, Del propietario, Street View y 360º, Videos. Recuerda que hay que deslizarse por esta categoría con las flechas de derecha a izquierda.
  • Haz clic en la categoría [Street View y 360º] la pantalla se refrescará con 2 paneles. El panel de la izquierda es una secuencia de fotos o puntos de inicio del recorrido virtual. El panel de la derecha verás el recorrido virtual. Interactúa moviéndote con el teclado de ubicación: izquierda, derecha, adelante y atrás. Tal y como lo harías en Google Maps.

4. Inicio de la visita

  • La imagen que aparece en pantalla es la primera que verán los visitantes.
  • Puedes elegir el punto de partida de la visita virtual haciendo clic en cada una de las fotos del panel de la izquierda. El panel de la derecha se actualizará automáticamente.
  • Si prefieres que el tour virtual empiece en otro punto, solo tienes que encontrarlo moviéndote en el panel de la derecha hasta encontrar el punto con el que te gustaría empezar la visita virtual.

5. Código HTML Tour Virtual

  • En la esquina superior derecha del panel de la derecha encontrarás la caja de identificación del tour virtual. Se muestra: el nombre del local, el fotógrafo de confianza, la fecha de subida a Street View y un menú de 3 puntos.
  • Haciendo clic en el menú de 3 muntos se deplegará un submenu con las opciones de: [imprimir], [informar de un problema] y [compartir o incorporar una imagen]. Esta última es la opción que elegiremos.
  • También puedes utilizar el enlace URL para enviarlo por email, SMS, WhatsApp, mensaje de Facebook, etc.
  • Si quieres, también puedes compartirlo directamente en tu perfil de Facebook o en Twitter.

Comparte el Tour Virtual

Y ahora que tienes el código HTML tour virtual ¿Qué es lo que puedes hacer? Hay muchas opciones, por eso te recomendamos que las uses según más te convenga. A continuación te ofrecemos una lista de lo que podrías hacer:

  • Incluir el tour virtual en la web de tu negocio
  • Ponerlo el tour virtual en Facebook. Se mostrará en una pestaña de la FanPage de tu negocio
  • Compartirlo el tour virtual en un email
  • Enviar el enlace al tour virtual por whatsApp

El Código HTML Tour Virtual de Google Maps ofrece una forma efectiva de integrar experiencias visuales inmersivas en la presencia online de tu negocio local. A través de pasos sencillos en Google Maps, puedes generar y personalizar un tour virtual que captura la esencia y la ubicación de tu local. 

Este código no solo facilita la inclusión del tour en tu página web, redes sociales o correos electrónicos, sino que también amplía las posibilidades de interactuar y atraer nuevos clientes desde diferentes plataformas digitales.