Tipos de elementos multimedia de productos

Los clientes que exploran tu tienda online ven los elementos multimedia, como las imágenes, en las páginas de producto. El uso de elementos como videos, modelos 3D y realidad aumentada en tu página de producto puede incrementar la confianza de un cliente y dar como resultado una mejor experiencia para él y un aumento de las ventas. Es importante que los elementos multimedia que agregues para tus productos sean de gran calidad y cumplan con las especificaciones necesarias para que se suban y muestren correctamente.

Para mostrar videos o modelos 3D en páginas de productos, tu tienda online debe usar un tema compatible con los elementos multimedia que quieras agregar. Todos los temas permiten agregar imágenes a tus productos.

Imágenes

Las imágenes de productos se usan para mostrar productos en los canales de ventas de Shopify, incluso en la tienda online y en Shopify POS. El mejor tipo de archivo para la mayoría de las imágenes de productos es PNG, seguido de JPEG. Otros tipos de archivo aceptados son PSD, TIFF, BMP, GIF, SVG, HEIC, y WebP. El servicio Imagery de Shopify determina qué formatos de imagen son compatibles con el navegador web del cliente y luego muestra automáticamente la imagen en el mejor formato disponible. La forma exacta en que aparecen las imágenes en tu tienda depende del tema de tu tienda online, pero todos los temas admiten el agregado de imágenes.

Las imágenes de productos y colecciones pueden tener cualquier tamaño hasta un máximo de 5000 x 5000 px, o 25 megapíxeles. El tamaño del archivo de las imágenes de productos y colecciones debe ser inferior a 20 MB para poder agregarlo a Shopify.

Las fotos de alta resolución se ven con un mejor acabado y profesionales para tus clientes. Para las imágenes de producto cuadradas, generalmente se ve mejor un tamaño de 2048 x 2048 px. Para aprender más sobre cómo fotografiar tus productos, lee la guía completa para una buena fotografía de producto en el blog de Shopify.

Cuando agregas una imagen, se crean automáticamente diferentes tamaños para usarlos en diferentes áreas del tema de tu tienda online. Por ejemplo, la versión grande de una imagen de producto se puede usar en la página de detalles del producto, donde el cliente desea ver el producto con más detalle. La versión compacta de la misma imagen se puede usar en las plantillas de colección, donde una imagen más grande no es necesaria.

Modelos 3D

Los modelos 3D son representaciones virtuales de un objeto en tres dimensiones. Con los modelos 3D, puedes dar a tus clientes una mejor idea del tamaño, la escala y los detalles de tus productos.

Un cliente que esté navegando por tu tienda puede ver modelos 3D de productos en desde la página de producto. Los modelos usan la cámara y la pantalla del dispositivo para mostrar el producto en el entorno del cliente. Al usar el modelo 3D, el cliente puede ver el objeto desde cualquier ángulo.

Asegúrate de que tus archivos de modelos 3D cumplan con los siguientes requisitos antes de agregarlos a tu tienda online:

  • Tamaño del archivo: hasta 500 MB
  • Tipo de archivo: GLB, USDZ

Si subes un archivo de modelo 3D que exceda los 15 MB, tu archivo se optimizará automáticamente. La optimización reduce los tamaños de los archivos y aumenta los tiempos de carga.

Lista de tamaños de modelo (en MB), la regla de optimización y el tipo de elemento multimedia de conversión predeterminado
Tamaño del modeloOptimizaciónConversión
Menos de 15 MBEl modelo 3D no está optimizado. La geometría y los materiales del modelo no se modifican.Los archivos se convierten para garantizar que estén disponibles una versión .USDZ y una .GLB del modelo. La conversión garantiza compatibilidad con los dispositivos iOS y Android.
Más de 15 MBEl modelo 3D está optimizado. La geometría y las texturas del modelo se optimizan, conservando el resultado visual del archivo original.Los archivos se convierten para garantizar que estén disponibles una versión .USDZ y una .GLB del modelo. La conversión garantiza compatibilidad con los dispositivos iOS y Android.

Videos

Puedes agregar videos para tu producto de dos maneras: subir un archivo de video o insertar un enlace de video de YouTube o Vimeo. Si subes archivos de video, asegúrate de cumplir con los siguientes requisitos:

  • Duración del video: hasta 10 minutos
  • Tamaño del video: hasta 1 GB
  • Resolución del video: hasta 4K (4096 x 2160 px)
  • Tipo de archivo de video: .mp4, .mov o .webm

Los archivos

No es obligatorio cumplir con estos requisitos para incrustar vídeos de YouTube o Vimeo. Sin embargo, no se admiten URL que no procedan de YouTube o Vimeo.

En los navegadores que admiten streaming, los videos se muestran en 480p, 720p o 1080p, dependiendo de la velocidad de conexión del usuario y la resolución del video subido. En los navegadores que no lo admiten, los videos se muestran con la mayor resolución disponible.

Puedes Agregar imágenes, modelos 3D o videos para tus productos desde el panel de control de Shopify o desde la aplicación de Shopify.

Temas compatibles con modelos 3D o videos

Puede que tu tema ya sea compatible con modelos 3D o videos. Asegúrate de que tu tema está actualizado a la versión correcta.

Los siguientes temas de Shopify admiten la reproducción de modelos 3D o videos en la tienda online.

Temas de Online Store 2.0:

Ciertos temas también se han actualizado para ofrecer una experiencia mejorada para la reproducción de videos de Vimeo. Si deseas tener videos de Vimeo destacados en tu tema, recomendamos actualizar tu tema a una de las siguientes versiones:

La mayoría de los temas externos tienen versiones recientes que incluyen modelos 3D o videos. Si usas un tema externo, puedes contactar a su desarrollador para obtener ayuda o consultar la documentación de ayuda del tema.

Agregar elementos multimedia a los productos mediante el uso de metacampos

Si deseas personalizar la forma en que se muestran los elementos multimedia del producto en tu tienda online, puedes utilizar metacampos para crear un metacampo de referencia de archivo para los productos. Los metacampos de referencia de archivo permiten cargar imágenes para mostrarlas en tus productos u otros tipos de archivos para que los clientes los descarguen. Puedes mostrar imágenes JPEG, PNG, WEBP, SVG, HEIC o GIF en los metacampos de la tienda online. Un metacampo puede contener solo un archivo a la vez.

Si tienes un tema de Online Store 2.0, puedes conectar los metacampos de referencia de los archivos mediante el editor de temas. Si utilizas temas vintage, puedes editar su código o contratar a un Shopify Partner para que te ayude.

¿No encuentras las respuestas que estás buscando? Estamos aquí para ayudarte.