Cómo agregar imágenes interactivas de 360 ​​grados a su sitio de WordPress

Las fotografías son quizás la mejor manera de mostrar los productos y servicios que vende. Sin embargo, las imágenes, e incluso el video, a veces no son suficientes para que los usuarios tomen una decisión.

A veces, debe ir un paso más allá, como agregar imágenes interactivas a su sitio web de WordPress. En este artículo, le mostraremos cómo hacerlo con el complemento Algori 360 Image . Es uno de los muchos complementos interesantes de realidad virtual y metaverso disponibles para WordPress .

¡Vamos a profundizar en!

Suscríbete a nuestro canal de Youtube

Por qué usar imágenes de 360 ​​grados en su sitio web

Es seguro decir que las imágenes de 360 ​​grados o interactivas en un sitio web son una novedad, a menos que visite con frecuencia sitios dentro de ciertos nichos. Sin embargo, esto no se debe a la falta de soporte en los navegadores modernos.

Es posible que no sepa que los tipos de archivos normales, como JPEG o PNG, funcionan perfectamente para imágenes panorámicas o de 360 ​​grados. Las dos diferencias principales entre las imágenes de 360 ​​grados y las «normales» son:

  • Resolución. Como era de esperar, las imágenes de 360 ​​grados usan resoluciones drásticamente diferentes a las imágenes normales.
  • Falta de interactividad. Con un PNG o JPEG normal, no puede «mover» la imagen para ver nuevas partes de ella.

Aunque algunas personas pueden descartar las imágenes panorámicas como trucos en la configuración general, abren la puerta a muchas aplicaciones interesantes en los sitios web. Por ejemplo, si tiene una tienda en línea, puede ofrecer imágenes de 360 ​​grados de los productos que vende. Esto permitiría a los visitantes rotar el producto para verlo desde todos los ángulos.

Le ha gustado ver este tipo de imágenes interactivas utilizadas en los sitios para minoristas en línea. En otras palabras, no es tecnología “marginal”:

Las imágenes panorámicas también son perfectas si anuncia alquileres o vende propiedades. Con una imagen de 360 ​​grados, los interesados ​​pueden obtener una vista completa de la propiedad en lugar de navegar entre docenas de imágenes.

A medida que la realidad virtual (VR) se vuelve más popular y los auriculares crecen en ubicuidad, los sitios web que pueden ofrecer experiencias inmersivas también se beneficiarán. Es más probable que los usuarios con auriculares pasen más tiempo en su sitio web, lo que aumenta la participación, todo gracias a las imágenes interactivas.

Una introducción a las imágenes de Algori 360

Hemos hablado de complementos de realidad virtual en el pasado. Sin embargo, Algori 360 Images se destaca porque admite imágenes de 360 ​​grados y funciona con la mayoría de los principales visores de realidad virtual del mercado, como Vive , Oculus Rift , GearVR e incluso Google Cardboard .

Algori 360 Images es básicamente una herramienta plug-and-play, pero solo  funciona con el editor de bloques nativo de WordPress (debido a que Divi y el editor de bloques funcionan bien juntos, es probable que puedas hacer que esto funcione dentro de la mayoría de las páginas/diseños de Divi. Sin embargo, si eso es no es el caso, recomendamos consultar el complemento Panorama ). El complemento Algori 360 Images agrega su propio bloque personalizado y solo puede usarlo para incrustar una imagen interactiva por página.

Si se siente cómodo con esas limitaciones, las imágenes interactivas pueden ser muy divertidas de usar. Los visitantes podrán hacer zoom en las imágenes, usar el mouse o el dedo para moverse por las imágenes y activar el modo VR si tienen un auricular.

Una cosa a tener en cuenta es que Algori 360 Images no agrega soporte para tipos de archivos VR. Los archivos de realidad virtual son demasiado grandes para un uso casual en la mayoría de los sitios web, por lo que es imposible desde el punto de vista de la usabilidad. Para lo que el complemento ofrece soporte VR son imágenes panorámicas.

Características clave:

  • Sube imágenes de 360° a WordPress usando un bloque personalizado.
  • Permite a los usuarios acercar y moverse «dentro» de las imágenes.
  • Incluye soporte para mouse y navegación táctil.
  • Permite a los visitantes utilizar dispositivos de realidad virtual para interactuar con las imágenes.
  • Ofrece soporte para la mayoría de los principales auriculares VR, incluidos Vive, Rift, GearVR y Google Cardboard.

Precio:  Gratis | Más información

Cómo agregar imágenes de 360 ​​grados a WordPress

La forma más fácil de mostrarle cómo funciona el complemento Algori 360 Images es  mostrarle . Una de nuestras aplicaciones favoritas para imágenes panorámicas en la web es para blogs de viajes :

Para probar el complemento, puede configurar un blog de viajes utilizando nuestros paquetes de diseño, que también incluye algunas imágenes panorámicas adecuadas. Una vez que abra el Editor de bloques, aparecerá una nueva opción de Imágenes 360  en la parte superior:

Las imágenes de 360 ​​grados se ven mejor en ancho completo, así que use esa configuración para sus bloques de Imágenes de 360  . El complemento puede señalar que el modo VR solo admite sensores de auriculares a través de HTTPS . Esto es algo que la página de descarga del complemento no le dice, así que tenga esto en cuenta:

En cualquier caso, la interactividad de la imagen está disponible desde el principio, incluso dentro del Editor de bloques:

Una vez que publique la página, su imagen de 360 ​​grados estará disponible para que los visitantes naveguen inmediatamente:

Aunque el complemento en sí no podría ser más fácil de usar, tiene algunas desventajas que pueden no ser evidentes a primera vista. Por un lado, las imágenes de 360 ​​grados utilizan resoluciones masivas en todos los ámbitos. Esto es inherente: si desea brindar una buena experiencia interactiva, esas imágenes deben  estar en alta resolución.

Sin embargo, las imágenes interactivas de alta resolución tienen el potencial de ralentizar los tiempos de carga . Esto es particularmente evidente si agrega varios de ellos en una sola página. Por supuesto, este complemento solo le permite agregar uno, lo que ayuda a mantener bajo el tamaño de su página.

Otro aspecto que falta es que no hay un indicador de usuario para las imágenes interactivas designadas más allá del botón VR  . Si es un usuario de realidad virtual, es probable que esto indique que puede usar sus auriculares. Sin embargo, para los usuarios más ocasionales, deberá incluir una explicación para que sepan que pueden interactuar con las imágenes.

Dejando de lado esas limitaciones, agregar imágenes interactivas a WordPress usando Algori 360 Images es tan fácil como parece. Esto hace que el complemento sea una excelente opción si desea usar la imagen ocasional de 360 ​​grados en su sitio web y agregar un poco de soporte de realidad virtual mientras lo hace.

Conclusión

Las imágenes interactivas son una forma fantástica de mostrar productos y ubicaciones. Esa interactividad permite a los visitantes sumergirse por completo en la experiencia, que es difícil de replicar con imágenes normales. Si se dirige a una audiencia con auriculares VR, la experiencia puede ser aún más atractiva.

Algori 360 Images es una solución de complemento «simple» que le permite cargar fotografías panorámicas y de realidad virtual, entre otros tipos de archivos. Funciona de forma inmediata con el Editor de bloques, por lo que todo lo que tiene que hacer es cargar sus imágenes y agregar un nuevo bloque donde desee que vayan.

¿Tiene alguna pregunta sobre cómo usar Algori 360 Images? ¡Hablemos de ellos en la sección de comentarios a continuación!

Imagen en miniatura del artículo de Oleksandr Yuhlichek / shutterstock.com.