Saltar al contenido principal
Centro de Ayuda

Cómo agregar y configurar un producto en Jumpseller

Tu primer producto solo necesita seis decisiones. Tómalas una vez, en orden, y quedará publicado — todo lo demás en esta guía es material de referencia al que recurrirás más adelante, no algo que debas leer ahora.

Esta guía tiene dos partes. La Parte 1 es el recorrido de seis pasos para tu primer producto. La Parte 2 es todo lo demás — detalles de precios, campos personalizados, entrega digital, SEO — organizado por tema para que puedas ir directo a lo que necesitas desde el índice cuando llegue el momento.

Tres ejemplos que usaremos a lo largo de la guía

Cada tipo de producto necesita una configuración distinta. Para hacerlo concreto, seguiremos tres ejemplos muy diferentes a través de cada sección de esta guía:

  • Zapatillas — un producto físico con variantes (talla y color), stock real que controlar, y envío que calcular.
  • Un curso online — un producto digital: sin stock, sin envío, solo un archivo o enlace que se entrega después de la compra.
  • Una torta personalizada — un producto hecho a pedido con campos personalizados y opciones que no generan variantes (un mensaje personalizado, un sabor a elegir, una fecha de entrega).

Cuando un campo importe más para un tipo de producto que para otro, te lo señalaremos.

Antes de empezar

Ten tres cosas listas para no detenerte a mitad de camino: un nombre, un precio y al menos una foto. Todo lo demás en los seis pasos puedes completarlo sobre la marcha.

Ve a Panel de administración: Productos > Todos los productos. Si tienes productos existentes para cargar en bloque en lugar de uno por uno, usa la importación por CSV — es un camino aparte de los seis pasos de abajo.

Nuevo producto

Haz clic en “Agregar Producto”, en la esquina superior derecha.

Nuevo producto manualmente

Paso 1: Nombre y precio

Decide estas dos cosas una vez — un nombre que los clientes realmente busquen, y un precio — y no tendrás que revisarlas hasta que algo real cambie (un cambio de marca, un aumento de costos).

Todo listado de producto empieza con un nombre. Es lo primero que lee un cliente y el campo que más influye en si tu producto se encuentra, tanto en el buscador de tu propia tienda como en Google.

Nombre del producto

Un buen nombre de producto es simple, relevante, único, descriptivo y con SEO en mente. Debe ser fácil de recordar y de buscar, dar una idea clara de qué es el producto, distinguirlo de la competencia, e incluir las palabras que la gente realmente escribe cuando lo busca. Esta es la razón de cada principio:

  • Mantenlo simple: fácil de pronunciar, recordar y buscar. La simplicidad ayuda a que nuestros algoritmos de machine learning categoricen tu producto, mejorando la precisión del autocompletado y las búsquedas por proximidad.
  • Relevante: el nombre debe sugerir el producto o su beneficio principal. Esto ayuda a que el cliente entienda de qué se trata y respalda el posicionamiento y la búsqueda semántica.
  • Único: que se distinga de la competencia, y revisa que la marca no esté ya en uso.
  • Piensa en el SEO: si vendes online, los nombres SEO-friendly posicionan mejor y mejoran el descubrimiento vía autocompletado. Llama a tu producto como lo llaman tus clientes — si buscan “zapatillas para correr”, no lo titules solo con un nombre de modelo interno.
  • Descriptivo: los nombres detallados ayudan a clasificar tu producto con precisión y a generar mejores recomendaciones.

Un buen título de eCommerce incluye la marca, el tipo de producto o modelo, las características clave y cualquier atributo que ayude al cliente a decidir.

Buenos nombres vs. malos nombres

Nombres malos:

  • Camisa — demasiado vago; sin marca, talla, color ni material.
  • Top Azul para Mujer con Lentejuelas 100% Algodón - En Oferta — demasiado largo, y “En Oferta” es lenguaje promocional que cambia con el tiempo y no debería estar en un título.
  • Producto1234 — un SKU interno no le dice nada al cliente (ni a nuestros algoritmos).

Buenos nombres:

  • Nike Air Max 270 para Hombre, Negro/Blanco, Talla 42 — marca, modelo, género, color y talla. Perfecto para nuestro ejemplo de zapatillas.
  • Apple MacBook Pro 13 pulgadas, 16GB RAM, 512GB SSD — marca, producto y las especificaciones que lo distinguen.
  • Lancôme La Vie Est Belle Eau De Parfum, 50ml — marca, producto, tipo y cantidad.

Aplicado a nuestros tres ejemplos: “Nike Air Max 270 — Zapatillas de Running para Hombre”, “Curso Online Completo de Fotografía — De Principiante a Profesional” y “Torta de Cumpleaños Personalizada — Hecha a Pedido” le dicen al cliente y al buscador exactamente qué van a recibir.

Un buen nombre no solo mejora la experiencia del cliente, también optimiza nuestros algoritmos de búsqueda de productos y recomendaciones.

Definir el precio

Todo producto tiene un Precio Unitario en la sección Precios — el precio de venta actual. Puedes cambiarlo cuando quieras desde la página del producto, o más adelante en bloque desde Productos > Precios (lo vemos en la Parte 2, en Precio y costo).

Listo cuando:

  • El nombre está definido, es específico y coincide con cómo lo buscan los clientes
  • El precio está definido

Paso 2: Imágenes

Decide el conjunto de imágenes una sola vez por producto: suficientes ángulos para que el cliente no tenga que adivinar. Revísalo solo si vuelves a fotografiar.

Para cada producto puedes subir tantas imágenes como necesites. La primera imagen (arriba a la izquierda) es la imagen principal y, dependiendo de tu tema, la más grande que se muestra.

imagen vacía

Para cambiar la imagen principal, súbela y arrástrala a la primera posición. Puedes reordenar toda la lista arrastrando.

La fotografía hace un trabajo de persuasión real aquí, así que sé exhaustivo. Para las zapatillas, muestra varios ángulos, la suela, y el zapato puesto para dar noción de escala. Para el curso, una portada limpia más una captura de las lecciones tranquiliza al comprador de que hay contenido real detrás de un producto digital. Para la torta, muestra varios diseños ya terminados para que los clientes puedan imaginar el suyo. Más adelante verás que las variantes (como cada color de zapatilla) también pueden tener sus propias imágenes.

Listo cuando:

  • Al menos una imagen está subida
  • La imagen principal (arriba a la izquierda) es la mejor
  • Para productos físicos: se muestran varios ángulos

Paso 3: Categoría

Decide a qué categoría pertenece este producto — existente o nueva — una sola vez. Todo producto necesita al menos una categoría para ser navegable y encontrado en la búsqueda.

En la página del producto, busca el campo Categorías. Si la categoría ya existe, selecciónala del desplegable. Si aún no existe, haz clic en + Agregar Categoría, nómbrala y guarda — te quedas en la página del producto todo el tiempo.

Selecciona o agrega una categoría

La gestión de categorías — ubicarlas en tu menú de navegación, reordenarlas, sus permalinks — se explica por separado en Gestión de Categorías de Productos. No necesitas nada de eso para publicar tu primer producto.

Listo cuando:

  • El producto está asignado a al menos una categoría

Paso 4: Stock

Decide una sola vez cómo vas a controlar el inventario de este producto: un conteo real, o ilimitado (para artículos hechos a pedido o digitales). Cámbialo después solo si el producto mismo cambia — pasar de Disponible a un modelo de stock que antes no tenías, por ejemplo.

Todo producto y variante tiene un campo Inventario en Stock, visible directamente en la página del producto (marca la casilla para establecer una cantidad ilimitada).

Un control de stock preciso asegura que siempre puedas responder a la demanda sin vender de más. Esto importa para las zapatillas (unidades reales por talla/color), pero no para el curso online — un producto digital no tiene nada que contar.

Estado del producto

Existen tres estados en Jumpseller:

  • Disponible — está en la tienda y se puede agregar al carrito.
  • No disponible — visible pero no se puede comprar. Útil cuando un producto se agotó y necesitas tiempo para reponerlo, pero no quieres perder el interés (aún puedes mostrarlo, promocionarlo y recibir consultas por él).
  • Desactivado — no se muestra en absoluto. Útil para productos de temporada que no quieres promocionar todo el año.
Estado del nuevo producto

Listo cuando:

  • El stock está definido (un conteo real, o marcado como ilimitado)
  • El estado está en Disponible (o intencionalmente en No disponible / Desactivado)

Paso 5: ¿Tiene variantes?

Decide esto una sola vez, y solo si aplica: ¿este producto viene en versiones reales y separadas — distinto tamaño, color o material, cada una con su propio stock y posiblemente su propio precio? Nuestro ejemplo de zapatillas sí (talla × color). Nuestro curso online y nuestra torta personalizada no necesitan este paso — salta directo al Paso 6.

Si la respuesta es sí: agrega una Opción de Producto (desplázate hasta Opciones de Producto al agregar o editar el producto, haz clic en Agregar Opciones de Producto, elige un tipo como Color u Opción). La mecánica completa, incluyendo qué tipos de opción generan variantes y cuáles no, está en la Parte 2, en Opciones y variantes en profundidad.

Listo cuando:

  • Decidiste si este producto necesita variantes (la mayoría no las necesita)
  • Si la respuesta es sí: al menos una opción agregada con sus valores

Paso 6: Publica y verifica

Decide que terminaste: el estado es Disponible (definido en el Paso 4), y el nombre, precio, imagen y categoría están completos. Guarda el producto.

Luego cierra el ciclo — no lo dejes como una pregunta abierta en tu cabeza. Abre tu tienda y encuentra el producto como lo haría un cliente: por búsqueda, o navegando hasta su página de categoría. Confirma que el nombre, el precio y la imagen principal se vean bien.

Listo cuando:

  • El estado del producto es Disponible
  • El producto está guardado
  • Verificaste que está en vivo en la tienda, encontrándolo como lo haría un cliente

Parte 2: Todo lo demás

Tu producto ya está publicado. Nada de lo que sigue es lectura obligatoria — es material de referencia para cuando lo necesites: control de stock más avanzado, campos personalizados, entrega digital, SEO, diseño de página, y respuestas a preguntas frecuentes. Usa el índice para ir directo a lo que necesitas.

Precio y costo

En la sección Precios de cada producto defines el precio de venta. Puedes gestionar precios de a uno, o en bloque en todo tu catálogo desde Productos > Precios.

filtros de precios

La página de precios te permite editar precios en bloque, definir precios de comparación y llevar el control de costos. Puedes filtrar la tabla por nombre de producto, categoría o filtro de producto (Con Stock, Poco Stock, Sin Stock, Recientes), y limpiar todos los filtros con un clic.

Columnas de precios

columnas de precios

Las columnas de la tabla son Producto, Cantidad Mín., Precio Unitario, Comparar Precio y Costo — puedes editar los valores editables en línea, por producto:

  • Cantidad Mín. — se relaciona con los niveles de Precios por Volumen; para un producto estándar queda en 1.
  • Comparar Precio — un precio original o de referencia (debe ser mayor que el precio de venta). Se muestra tachado en tu tienda, creando un descuento visual. Déjalo vacío si no estás corriendo uno.
  • Costo — tu costo de compra o fabricación. Solo lo ves tú, y se usa para calcular márgenes de ganancia.

Actualizaciones de precio en bloque

Para cambiar muchos productos a la vez:

  1. Selecciona productos con las casillas de la columna de más a la izquierda.
  2. Haz clic en Acciones y elige qué campo cambiar: Precio, Comparar Precio, o Costo por unidad.

    campo en bloque
  3. Elige Establecer en (mismo valor para todos), Aumentar en (un porcentaje), o Disminuir en (un porcentaje).

    acción en bloque
  4. Haz clic en Guardar, y luego limpia la selección para empezar de cero.

Comparar Precio en detalle

“Comparar Precio” mejora la transparencia de tus precios: muestra un precio de referencia junto a tu precio real, dando a los clientes contexto sobre el valor que están recibiendo.

Precio de venta y Comparar Precio en la página de un producto

Solo tienes que ingresar el precio de referencia al crear o actualizar el producto.

Campos de entrada de Comparar Precio

Para productos con variantes — como cada talla/color de las zapatillas — el Comparar Precio debe agregarse a cada variante individualmente. Ve a la sección Variantes y selecciona Mostrar resultados completos para la pantalla ampliada.

Mostrar resultados completos en la sección Variantes Comparar Precio por variante

Si tienes un lote de precios de referencia, impórtalos. Ten en cuenta que al ordenar colecciones, Jumpseller prioriza el precio de venta real, no el Comparar Precio.

Nota: Las promociones anulan el Comparar Precio. Si un producto tiene una promoción activa y un Comparar Precio, el descuento mostrado se basa en la promoción.

Ejemplo: Comparar Precio vs. Promociones

Escenario 1 — Solo Comparar Precio. Precio $10, Comparar Precio $100. El sistema muestra $10,00, muestra $100,00, y calcula 90% OFF.

escenario 1 de comparar precio

Escenario 2 — Promoción activa + Comparar Precio. Precio $10, Comparar Precio $100, más una promoción del 15%. La promoción tiene prioridad, el sistema ignora el Comparar Precio, y muestra $8,50 $10,00 (15% OFF).

escenario 2 de comparar precio

Campo de costo y márgenes de ganancia

En la sección de precios puedes agregar el precio de costo — el costo original de compra o producción.

Sección de Costo en el panel de administración

Esto solo lo ve el dueño de la tienda. Muestra tu margen de ganancia por producto. Para verlo, ve a Panel de administración > Analítica > Informes y marca la columna Beneficio (margen).

Sección de Informes

Para productos con variantes, ingresa el costo de cada una desde Mostrar resultados completos en la sección Variantes.

Costo por variante

Listas de precios y precios por volumen

En la parte superior derecha de la página de Precios, Listas de Precios te permite definir precios personalizados para categorías de clientes específicas — útil para B2B o clientes frecuentes. Aprende más en la documentación de B2B.

Precios por Volumen ofrece descuentos escalonados según la cantidad, ajustando automáticamente el precio unitario a medida que los clientes agregan más al carrito — ideal para mayoristas. (Disponible en el Plan Avanzado y superiores.) Aprende a configurar Precios por Volumen.

Stock en profundidad

Cómo afectan los pedidos al stock

Todo pedido afecta automáticamente el stock actual. El inventario cambia según las transiciones del pedido:

  • De Nuevo a Pendiente: el stock se reduce.
  • De Pendiente a Pagado: no hay cambio en el stock.
  • De Pendiente a Abandonado: el stock vuelve al inventario.
  • De Pendiente/Pagado a Cancelado: el stock vuelve al inventario.

Consulta los cambios de stock al final de un pedido específico, o haz clic en el ícono de reloj junto al campo de una variante para ver su historial completo de stock.

La pestaña de Inventario

Productos > Inventario es tu panel central para el control de stock en bloque. Puedes actualizar variantes individuales en la lista, seleccionar una Ubicación (si el Inventario Multi-Ubicación está habilitado), y ejecutar acciones en bloque para aumentar/disminuir unidades, limitar/quitar el límite de stock, o editar SKUs.

Umbrales de stock bajo

Define un nivel mínimo para recibir una notificación antes de agotarte:

  1. Ve a Productos > Inventario.
  2. Haz clic en el ícono de candado junto a la columna Umbral e ingresa un valor.
  3. Para recibir correos, ve a General > Correos y habilita “Correo de Stock Bajo” en Correos de Administrador.

Actualizar inventario en bloque vía CSV (recomendado)

Para catálogos grandes o cambios de stock frecuentes, el CSV especializado de Inventario es mucho más rápido que la importación principal de productos — está optimizado únicamente para niveles de stock.

  1. Exportar: Ve a Productos > Inventario y haz clic en Exportar.
  2. Identificar: El CSV incluye Permalink, Nombre del Producto y Propiedad de la Opción del Producto para identificar cada variante, seguido de una columna por Ubicación.
  3. Editar stock: Actualiza los números bajo las columnas de ubicación. Este CSV solo cambia el stock — no puedes crear productos ni cambiar nombres/SKUs aquí.
  4. Importar: Guarda como CSV (UTF-8) y súbelo con Importar en la página de Inventario.

Consejo: Si usas Excel, mantén tus datos en un archivo .xlsx y usa Google Sheets para el paso final de “Guardar como CSV”, así te aseguras de una codificación correcta.

Otras formas de actualizar el inventario

  • Pestaña de Inventario — ajustes manuales rápidos o acciones en bloque.
  • Importación por CSV — actualizaciones de alta frecuencia y catálogos grandes.
  • Programática — la API de Jumpseller o Webhooks para integraciones automatizadas con tu ERP.
  • De terceros — la app de Zapier para sincronizar con Google Sheets.

Opciones y variantes en profundidad

Las Opciones de Producto te permiten ofrecer variaciones — color, talla, material — que generan variantes, cada una con su propio SKU, precio, stock, peso e imágenes. Este es el corazón del ejemplo de las zapatillas: una grilla talla × color donde cada combinación es una variante real y contable.

Página de producto

Para agregar una opción, desplázate hasta Opciones de Producto al agregar o editar un producto, haz clic en Agregar Opciones de Producto, y elige el tipo:

Opciones de producto

Tipos de opción y sus valores

Opciones expandidas
  • Colores — los clientes ven una paleta de colores y una vista previa antes de comprar. Genera variantes con su propio inventario y precio.

  • Opción — por ejemplo Talla: chica, mediana, grande. Genera variantes con su propio inventario y precio.
  • Campo de texto y Área de texto — el valor actúa como marcador de posición. Se usa para productos personalizables (el mensaje personalizado de nuestra torta).
  • Archivos — sin valor; permite al cliente subir un archivo para personalizar su producto.
  • Lista de verificación — ofrece complementos opcionales con un costo extra (por ejemplo, envoltorio de regalo) sin crear nuevas variantes. Consulta Complementos de Producto.

Ejemplos

  1. Opción — los clientes eligen entre valores fijos (tallas S/M/L, colores azul/blanco/negro para las zapatillas).
  2. Campo de texto — los clientes escriben un texto corto personalizado (el nombre a grabar en la torta).
  3. Área de texto — los clientes agregan un mensaje personalizado más largo.
  4. Archivo — los clientes suben una imagen para personalizar el producto.

Después de agregar tus opciones, haz clic en Guardar. Así se ve en la tienda:

Opciones de producto en la página del producto

Atributos a nivel de variante

Cada variante puede tener su propio precio ligado a su stock. Si tuvieras menos zapatillas rosadas en stock y quisieras un margen mayor por la escasez, podrías subir el precio de esa variante de $65 a $70. El precio de la variante se muestra cuando el cliente selecciona ese conjunto de atributos; las páginas de categoría muestran el precio principal.

Atributos de variante

Imágenes de variantes

Hay dos formas de asociar imágenes a las variantes. Primero, la opción Elige o Arrastra un Archivo Aquí junto a las imágenes del producto — súbela, y luego elige a qué variante pertenece la imagen (por ejemplo, la polera blanca talla chica).

Imágenes de variantes

Segundo, haz clic en el pequeño ícono de imagen junto a una variante específica y elige entre las imágenes que ya subiste.

Imagen de variante

¿Buscas ofrecer extras pagos opcionales, como envoltorio de regalo o garantías extendidas, sin crear nuevas variantes? Revisa Complementos de Producto.

¿Por qué no puedo agregar más variantes?

Si te aparece un error al agregar variantes, superaste el límite de 100 variantes por producto. Este límite no se puede aumentar en ningún plan.

Mostrar opciones que no generan variantes

Normalmente cada variante tiene su propio stock. Pero a veces eso no tiene sentido — como el sabor de la torta, o una polera básica donde eliges de qué lado va un logo. Si tienes 10 poleras, es incorrecto decir “5 con logo al frente, 5 con logo atrás”: el logo se define recién cuando el cliente elige, no antes.

Para mostrar una opción sin un valor de stock por variante:

  1. Agrega una opción de producto de tipo Área de texto; nómbrala (por ejemplo, “Posición del Logo”) y agrega los valores Adelante, Atrás. Haz clic en Guardar.
  2. Ve a Temas > Editor de Código y abre Producto > Default.

Busca este fragmento (usa Ctrl+F):

{% elsif option.type == 'text' %}

Debajo, escribe (reemplaza “Posición del Logo” con el nombre de tu opción):

{% elsif option.type == 'text' %}
{% unless option.name == 'Posición del Logo'%}

Después del bloque <div class="field-group">…</div>, escribe:

{%else%}
	{% assign custom_options = option.values.first.name | split: "," %}
	<select>
	{% for value in custom_options %}
	<option> {{value}}</option>
	{%endfor%}
	</select>

{%endunless%}

Que se muestra así:

vista en vivo del nuevo código

También puedes revisar la documentación de plantillas Liquid.

Campos personalizados

Los Campos Personalizados guardan información extra de un producto que no genera una variante. Una polera puede tener varias tallas (variantes) pero solo una marca (campo personalizado). Para nuestra torta, campos como “ocasión” o “alérgenos” son perfectos — descriptivos, pero no algo que deba tener stock propio.

Los campos personalizados se muestran un poco distinto según el tema. En Mega Theme:

Campos Personalizados, Mega Theme

En Simple Theme:

Campos Personalizados, Simple Theme

Tipos de campos personalizados

  • Campo de texto — texto informativo corto.
  • Texto — texto informativo más largo.
  • Selección — el más versátil; puede usarse como filtro de producto.

Uso avanzado: Los campos personalizados pueden impulsar funcionalidades extra en el código. Por ejemplo, una lista de selección “Regiones” podría mostrar un ícono de bandera en la página del producto según la región elegida. Aprende cómo usar campos personalizados en snippets.

Ejemplos de Campos Personalizados

Agregar campos personalizados

Haz clic en Agregar Campos Personalizados, y luego en Gestionar Campos para abrir el gestor de Campos Personalizados. Ahí agregas una Etiqueta, eliges un Tipo, y defines su Visibilidad (si se muestra o no en la página del producto). El gestor lista todos los campos compartidos en tu tienda.

Agregar campo personalizado

Si es un campo de Selección, agrega sus valores:

Agregar valores a un campo de Selección

Campos personalizados y variantes

Puedes asociar variantes a campos personalizados. Campo de texto y Texto se aplican a todas las variantes automáticamente. Un campo de Selección puede detallarse por variante (por defecto se aplica a todas). Como un campo de selección puede tener varios valores, puedes agregarlo hasta n veces (n = cantidad de opciones de valor disponibles).

Interfaz de Campos Personalizados

En el siguiente ejemplo, cuando se agrega “Modelo” una vez, están disponibles las cuatro opciones; agrégalo una segunda vez y “Mini” (ya usado) ya no se ofrece.

Opciones de valor de Campos Personalizados Opciones de valor de Campos Personalizados 2

Ejemplo avanzado: un selector de fecha/hora para pedidos programados

Nuestra torta necesita una fecha de entrega, y un curso podría necesitar una fecha de sesión. Puedes agregar un selector de fecha/hora personalizable con la librería de JavaScript Flatpickr para que los clientes programen pedidos dentro de las reglas de tu negocio (feriados, horario de atención).

Usa JavaScript con responsabilidad: implementar JavaScript personalizado sin experiencia técnica puede generar problemas de seguridad y de experiencia de usuario. Recomendamos apoyarte en desarrolladores web profesionales.

Requisitos — agrega el CSS y el JS de Flatpickr al head de tu Plantilla de Layout:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

Uso — crea una opción de producto de tipo Campo de Texto llamada Date (este campo queda oculto). Luego agrega un campo de selección a tu plantilla de producto (compatible con cualquier tema basado en Bootstrap):

<div class="col-12 col-md-6">
<label for="datetimepicker" class="form-control-label">Selecciona una fecha</label>
<input type="text" id="datetimepicker" name="datetimepicker">
</div>

El código — esto oculta la etiqueta Date, define una fecha mínima según la hora actual, bloquea feriados y domingos, restringe al horario de atención, y escribe el valor elegido en el campo oculto Date:

<script>
// Oculta el input que contiene la etiqueta Date
document.addEventListener("DOMContentLoaded", function() {
    const labels = document.getElementsByTagName("label");
    for (const label of labels) {
        if (label.textContent.trim() === "Date") {
            const containingDiv = label.parentElement;
            if (containingDiv) {
                containingDiv.style.display = "none";
            }
        }
    }
});

// Obtiene la fecha y hora de hoy
var today = new Date();
var currentHour = today.getHours();
var currentMinute = today.getMinutes();

// Calcula la fecha mínima según la hora actual
var minDate;
if (currentHour >= 17) {
    minDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 2);
} else {
    minDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
}

// Define las fechas feriadas a bloquear
var holidays = [
    "2022-09-16",
    "2022-11-19",
    "2022-12-24"
];

// Inicializa el selector de fecha y hora Flatpickr con configuración regional en español y el lunes como primer día de la semana
flatpickr("#datetimepicker", {
    enableTime: true, // Habilita la selección de hora
    dateFormat: "Y-m-d H:i:S", // Define el formato de fecha y hora
    time_24hr: true, // Usa formato de 24 horas
    minDate: minDate, // Define la fecha mínima seleccionable
    disable: [
        function(date) {
            // Deshabilita los domingos
            return date.getDay() === 0;
        }
    ].concat(holidays), // Deshabilita domingos y las fechas feriadas indicadas
    minTime: "09:00", // Define el inicio del horario de atención
    maxTime: "18:00", // Define el cierre del horario de atención
    hourIncrement: 1, // Define el incremento de horas en 1
    weekNumbers: true, // Muestra los números de semana
    locale: { // Define el idioma español y traduce los días y meses
        firstDayOfWeek: 1,
        weekdays: {
            shorthand: ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"],
            longhand: [
                "Domingo",
                "Lunes",
                "Martes",
                "Miércoles",
                "Jueves",
                "Viernes",
                "Sábado"
            ]
        },
        months: {
            shorthand: [
                "Ene", "Feb", "Mar", "Abr", "May", "Jun",
                "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"
            ],
            longhand: [
                "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio",
                "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"
            ]
        }
    },
    onChange: function(selectedDates, dateStr, instance) {
        // Actualiza el input oculto con la fecha elegida cuando cambia
        $("label:contains('Date') + div input").val(dateStr);
    }
});
</script>

Descripción y características clave

Aquí vive la mayor parte de tu contenido persuasivo. El objetivo es ayudar a los clientes a saber exactamente qué esperar (lo que reduce las devoluciones), a determinar si el producto se ajusta a sus necesidades, y a responder sus preguntas antes de que tengan que hacerlas.

Descripción

Nuestro editor de descripciones te permite enriquecer los listados con HTML, widgets, archivos y más. Es opcional, pero mejora de forma significativa el atractivo y la claridad de un listado.

Descripción del producto

Descripciones de producto con IA

Basada en ChatGPT, nuestra IA generativa toma datos básicos (nombre, categorías, una breve descripción) y produce descripciones únicas y optimizadas para SEO.

Nota: Disponible para suscriptores del plan Plus y superiores.

Descripción de producto con IA

La IA aporta escalabilidad (catálogos grandes), consistencia (tono uniforme), optimización SEO y creatividad. Para mejores resultados: da entradas detalladas, conoce a tu público objetivo, mantén la voz de tu marca, resalta las características clave, incluye palabras clave SEO, y siempre revisa y edita el resultado.

Propiedades

La sección Propiedades sirve para identificar el producto: agrega un SKU, Marca, Código de Barras (por ejemplo, GTIN, UPC), y la Categoría de Producto de Google (usada para Google Shopping y la integración con Facebook). El precio está en la sección Precios y el stock en la sección Stock, ambas explicadas más arriba.

propiedades

Destacado

Marca un producto como Destacado para mostrarlo de forma prominente — por ejemplo, en el slideshow de tu página de inicio — según tu tema.

Destacado

Condiciones de compra

Agrega una cantidad Mínima o Máxima requerida para completar una compra.

condiciones de compra
  • La cantidad mínima conviene cuando el margen depende de vender una cierta cantidad de unidades.
  • La cantidad máxima conviene para productos de edición limitada, para desalentar a los revendedores.

La cantidad mínima y máxima se aplican a nivel de producto — si un producto tiene variantes, los límites se aplican a todas ellas. No puedes definirlas por variante.

Si un comprador no cumple el requisito, no puede continuar, y un pequeño mensaje explica qué se necesita.

ejemplo de cantidad mínima página de producto con condición

“Disponible para Cotización”

Activa esta opción para mostrar un botón de “Cotizar” en la página del producto, esté o no en stock.

disponible para cotización botón de cotización

Los clientes reúnen varios productos, ajustan cantidades y envían un formulario de cotización que llega a tu correo de contacto con el detalle completo del producto — lo que te ayuda a responder más rápido y cerrar más ventas.

Productos digitales

Si vendes productos digitales — eBooks, software, música, o nuestro curso online — define el Tipo de Producto como Digital o Servicio (el botón junto a “Físico”). Esto reemplaza los campos de envío por una carga de archivo, para que puedas adjuntar archivos privados que se entregan al cliente recién después de la compra.

Para agregar un producto digital, por ejemplo un eBook:

  1. Ve a Productos > Todos los productos y haz clic en Agregar Producto.

    Agregar producto digital paso 1
  2. Agrega el nombre y la descripción del producto, y opcionalmente una categoría.

    Agregar producto digital paso 2
  3. Agrega una imagen en el lado derecho.

    Agregar producto digital paso 3
  4. Agrega las Propiedades. Sin opciones de producto defines SKU y Stock aquí; con opciones, los defines por opción.

    Agregar producto digital paso 4
  5. En la sección Tipo de Producto, elige Digital o Servicio.

    Agregar producto digital paso 5
  6. Elige o arrastra un archivo para subirlo, o proporciona un enlace externo al archivo.

    Agregar producto digital paso 6
  7. Opcionalmente agrega variantes ligadas a archivos — por ejemplo, el curso en español e inglés — y elige a qué variante corresponde cada archivo.

    Variantes de producto digital Selección de archivo de producto digital
  8. Listo — el producto es visible en tu Panel de administración y en tu tienda.

    Agregar producto digital paso 8

Cómo lo reciben los compradores

  • Página de éxito — la página a la que llegan justo después de la compra, donde se puede descargar el producto.

    Página de éxito
  • Correo electrónico — una vez que el pedido se realiza y se paga, se envía un correo con el enlace de descarga.

    Descarga desde el correo

Seguridad

Tienes control total sobre tu producto. Define un número máximo de descargas y un número máximo de días en que los clientes pueden descargarlo: ve a Configuración > Checkout > Productos Digitales.

Resumen de seguridad

Nota: Estas configuraciones aplican solo a los archivos que subes directamente. Para enlaces externos, gestionar la expiración y los límites de descarga es tu responsabilidad.

Envío y archivos adjuntos

Envío

Para productos físicos como las zapatillas, edita las propiedades de envío — formato del paquete, peso, ancho, alto y largo. Se usan para estimar el costo de envío en el checkout. Los productos digitales no tienen envío; solo subes un archivo.

envío físico envío digital

Archivos adjuntos

Si tienes información adicional en un archivo externo (por ejemplo, una guía de cuidado o una ficha técnica en PDF), súbela aquí y aparecerá como una opción descargable en la página del producto — un gran generador de confianza.

archivo adjunto

SEO y meta tags

Tu tienda ya es SEO-friendly, pero igual necesitas agregar los datos que Google necesita para indexar bien cada página. En la sección Vista Previa del Resultado de Búsqueda, haz clic en Habilitar edición y define el Título de la Página, la Meta Descripción y la URL.

seo editar seo

El SEO de una página de producto se reduce a algunos fundamentos:

  • Palabras clave — llama a tu producto como lo llaman tus clientes. Si buscan “zapatillas para correr”, incorpora eso al título en lugar de usar solo un nombre de modelo interno.
  • Contenido — asegúrate de que el texto de la página realmente responda la pregunta de quien busca, en un formato que Google pueda leer (descripciones para imágenes, transcripciones para video).
  • Interacción — una página que retiene a los visitantes (no vuelven a Google) posiciona mejor. Buenas fotos, opciones claras y respuestas completas ayudan.
  • Enlaces — enlaces desde prensa, blogs, socios, proveedores y reseñas, que apunten a esta página con buen texto de anclaje, te ponen por encima de la competencia.
  • Actualidad — donde la demanda es por lo último y mejor, actualiza la página regularmente con la información más relevante.

Personaliza cómo se ve la página de tu producto

Los campos de arriba controlan qué contiene la página de un producto. Cómo se ve — el diseño, el orden de las secciones y qué componentes aparecen — lo controla la plantilla de Producto de tu tema en el Editor Visual.

  1. Ve a Panel de administración > Temas y haz clic en Editar sobre el tema aplicado para abrir el Editor Visual.
  2. Arriba, abre el selector de plantilla (muestra la página que estás previsualizando, por ejemplo “Previsualizando Inicio”) y elige Producto.
  3. Tu página de producto se renderiza en la vista previa en vivo. En la barra lateral izquierda, haz clic en cualquier componente para abrir su configuración, arrastra los componentes para reordenarlos, o usa Agregar Componente para agregar uno nuevo.
  4. Haz clic en Guardar cuando estés conforme con el resultado.
Editando la plantilla de Producto en el Editor Visual

Para el recorrido completo — configuración del tema, el gestor de plantillas y todas las opciones de cada componente — consulta la guía del Editor Visual de Temas. Para personalizar la página con código, consulta Liquid HTML para productos.

Cómo mejorar la página de tu producto

Todos estos campos suenan genial — pero ¿cómo sabes cuáles priorizar? Preguntando, y probando.

Habla con tus clientes: personas que te compraron, personas que encajan con tu perfil objetivo pero aún no te han comprado, y personas que le compraron a un competidor en su lugar. Pídeles que miren la página y digan en voz alta cada pregunta y duda que se les venga a la cabeza. Verás que las mismas inquietudes se repiten una y otra vez — y esas son exactamente las cosas que debes responder en tu descripción, imágenes y opciones.

Luego prueba cambios con una herramienta en la que confíes. Pero no pierdas tiempo ajustando el color de un botón o cambiando una sola foto si el problema real es que la página no ha respondido las preguntas centrales del cliente. Forma una hipótesis sobre qué está frenando la compra — basada en investigación real — y arregla eso.

Hacer esto de forma constante es lo que construye una buena página de producto con el tiempo.

Funcionalidades avanzadas

Una vez que lo básico está listo, estas funciones llevan una página de producto más lejos. Cada una tiene su propia guía:

Preguntas frecuentes

¿Cómo administro el stock de mis productos? Edita el stock desde tu Panel de administración para un control simple, o para catálogos grandes usa Importar/Exportar a CSV (exporta primero, edita sin cambiar la estructura del archivo, y vuelve a subirlo). Consulta Stock más arriba para ver el flujo completo.

¿Cómo agrego un video a mi producto? Insértalo en la descripción:

  1. Copia el código de inserción desde YouTube o Vimeo.
  2. Ve a la página de detalles de tu producto.
  3. Haz clic en Agregar Video:
agregar video

¡Comienza tu viaje con nosotros!

Comienza tu prueba gratuita de 7 días. No se requiere tarjeta de crédito.