Base de conocimiento

Obtén hosting web experto

Elija la fiabilidad del sitio web y el conocimiento con SiteGround!

Inicio / Ecommerce / ¿Cómo personalizar el aspecto de mi página de productos?

¿Cómo personalizar el aspecto de mi página de productos?

Última actualización: Aug 21, 2025 1 min de lectura

Para personalizar la página de Listado de productos de tu sitio web de Ecommerce en SiteGround:

  1. Haz clic en Website Builder
  2. Haz clic en el botón Personalizar en la esquina superior derecha
Panel del Website Builder que muestra vistas previas en escritorio y móvil de la página de inicio de una tienda de cosméticos naturales. Se resalta el botón 'PERSONALIZAR' en la esquina superior derecha.

Esto te llevará al panel de control de Website Builder donde puedes editar el aspecto de tu sitio web.

  1. Haz clic en la pestaña Contenido
  2. Selecciona Listado de productos de tu lista de páginas
Panel del administrador de tienda mostrando la página 'Listado de productos' seleccionada en el menú lateral. La vista previa incluye imágenes de productos y filtros de categoría como 'Baño y cuerpo' y 'Jabones'.
  1. Personaliza tu página de listado de productos:
  • Columnas y máximo de filas: selecciona el número de columnas y filas para tu listado de productos
  • Relación de aspecto de la miniatura: elige la relación de aspecto para cada miniatura de producto
  • Mostrar título del listado: desactiva esta opción si no deseas mostrar el título
  • Mostrar segunda imagen al pasar el cursor: activa esta opción si deseas mostrar una imagen secundaria al pasar cursor ratón sobre un producto del listado
  • Mostrar precio del producto: elige si deseas mostrar el precio del producto en el listado
  • Mostrar etiquetas de stock bajo: muestra la etiqueta si los productos tienen poco stock
  • Mostrar etiquetas de promoción: muestra una etiqueta promocional para productos en oferta
  • Tipo de etiqueta: puedes personalizar la etiqueta de promoción para que muestre “En oferta”, un porcentaje o algún texto Personalizado
  • Mostrar etiqueta de marca: activa esta opción si también deseas mostrar una etiqueta para la marca de cada producto
  • Mostrar calificación del producto: activa esta opción para mostrar la calificación de cada producto en el listado.
Panel de configuración del Website Builder para la sección de 'Listado de productos'. A la izquierda aparecen las opciones para ajustar el diseño, comportamiento al pasar el cursor, precios y etiquetas promocionales, con una vista previa de los productos a la derecha.
  1. Haz clic en Publicar en la esquina superior derecha > Este cambio de página para guardar los cambios.

¡Todo listo!

Comparte este artículo