Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir fácilmente imágenes interactivas de 360 grados en WordPress

¿Alguna vez ha deseado que sus visitantes pudieran explorar un lugar virtualmente o ver un producto desde todos los ángulos?

En WPBeginner conocemos el poder de los elementos visuales cautivadores, y las imágenes de 360 grados son una forma segura de captar la atención del visitante. A medida que los dispositivos de Realidad Virtual (RV) se vuelven más accesibles, puedes incluso utilizar imágenes de 360 grados para crear experiencias realmente inmersivas y divertidas para suscriptores y clientes potenciales.

En este artículo, le mostraremos cómo añadir fácilmente imágenes interactivas de 360 grados en WordPress.

How to Easily Add Interactive 360 degree images in WordPress

¿Por qué utilizar imágenes interactivas de 360 grados en WordPress?

Si tiene una tienda en línea, las imágenes de alta calidad de los productos pueden ayudarle a conseguir más ofertas.

Algunas grandes marcas llevan esto al siguiente nivel creando una imagen interactiva de 360 grados que permite a los compradores explorar un producto desde todos los ángulos.

An example of an interactive 360 degree image

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 de 360º para crear recorridos virtuales que permitan a los compradores potenciales explorar la propiedad. Esto puede ayudar a convencer a la gente para reservar citas y visitas.

También puede utilizar imágenes de 360 grados para crear experiencias nuevas y atractivas. Por ejemplo, si tienes un blog de viajes, los lectores pueden utilizar imágenes interactivas para explorar distintos lugares.

An example of a virtual tour

Dicho esto, vamos a ver cómo puedes añadir una imagen interactiva de 360 grados a tu blog o sitio web de WordPress. Vamos a cubrir 2 métodos, y puede utilizar los enlaces rápidos a continuación para saltar a la que desea utilizar:

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.

An example of an interactive 360 image in WordPress

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 utilizando una aplicación para smartphone o un software de diseño web. Las imágenes de 360 grados también pueden añadir mucho peso a tu sitio web, por lo que es vital que optimices esta imagen para la 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.

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.

Adding a 360 degree image block to WordPress

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.

Adding an interactive 360 degree image to WordPress

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.

Publishing a 360 degree image to your WordPress website or blog

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.

Adding a Virtual Reality (VR) image to WordPress

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

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 producto de su WooCommerce.

A 360 degree product image on a WooCommerce store

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”.

Adding images to a WooCommerce product on an online store

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.

Adding an interactive product image to your WordPress website

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

1 comentarioDeja una respuesta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.