Esta guía le mostrará cómo utilizar el Carga de Archivo de Producto en GemPages V7 para permitir que sus clientes carguen archivos directamente desde la página del producto.
¿Qué es el elemento de carga de archivos de producto?
La Carga de Archivo de Producto El elemento forma parte del módulo Producto de GemPages. Permite a los clientes subir archivos como imágenes, PDF u otros formatos compatibles al realizar un pedido. Esto es especialmente útil para empresas que necesitan información personalizada de los clientes, como:
- Servicios de impresión bajo demanda: Camisetas, tazas u otros productos personalizados que requieren cargar imágenes.
- Diseños personalizados: Grabados, joyas o obras de arte que requieran archivos personalizados.
- Servicios basados en documentos: Presentación de formularios legales, contratos u otros documentos.
¿Cómo utilizar el elemento de carga de archivos de producto en GemPages V7?
Siga estos pasos para configurar y personalizar el elemento de carga de archivos de producto en sus páginas de producto:
Paso 1: Localizar el elemento de carga de archivos del producto
Abra el editor de GemPages y busque Carga de Archivo de Producto en el panel de elementos. Este elemento solo está disponible para Producto más antigua y Lista de Productos módulos, así que asegúrese de estar editando una página de producto.
Paso 2: Arrastre y suelte el elemento
Una vez que encuentre el elemento "Subir archivo de producto", arrástrelo a la ubicación deseada en la página del producto. GemPages lo integrará automáticamente con el módulo de producto, lo que le permitirá capturar las subidas de los clientes.

Después de colocar el elemento, haga clic en él para acceder a dos pestañas: Configuración más antigua y Avanzada:

Configurar las Pestañas de Configuración
1. Disposición
- Diseño: Elija diseño vertical u horizontal para el elemento.
- Posición del icono: Configure el icono de carga para que aparezca en el centro o a la izquierda.
- Alineación de contenido: Alinee el texto y los íconos a la izquierda, al centro o a la derecha.
- Espaciado: Ajuste el espacio entre el ícono y el texto utilizando un valor numérico o el control deslizante.
2. Fuente del producto
Acceda rápidamente a la configuración de origen del producto para cambiar entre productos en el editor. Esto le ayudará a obtener una vista previa de cómo se ve su diseño para diferentes artículos.
3. Cargar configuración

- Obligatorio: Activa o desactiva la carga obligatoria de un archivo. Al activar esta opción, los clientes no podrán completar su pedido sin enviar los archivos necesarios.
- Haga clic en la imagen para obtener una vista previa:Active las vistas previas de imágenes para que los clientes puedan ver sus cargas antes de finalizar el pedido.
- Número de archivos: Elija entre permitir la carga de un solo archivo o de varios archivos por pedido.
4. Icono
![]()
Decide si el campo de carga debe mostrar un ícono.
- Elija el icono: Seleccione un ícono prediseñado o cargue uno personalizado.
- Posición: Establezca el icono encima o debajo del campo de carga.
- Tamaño: Ajuste el tamaño para que se ajuste al diseño de su página.
5. Tamaño

Modifique el tamaño del campo de carga para garantizar que se adapte perfectamente al resto del diseño de su página.
- Anchura y altura: Modificar el ancho y la altura del campo de carga.
- Relleno: Ajuste el relleno para mantener un espaciado equilibrado alrededor del campo.
6. Fondo

Seleccione un color de fondo que coincida con el tema de su página.
7. Forma
Configure la forma general del campo de carga.

- Borde:Puede elegir el estilo del borde (sólido, discontinuo, etc.), seleccionar el color y establecer el grosor del borde.
- Esquina: :Ajusta qué tan redondeadas deben ser las esquinas del campo.
- Sombra: :Habilite o ajuste los efectos de sombra para el campo de carga para mejorar la profundidad visual.
8. Estilos de texto

- Contenido:Edite el texto que se muestra en el botón Cargar archivo de producto.
- DE ESTILO RESORT:Elija entre seis estilos de encabezado (H1–H6) o tres estilos de párrafo para controlar la jerarquía del texto.
- Fuente: Seleccione el tipo de fuente para el texto del botón.
- Tamaño: Establezca el tamaño de fuente.
- Color: Elija el color del texto.
- Alineación: Alinear el texto a la izquierda, al centro o a la derecha.
- Grosor de la fuente: Ajusta el peso (negrita) de la fuente.
- Altura de la línea: Establezca la altura de línea para el texto.
- Espaciado de letra: Ajustar el espaciado entre letras.
- Transformar: Aplicar transformación de texto (mayúsculas, minúsculas, mayúsculas).
- Efecto de sombra: Agregue sombra al texto para enfatizarlo o darle estilo.
9. Efecto
Configuración para la carga de archivos de producto al pasar el cursor. Al hacer clic en la opción "Pasar el cursor" se abrirá la ventana emergente con la configuración del efecto.
10. Alineación

Configurar la pestaña Avanzada
Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.
Preguntas Frecuentes (FAQ)
1. ¿El elemento de carga de archivos de producto está disponible para los formularios de contacto?
No, la función de carga de archivos de productos solo está disponible para el módulo de productos. Para los formularios de contacto, actualmente se está desarrollando un elemento independiente que se lanzará pronto.
2. ¿Cuál es el tamaño máximo de archivo permitido para las cargas?
La función de carga de archivos de producto permite a los clientes cargar archivos hasta un tamaño máximo de 10MB.
3. ¿Qué tipos de archivos admite el elemento de carga de archivos de producto?
Los tipos de archivos admitidos son PNG, WEBP, GIF, JPEG, JPG y (PDF).
4. ¿Pueden los clientes cargar archivos de audio como MP3?
No. Si bien los archivos de audio (por ejemplo, MP3) pueden aparecer seleccionables durante la carga, el elemento Actualmente no es compatible Reproducción de audio o entrega de archivos en la tienda. Recomendamos usar los tipos de archivo compatibles mencionados anteriormente.
5. ¿Pueden los clientes cargar varios archivos a la vez?
Sí, puede configurar la función de carga de archivos de producto para permitir cargas de archivos múltiples o individuales, según las necesidades de su tienda.
6. ¿Existe una opción para que los clientes obtengan una vista previa de los archivos cargados?
Sí, puede habilitar la opción de vista previa de archivos para que los clientes revisen sus cargas antes de completar su pedido.
7. ¿Cómo vincular archivos PDF en la página de su producto?
Si desea que los clientes accedan a un archivo PDF (como una tabla de talles, un manual de usuario o un folleto de producto) directamente desde la página de su producto, puede agregar un enlace en el que se pueda hacer clic junto o encima del campo de carga de archivo de producto.
Opción 1: Enlace a un PDF almacenado en Shopify
- Vaya a su panel de control de Shopify y navegue hasta Contenido > Archivos.
- Sube tu archivo PDF.
- Una vez cargado, copie la URL del archivo.
- En el editor de GemPages, agregue un Texto or Botón elemento cerca de su campo de carga.
- Resalte el texto o seleccione el botón y luego pegue la URL del PDF en la configuración del enlace.
Opción 2: Vincular a un PDF externo
Si su PDF está alojado fuera de Shopify (por ejemplo, Google Drive, Dropbox), simplemente pegue el enlace para compartir público en su texto o en la configuración del enlace del botón en GemPages.
8. ¿Dónde encuentro los archivos cargados una vez que un cliente los envía?
Los archivos subidos se adjuntan a los detalles del pedido en el panel de control de Shopify. Ir a Mis pedidosAbra el pedido específico y verá los archivos en las propiedades de la línea de pedido. Esto garantiza que nunca se pierda ningún archivo enviado por el cliente.



gracias por tus comentarios