En este artículo se explica cómo agregar imágenes interactivas de 360 grados a un sitio web de WordPress. Estas imágenes son útiles para mostrar productos desde todos los ángulos, crear recorridos virtuales en el caso de los sitios web inmobiliarios y ofrecer nuevas experiencias atractivas para los lectores de un blog de viajes. Además, el artículo sugiere que las imágenes 360º son una forma efectiva de mejorar las ventas en línea, especialmente en el caso de las tiendas en línea, y que su uso se ha popularizado con el creciente interés por la realidad virtual. El artículo proporciona dos métodos para agregar imágenes 360º en WordPress. El primero consiste en utilizar un plugin gratuito llamado Imagen 360 de Algori, que agrega un bloque de editor para facilitar la tarea. No obstante, se debe tener en cuenta que el plugin solo muestra la imagen de 360º, pero no ayuda en su creación. Por lo tanto, el usuario deberá utilizar una aplicación de teléfono inteligente o un software de diseño web para crear la imagen. El segundo método se enfoca en agregar imágenes de producto de 360º en las tiendas de WooCommerce, utilizando el plugin SR Product Vista 360°. Este plugin permite agregar una imagen de producto giratoria de 360º para cada artículo en la tienda, simplemente tomando una foto del producto desde todos los ángulos y cargando las imágenes en el orden deseado. Una vez seleccionadas las imágenes, el plugin combina las imágenes en una animación giratoria de 360º que se puede ver en la página de producto de WooCommerce.
Puede usar imágenes interactivas de 360 grados para crear recorridos virtuales o brindar a los compradores una forma de ver los productos desde todos los ángulos. A medida que la realidad virtual (VR) se vuelve más popular, también puede usar estas imágenes para crear experiencias divertidas y atractivas para sus visitantes.
En este artículo, le mostraremos cómo agregar fácilmente imágenes interactivas de 360 grados en WordPress.
¿Por qué usar imágenes interactivas de 360 grados en WordPress?
Si tiene una tienda en línea, las imágenes de productos de alta calidad son una forma importante de obtener más ventas.
Algunas grandes marcas llevan esto al siguiente nivel al crear una imagen interactiva de 360 grados que permite a los compradores explorar un producto desde todos los ángulos.
Esto es mucho más atractivo que pedir a los clientes que se desplacen por varias fotos que muestren el artículo desde diferentes ángulos.
Si tiene un sitio web de bienes raíces, puede usar imágenes 360 para crear recorridos virtuales, para que los compradores potenciales puedan explorar la propiedad. Esto puede ayudar a convencer a las personas para que reserven citas y visitas.
También puede usar imágenes de 360 grados para crear experiencias nuevas y atractivas. Por ejemplo, si tiene un blog de viajes, los lectores pueden usar imágenes interactivas para explorar diferentes lugares.
Dicho esto, veamos cómo puede agregar una imagen interactiva de 360 grados a su blog o sitio web de WordPress.
Método 1. Cómo agregar una imagen interactiva de 360 grados en WordPress
La forma más fácil de agregar imágenes giratorias de 360 grados a WordPress es usando Imagen 360 de Algori. Este WordPress gratuito plugin simplemente agrega un nuevo bloque al editor de bloques, lo que hace que el plugin muy fácil de usar
Primero, debe instalar y activar Algori 360 plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress plugin.
Después de la activación, no hay ajustes que configurar para que pueda comenzar a usar el plugin inmediatamente.
sin embargo, el plugin no te ayuda a crear una imagen de 360 grados, solo la muestra. Por lo tanto, deberá usar una aplicación de teléfono inteligente o un software de diseño web para crear la imagen.
Una vez que tenga una imagen de 360 grados, simplemente vaya a la publicación o página donde desea mostrar esa imagen interactiva.
Aquí, haga clic en el botón ‘+’ y comience a escribir ‘Imagen 360’. Cuando aparezca el bloque correcto, dale un clic para agregarlo a la página.
Ahora puede hacer clic en ‘Biblioteca multimedia’.
A continuación, elija la imagen de 360 grados de la biblioteca o cargue un nuevo archivo desde su computadora.
Dependiendo del tamaño de la imagen de 360 grados, es posible que deba esperar a que WordPress la procese. Después de unos momentos, verá la imagen de 360 grados en el editor de publicaciones.
Luego puede simplemente hacer clic en el botón ‘Actualizar’ o ‘Publicar’ para hacer que la imagen esté activa.
Ahora, si visita su sitio web de WordPress, puede arrastrar para rotar la imagen de 360 grados.
Si tiene un auricular VR, puede hacer clic en el botón ‘VR’ para explorar la imagen 360 en realidad virtual.
Solo tenga en cuenta que las imágenes interactivas pueden ralentizar su sitio web. Dicho esto, es posible que desee ver nuestra guía definitiva sobre cómo aumentar la velocidad y el rendimiento de WordPress.
También es una buena idea probar cómo se ve y actúa la imagen de 360 grados en los dispositivos móviles. Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo ver la versión móvil de los sitios de WordPress desde el escritorio.
Método 2. Cómo agregar una imagen de producto de 360 grados a su tienda WooCommerce
Las imágenes interactivas permiten a los compradores ver un producto desde todos los ángulos, por lo que son particularmente útiles para las tiendas y los mercados en línea.
Si tienes una tienda WooCommerce, entonces SR Producto Vista 360° le permite crear una imagen de producto giratoria de 360 grados para cada artículo en su tienda.
Simplemente tome una foto del producto desde todos los ángulos y luego cargue las imágenes en el orden en que desea mostrarlas.
El plugin luego combinará estas imágenes en una animación giratoria de 360 grados que los compradores pueden ver en su página de producto de WooCommerce.
Primero, deberá instalar y activar la vista SR Product 360 plugin. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un WordPress plugin.
Luego ve a Productos » Todos los productos y abra el producto donde desea agregar una imagen de 360 grados.
En el editor de productos, desplácese hasta la nueva sección Vista de 360 grados del producto. Aquí, haga clic en el botón ‘Agregar imágenes 360’.
Ahora puede seleccionar todas las imágenes que desea incluir en la animación de 360 grados.
Asegúrese de seleccionar las imágenes en el orden en que deben aparecer en la animación.
SR Product 360° View ahora mostrará todos estos archivos en la sección Product 360 Degree View. Puede cambiar el orden de las imágenes arrastrando y soltando.
Cuando esté satisfecho con estas imágenes, haga clic en el botón ‘Actualizar’ o ‘Publicar’ para hacer que la animación de 360 grados esté en vivo.
Prima: ¿Quieres llevar tu tienda WooCommerce al siguiente nivel? Intente usar el generador de embudos FunnelKit y la plataforma de automatización que le permite agregar ventas adicionales dinámicas, ventas cruzadas, aumentos de pedidos y un embudo de ventas completo en WooCommerce.
Esperamos que este artículo le haya ayudado a aprender cómo agregar imágenes interactivas de 360 grados en WordPress. También puede leer nuestra guía sobre cómo obtener un número de teléfono comercial virtual de forma gratuita, y nuestra lista de los que debe tener WordPress plugins para todos los sitios web.
visto en: wpbeginner