Configura el catálogo, la página de producto, el carrito y el checkout

Configura el catálogo, la página de producto, el carrito y el checkout

Además de la portada, tu tienda tiene cuatro vistas fijas que se arman solas con tu catálogo: el listado de productos, la página de cada producto, el carrito y el checkout. Desde el editor decides qué se muestra en cada una y cómo se ve.

Dónde se configura

  1. En el editor, ve a la pestaña Configuración.
  2. Abre Catálogo, producto y carrito.
  3. Arriba elige la vista: Catálogo, Producto, Carrito o Checkout. Cada una tiene las pestañas Contenido y Diseño.

Lo que cambies se ve a la derecha al instante. La vista previa usa productos de ejemplo; en tu tienda salen los tuyos.

Catálogo: listados de categoría y búsqueda

Vista Catálogo

En Contenido:

  • Cabecera del listado: migas de pan (Inicio / Categoría), ícono de la categoría, cantidad de productos y subcategorías.
  • Filtros y orden: lista de categorías, "Solo destacados", filtro de precio y el selector "Ordenar por". También eliges con qué orden llega el comprador.
  • Paginación: cuántos productos por página y si el comprador puede cambiarlo.
  • Qué muestra la tarjeta: puntos de color, etiqueta de descuento, botón de agregar al carrito y etiqueta en los destacados. La misma tarjeta se usa en los carruseles de la portada, en los productos similares y en las sugerencias del carrito.

En Diseño eliges el Estilo del listado (Barra de filtros, Retícula a sangre, Filtros arriba o Clásico), cuántos productos por fila en escritorio y celular, la separación, la forma de la foto y la plantilla de la tarjeta.

Diseño del catálogo

Producto: la página de cada producto

Vista Producto

En Contenido:

  • Qué se muestra: ruta, marca, SKU, botón de favoritos, descripción, especificaciones, variaciones (talla, color…) y productos similares con su título y cantidad.
  • Textos de los botones y etiquetas: el texto del botón principal ("Agregar al carrito"), el botón Comprar ahora que lleva directo al checkout y la etiqueta de oferta.
  • Cuotas: muestra "Paga en cuotas" con las cuotas que elijas y desde qué precio. Es un monto orientativo; las cuotas reales se eligen al pagar.
  • Sucursales y stock: muestra en qué sucursales hay existencias, como "Disponible / Agotado" o con la cantidad exacta, y oculta las que no tienen. Solo aparecen sucursales físicas.
  • Bloques de información: textos extra como políticas de envío o cuidados del producto.

En Diseño: la imagen a la izquierda o derecha, su forma, las miniaturas de la galería, el zoom al pasar el cursor, el color y estilo de los botones, cómo se muestra el descuento (-20%, -Q25 o ambos) y cómo se eligen las variaciones (círculos de color, pastillas o desplegable).

Carrito

Vista Carrito

  • Textos: título de la página, botón de finalizar compra, mensaje de carrito vacío y a dónde lleva su enlace.
  • Fotos de los productos y el enlace Seguir comprando.
  • Aviso bajo el subtotal: un texto con formato para políticas de envío, tiempos de entrega o promociones.
  • Sugerencias: "También te puede interesar", automáticas o elegidas por ti.

Estos textos también se usan en el panel lateral que se abre al agregar un producto.

Checkout

Vista Checkout

  • Títulos de cada bloque: datos de contacto, dirección de envío, método de envío, método de pago y resumen del pedido.
  • Textos de botones y enlaces: continuar al envío, continuar al pago, completar pedido y volver al carrito.
  • Aviso bajo el total: políticas de devolución, garantía o contacto.
  • En Diseño, los Pasos del checkout: En 3 pasos o Una sola página, y el color de los botones.

Los métodos de envío y de pago no se configuran aquí: salen de tu panel de QPayPro, en Tienda en línea.

Consejos

  • Activa Comprar ahora si vendes productos de compra rápida; acorta el camino al pago.
  • Si tus clientes recogen en tienda, muestra la disponibilidad por sucursal.
  • Usa el aviso del carrito para dejar claros los tiempos y costos de envío antes de pagar.
  • Revisa cada vista en celular con el botón de celular de la barra de arriba.
  • Cuando termines, presiona Guardar y publicar.