Tipos de elementos multimedia de productos
Los clientes que navegan en tu tienda online ven los elementos multimedia como imágenes en las páginas de productos. El uso de elementos como videos, modelos 3D y realidad aumentada en tu página de producto puede aumentar la confianza de un cliente, resultando en una mejor experiencia del cliente y más ventas. Es importante que estos elementos multimedia que agregar a tus productos sean de alta calidad y cumplan con las especificaciones requeridas para que se muestren de forma correcta.
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.
En esta página
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.
Tamaño del modelo | Optimización | Conversión |
---|---|---|
Menos de 15 MB | El 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 MB | El 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
o.mov
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.