¿Quiere que los visitantes exploren virtualmente un lugar o vean un producto desde todos los ángulos?
No es necesario gastar dinero en un complicado software de recorrido, gira, viaje virtual, ni perder tráfico reenviando a los visitantes a una plataforma de terceros. De hecho, puede alojar imágenes de 360 grados en su sitio web WordPress, sin que ello afecte a su rendimiento.
Con el plugin adecuado, incluso puedes crear imágenes interactivas de 360 grados en WordPress.
En este artículo, le mostraremos cómo crear una experiencia realmente envolvente para suscriptores y clientes potenciales añadiendo imágenes interactivas de 360 grados en WordPress.
Añadir imágenes de 360 grados sin software especializado
Si tiene una tienda online, ya conoce el reto que supone vender productos que los clientes no pueden ver en persona. Las imágenes de 360 grados son una forma de salvar esta distancia, ya que permiten a los compradores explorar un producto desde todos los ángulos.
Esto resulta mucho más atractivo que pedir a los clientes que se desplacen por una galería de imágenes que muestra el elemento / artículo desde distintos ángulos.
Si tiene un sitio web inmobiliario, puede utilizar imágenes 360 para crear recorridos virtuales que permitan a los compradores potenciales explorar la propiedad, o simplemente utilizar estas imágenes para crear experiencias nuevas y atractivas. Por ejemplo, si tienes un blog de viajes, los lectores pueden utilizar imágenes interactivas para explorar diferentes lugares.
A pesar de todos los aspectos positivos, existen algunos retos. Si se utilizan de forma incorrecta, estos grandes archivos pueden ralentizar su sitio, lo que perjudica la experiencia del visitante y su SEO. Los visitantes también pueden tener problemas para desplazarse por la imagen si la navegación no está clara, o las imágenes de 360 grados pueden ser totalmente incompatibles con su dispositivo o navegador.
Por eso hemos probado todas las opciones y hemos encontrado dos plugins que te permiten añadir a tu sitio web imágenes de 360 grados fáciles de usar, adaptables y optimizadas. Un plugin incluso te permite crear estas imágenes interactivas directamente en el escritorio de WordPress.
Al igual que cualquier otra imagen, sigue siendo vital que optimices tu imagen 360 para la web.
Dicho esto, veamos cómo puedes añadir una imagen interactiva de 360 grados a tu blog o sitio web de WordPress.
Método 1: Cómo añadir una imagen interactiva de 360 grados en WordPress
La forma más fácil de añadir imágenes giratorias de 360 grados a WordPress es utilizando Algori 360 Image. Este plugin gratuito para WordPress simplemente añade un nuevo bloque, lo que hace que el plugin sea muy fácil de usar.
Sin embargo, el plugin no te ayuda a crear una imagen de 360 grados, solo a mostrarla. Esto significa que tendrás que crear la imagen con una aplicación para smartphone o un software de diseño web.
Una vez hecho esto, tienes que instalar y activar el plugin Algori 360. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Una vez activado, no hay ajustes que configurar, por lo que puede empezar a utilizar el plugin de inmediato. Es un gran contraste con algunos programas de edición de fotos.
Una vez que tenga una imagen de 360 grados, sólo tiene que ir a la entrada o página en la que desea mostrar esa imagen interactiva.
Aquí, haz clic en el botón ‘+’ y empieza a escribir ‘Imagen 360’. Cuando aparezca el bloque adecuado, haz clic en él para añadirlo a la página.
Ahora puede hacer clic en “Biblioteca de medios”.
A continuación, elija una imagen de 360 grados de la biblioteca o suba un archivo nuevo desde su ordenador.
Dependiendo del tamaño de la imagen de 360 grados, puede que tengas que esperar a que WordPress la procese. Al cabo de unos instantes, verás la imagen de 360 grados en el editor de entradas.
A continuación, basta con hacer clic en el botón “Actualizar” o “Publicar” para que la imagen aparezca.
Ahora, si visitas tu sitio web WordPress, puedes arrastrar para rotar la imagen de 360 grados.
Si tienes un casco de realidad virtual, puedes hacer clic en el botón “VR” para explorar la imagen 360 en realidad virtual.
Ten en cuenta que las imágenes interactivas pueden ralentizar tu sitio web. Dicho esto, le recomendamos que consulte 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 añadir una imagen de producto de 360 grados a tu tienda WooCommerce
Como ya se ha mencionado, las imágenes interactivas permiten a los compradores ver un producto desde todos los ángulos, por lo que son especialmente útiles para mercados y tiendas en línea.
Si tienes una tienda WooCommerce, entonces SR Product 360° View te permite crear una imagen de producto giratoria de 360 grados para cada elemento / artículo de tu tienda.
Simplemente tome una foto del producto desde todos los ángulos y luego suba las fotos en el orden en que desea mostrarlas.
El plugin combinará estas imágenes en una animación giratoria de 360 grados que los compradores podrán ver en la página de productos de WooCommerce. Dicho esto, no necesitas ningún software especializado para crear estas imágenes interactivas, ya que puedes gestionar todo desde el escritorio de WordPress con el que ya estás familiarizado.
En primer lugar, tendrá que instalar y activar el plugin SR Product 360 view. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un plugin de WordPress.
A continuación, vaya a Productos “ Todos los productos y abra el producto en el que desea añadir una imagen de 360 grados.
En el editor de productos, desplácese hasta la nueva sección Vista de 360 grados del producto. Aquí, haz clic en el botón “Añadir imágenes 360”.
Ahora puede seleccionar todas las imágenes que desee 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 mostrará ahora todos estos archivos en la sección Product 360 Degree View. Puede reordenar las imágenes usando arrastrar y soltar.
Cuando estés satisfecho con estas imágenes, haz clic en el botón “Actualizar” o “Publicar” para que la animación de 360 grados se vea en directo.
Bonus: ¿Quieres llevar tu tienda WooCommerce al siguiente nivel? Pruebe a utilizar el maquetador de embudos FunnelKit y la plataforma de automatización para añadir ventas dirigidas, ventas cruzadas, pedidos y un embudo de ventas completo en WooCommerce.
Esperamos que este artículo te haya ayudado a aprender cómo añadir imágenes interactivas de 360 grados en WordPress. Puede que también quieras leer nuestra guía sobre cómo crear flipbox superpuestos y al pasar el cursor en WordPress, y nuestra selección experta de los mejores plugins de carrusel / control deslizante.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
¿Tiene alguna pregunta o sugerencia? Por favor, deje un comentario para iniciar la discusión.