Cómo agregar una imagen interactiva de 360 ​​grados a WordPress

La tecnología continúa cambiando nuestra vida cotidiana y nos permite hacer cosas que antes eran posibles solo en nuestra imaginación. Ahora tenemos las herramientas que nos permiten completar muchas acciones increíblemente rápido desde la comodidad de nuestras computadoras y teléfonos, incluso realizar recorridos virtuales y explorar lugares distantes. Eso es posible gracias a las imágenes de 360 ​​grados que representan un gran logro del desarrollo tecnológico.

Las fotografías interactivas 360 constan de varias imágenes que, colocadas una junto a otra, forman un círculo continuo alrededor del lugar donde se tomaron las fotos. Por lo general, se toman con cámaras especiales de 360 ​​° que vienen con dos lentes ultraanchos (cada lente tiene un ángulo visual de al menos 180 grados) y luego se unen mediante un software de costura. También puede crearlos con aplicaciones especiales en teléfonos inteligentes. Una imagen 360 interactiva nos pone en la piel del fotógrafo y nos permite observar el entorno circundante del lugar donde se tomó la foto. Moviendo nuestro mouse (o nuestra cabeza en el caso de los cascos de realidad virtual) en la dirección que nos plazca, podemos tomar el control de la vista.

La incorporación de imágenes interactivas en una estrategia de marketing puede beneficiar enormemente a las marcas, pero las fotografías de 360 ​​grados pueden ayudarlas a romper el ruido en línea de manera aún más eficiente. Ahora discutiremos las principales ventajas de este servicio bajo demanda y demostraremos cómo agregar una imagen 360 interactiva a un sitio web de WordPress usando un complemento.

Beneficios de la fotografía 360

Reconocer el potencial de las imágenes de 360 ​​grados puede ayudar a su marca a largo plazo. Estas son algunas de las principales razones por las que debería considerar agregarlas a su sitio:

Aumente la participación del usuario

Nos encanta y apreciamos ver un excelente contenido visual, y las fotos interactivas de 360 ​​grados, en particular, tienen el poder de cautivar la atención de los usuarios y hacer que naveguen por sitios web por más tiempo en lugar de páginas con imágenes fijas. Una imagen 360 interactiva es inmersiva y puede evocar emociones hermosas, por lo que la gente disfruta viéndolas y explorándolas. Y cuanto más tiempo pasen los usuarios en su sitio, mayor será la posibilidad de que se conviertan en clientes de pago.

Destaca de la competencia

Las fotos interactivas de 360 ​​grados le permiten diferenciar su marca y sus productos de la competencia. Por ejemplo, si tiene una tienda de comercio electrónico, puede crear presentaciones de productos cautivadoras, permitir a los usuarios hacer zoom en sus productos y rotarlos como quieran para tener una idea de cómo son sus productos. No muchas marcas aprovechan este tipo de fotografías, pero debería considerar agregarlos a su sitio porque pueden ayudarlo a atraer clientes potenciales. Después de ver y tocar un producto en persona, inspeccionarlo a través de una imagen 360 interactiva es la mejor opción.

Dé vida a su negocio

Las imágenes de 360 ​​grados permiten que las personas realicen recorridos virtuales por su negocio y lo conozcan por dentro. Pueden explorar su resort, restaurante, tienda, lugar u hotel desde la comodidad de su hogar y comprender cómo está organizado y los servicios que ofrece. Al brindarles a las personas una experiencia totalmente inmersiva como ninguna imagen en 2D, puede inspirarlos y convencerlos de que visiten su establecimiento en persona.

Atrae nuevos clientes

Apelar a las imágenes de 360 notable herramienta de marketing que puede traer nuevos clientes a su manera. Por ejemplo, si figura en Google Places, las fotos interactivas de 360 ​​grados pueden ayudar a atraer usuarios a su empresa. Una vez que vengan y visiten su negocio, tendrá la oportunidad de mostrarles lo que lo hace mejor que sus competidores y dejar que la calidad de su servicio los convenza de regresar.

Ahora que hemos enumerado las ventajas de usar fotografías de 360 ​​grados, le mostraremos cómo agregarlas a su sitio web de WordPress.

Introducción al complemento WP VR

La mejor manera de agregar una imagen 360 a WordPress es usando el WP VR – Creador de panorámicas 360 y recorridos virtuales para WordPress enchufar. También puede usarlo para crear recorridos virtuales detallados. Incluso la versión gratuita incluye una gran variedad de opciones de personalización, más que cualquier otro complemento similar en el mercado. Pero para aprovechar al máximo sus poderosas opciones, debe considerar comprar uno de los tres planes de suscripción disponibles. WP VR es compatible con WPBakery, Gutenberg y Elementor. En este tutorial, usaremos el creador de páginas de Gutenberg para mostrarle cómo cargar las fotografías de 360 ​​grados en su sitio.

Antes de comenzar a crear su primer recorrido virtual, repasemos las opciones del complemento para que comprenda su potencia. Primero debe modificar la configuración general para que se ajuste a sus necesidades.

Para hacer eso, ve a WP VR> Empezar y haga clic en el Ajustes pestaña (o desplácese hacia abajo en la página hasta llegar a la Opciones generales de configuración sección). Puede habilitar otros roles de usuario para crear recorridos virtuales en su sitio (Editores y Autores), active un redimensionador móvil que hará que su imagen 360 sea adecuada para dispositivos móviles, habilita el control de script que carga los activos de WP VR solo en páginas seleccionadas con recorridos virtuales, personaliza la notificación para los usuarios que visitan el recorrido desde dispositivos móviles para recordarles que cambien su teléfono al modo horizontal para una experiencia más inmersiva, y más.

Una vez que esté resuelto, diríjase a WP VR> Agregar nuevo recorrido. Primero, puede ingresar el nombre de su recorrido.

Luego, seleccione el General pestaña de la izquierda y modificar Básico ajustes. Si lo desea, puede cargar la imagen de vista previa que se mostrará antes de que se cargue el recorrido. Sin embargo, si habilita el Tour Autoload opción, la imagen de vista previa no será visible.

Además, puedes mostrar botones de control en su imagen interactiva 360, incluyendo Acercarse, Disminuir el zoom, y Pantalla completa.

los Duración del desvanecimiento de la escena La opción le permite habilitar el efecto de desvanecimiento mientras los usuarios se mueven de una escena a la siguiente. También es posible activar el Rotación automática y configurar la velocidad y la dirección de rotación, así como especificar el tiempo después del cual la rotación comenzará de nuevo y cuándo se detendrá.

En la parte inferior de la página, está el Uso de este recorrido sección donde puede encontrar el código corto del recorrido que puede agregar a sus páginas y publicaciones.

Controles avanzados están disponibles solo para usuarios premium. Puede usarlos para controlar lo que los usuarios pueden hacer en su imagen 360. Por ejemplo, puede permitirles acercar y alejar la foto usando su teclado o su mouse, activar el control del giroscopio, agregar una brújula y mucho más. También puede crear un Galería de escenas y permitir que las personas vean todas las escenas incluidas en el recorrido virtual. La versión pro de WP VR te permite agregar música de fondo, para que la experiencia del usuario sea aún más agradable. Botones de control es otra opción premium que le permite agregar botones avanzados a la imagen, como Mover hacia arriba / abajo / izquierda / derechay personalice el icono de cada botón de control.

En caso de que desee agregar varias escenas y permitir que los usuarios cambien entre ellas, puede encargarse de eso seleccionando Escenas y modifique la configuración según sus requisitos. Debe cargar al menos una imagen 360 (pero puede agregar más si desea tener más escenas), ingresar una ID de escena y establecer al menos una escena como predeterminada. Cuando termine, presione el Avance para ver cómo se ve todo antes de guardar los cambios.

Los usuarios premium pueden personalizar cada escena agregándoles títulos, especificando el nombre del autor y decidiendo hasta dónde puede navegar un usuario hacia la izquierda, derecha, arriba y abajo, y más.

WP VR le permite agregar puntos de acceso a su foto interactiva de 360 ​​grados. Tiene la posibilidad de agregar información textual, imágenes y videos, o agregar puntos de acceso a escenas para permitir que los usuarios pasen de una escena a otra mediante el uso de puntos de acceso.

Otra gran ventaja de este complemento es que te permite crear recorridos virtuales en video, también. Como usuario premium, también puede incrustar Google Street View.

Cómo agregar imágenes 360 a su sitio usando el complemento WP VR

Una vez que se haya ocupado de todos los ajustes y los haya ajustado a sus necesidades, vaya a Escenas. Luego, cargue su foto 360 interactiva, ingrese una ID de escena y configure esa escena como predeterminada. Puedes ir con una sola escena.

Puede ver cómo se ve el recorrido presionando el Avance botón. Si está satisfecho con el resultado final, haga clic en Publicar.

Ahora, para mostrar la imagen en su página, primero agregue el WP VR bloquearlo (en Elementor, debe usar el widget WPVR, mientras que en WPBakery debe pegar el código corto en la página o publicación deseada).

Mire las opciones de bloqueo en el lado derecho de la pantalla. Haga clic en el primero – Identificación y seleccione el recorrido que acaba de crear.

A continuación, haga clic en Avance para ver cómo se ve la imagen 360 en su página, y luego Publicar eso.

Por supuesto, si lo desea, puede cargar más escenas y agregar puntos de acceso para que la imagen sea más informativa para los usuarios.

Pensamientos finales

Sin duda, una imagen 360 interactiva tiene el poder de convertir un sitio web ordinario en uno llamativo y llamativo en un instante. El complemento WP VR es una opción notable que incluye opciones impresionantes de forma gratuita, sin mencionar configuraciones aún más prácticas que vienen con versiones premium. Alternativamente a este complemento, puede optar por el ligero Imagen 360 de Algori pero funciona solo en Gutenberg o Vista de 360 ​​° del producto SR que es una buena opción en caso de que tenga una tienda en línea.