4 formas de subir imágenes y archivos personalizados a tu tienda Shopify

Tomas Janu

|

June 14, 2024

4 formas de subir imágenes y archivos personalizados a tu tienda Shopify

Mientras gestionas tu tienda, trabajas principalmente con el editor de temas, donde puedes cambiar fácilmente todas las imágenes del escaparate. Sin embargo, de vez en cuando, puede que necesites subir una imagen o archivo personalizado y alojarlo en el dominio de tu tienda. En esta guía, te explicaremos cómo hacerlo.

4 formas de subir imágenes y archivos personalizados a tu tienda Shopify

Básicamente hay cuatro maneras, algunas o más difíciles, pero todas llevan al mismo resultado. Tener la URL personalizada de tu imagen/archivo subido, que está alojado en Shopify (es decir, el dominio cdn.shopify.com), para que puedas compartirlo o usarlo en tus correos electrónicos.

El principal beneficio de tener el archivo alojado en la CDN de Shop ify es la cobertura de red global que permite a los visitantes una descarga rápida sin importar dónde se encuentren. Y, por supuesto, es gratis (parte de tu suscripción al plan de Shopify).

Método #1 - Subir imagen o archivo a través de Shopify Files

Este es probablemente el método más sencillo utilizando una sección llamada Archivos en el administrador de Shopify. Está disponible para todos los planes de Shopify incluyendo el Básico. El reto es que la sección está realmente "oculta" como parte de la configuración de la tienda.

  1. Ve al administrador de tu tienda y navega a Configuración
  2. En el menú de la izquierda, selecciona Archivos
  3. Haz clic en el botón verde Subir archivos y elige el archivo que quieres subir.
  4. Una vez que el archivo se haya subido y procesado, podrás verlo en la lista. Para obtener el enlace directo, simplemente haz clic en el icono "enlace".

Si estás en un plan de pago de Shopify, puedes subir cualquier archivo excepto los archivos HTML. El tamaño máximo de archivo es de 20 MBs, y la resolución de 20 MPx (megapíxeles).

Uploading custom file via Shopify Files

Subir archivos tiene ciertas limitaciones si estás en un plan de prueba, y sólo las siguientes extensiones de archivo son compatibles por razones de seguridad.

  • JS
  • CSS
  • GIF
  • JPG
  • PNG
  • JSON
  • CSV
  • PDF (sólo después de la validación de correo electrónico)

Método #2 - Subir Imagen (no Archivo) a través del Editor de Temas de Shopify

Si no quieres usar la subida vía Archivos (o no tienes acceso a ellos), puedes usar un editor de temas.

  1. Ve al administrador de tu tienda y navega a Tienda Online > Temas
  2. Haz clic en Personalizar para cualquiera de tus temas (no es necesario que sea el tema activo).
  3. Haz clic en Añadir sección y selecciona cualquier elemento que tenga una imagen. Alternativamente, puedes encontrar un elemento existente en tu tienda y cambiar la imagen subiendo una nueva.
  4. Una vez que hayas subido la imagen, haz clic con el botón derecho sobre ella y ábrela en una nueva pestaña para obtener la URL. La URL será muy probablemente una versión recortada y se parecerá a esto https://cdn.shopify.com/s/files/1/0463/8775/7221/files/shopify_256x256_crop_center.png?v=1637539155, así que sólo tienes que eliminar el "_256x256_crop_center" y ahí tienes tu enlace
  5. Una vez hecho esto, no olvides borrar la nueva sección o cerrar el editor de temas sin guardarla. La imagen subida permanecerá en tu tienda
Uploading custom image via Shopify theme editor

Obviamente, la gran desventaja es que sólo puedes subir un formato de archivo de imagen (es decir, GIF, JPG o PNG).

Método nº 3 - Cargar imagen (no archivo) a través del editor de texto enriquecido

El tercer método es similar al segundo y también te permite subir imágenes solamente. Básicamente necesitas encontrar cualquier editor de texto enriquecido dentro de tu admin de Shopify para que puedas subir una imagen personalizada.

Uploading custom image via Shopify rich text editor

El editor de texto enriquecido se puede encontrar, por ejemplo, en la descripción del producto o en las entradas del blog.

  1. Ve al admin de tu tienda y navega hasta Productos
  2. Dentro de la pestaña Descripción, haz clic en el icono de imagen y sube tu imagen personalizada
  3. Inserta la imagen subida en la descripción del producto y asegúrate de seleccionar el tamaño original.
  4. Haga clic en la imagen insertada y seleccione "Abrir imagen en una nueva pestaña" para recuperar la URL única.
  5. Cierre la edición del producto sin guardarlo (la imagen seguirá cargada)

Método #4 - Subir imagen o archivo a través de Shopify Metafields

Los metafields deShopify (también conocidos como campos personalizados) han estado en el sistema desde hace algún tiempo, pero en julio de 2021, se introdujeron como parte de la administración, incluyendo un simple editor de interfaz de usuario.

Uploading custom file via Shopify Metafieds

Te permiten ampliar tu tienda (productos, colecciones, clientes) con campos personalizados. Uno de los tipos de campo es un archivo, que te permitirá subir cualquier archivo personalizado a tu tienda.

  1. Vaya al administrador de su tienda y vaya a Configuración > Metacampos
  2. Seleccione Productos en la vista general y haga clic en Añadir definición
  3. Introduzca el nombre y la descripción del metacampo y haga clic en Seleccionar tipo de contenido > Archivo. Cambie las opciones de archivo de Sólo imágenes a Acepta todos los tipos de archivo y guarde el metacampo.
  4. Vuelve al administrador de la tienda, ve a Productos y selecciona cualquier producto.
  5. Desplácese hasta la sección Metafields y cargue un archivo personalizado.

¿Cuál es el mejor método?

Como puedes ver, cada método es muy diferente, pero sin duda recomendamos el primero - subir archivos personalizados a través de la sección de archivos en la configuración.

Es el más sencillo, te permite subir tanto archivos como imágenes y recuperar fácilmente sus enlaces directos.

Otros métodos también funcionan, pero son más bien soluciones.

Comienza tu prueba gratuita de Shopify

Tomas Janu

A Tom le encanta escribir sobre ventas adicionales, optimización de conversiones y tendencias de comercio electrónico. Es uno de nuestros cofundadores y, en ocasiones, puedes hablar con él si te pones en contacto con nuestro equipo de soporte. Asegúrate de seguirlo en LinkedIn para obtener más consejos y noticias relacionados con Shopify.
Prueba gratisCandy Rack preview

Últimos artículos

Todos los artículos

Impulsa tu negocio en Shopify con nuestras aplicaciones

Todas nuestras aplicaciones están diseñadas para ayudarte a hacer crecer tu negocio en Shopify. Échales un vistazo y aprovecha el período de prueba gratuito.

Impulsa mi Shopify