Cómo organizar productos

Consejos para ayudar a los visitantes a encontrar los productos que están buscando.

Última actualización: 13 de enero de 2025

Crear una estructura lógica para tu tienda es clave para impulsar las ventas y crear una gran experiencia de compra. Utiliza esta guía para obtener sugerencias sobre cómo colocar la página de Tienda en la navegación de tu sitio web y utilizar etiquetas y categorías para ayudar a los clientes a encontrar lo que buscan. Para seguir esta guía, ya deberías tener al menos una página de Tienda. Para obtener más información, visita Añadir productos a tu tienda.

Consejo

Regístrate en nuestro seminario web Consejos de diseño para aumentar las ventas de tu tienda, donde presentaremos herramientas y consejos que puedes usar para ayudar a que tus productos se destaquen en tu sitio e impulsar las ventas.

Dónde se muestran los productos

Los productos se pueden mostrar en cuatro áreas:

  • Páginas de tienda: colecciones navegables de productos
  • Página de detalles del producto: página en la que se muestran los detalles de un producto y las opciones de variantes
  • Bloques de productos: bloque que puedes agregar a cualquier página que muestre un producto desde una de tus páginas de tienda
  • Bloque de sumario: bloque que puedes agregar a cualquier página en la que se visualice una muestra de productos por etiquetas y categorías

Páginas de la tienda

Consejo

La información de esta sección también se aplica a las páginas de tienda en la versión 7.1.

Las páginas de Tienda son colecciones de productos por las que se puede navegar. La página incluye los detalles clave de cada producto, por lo general, el título, el precio y si está agotado. Hacer clic en un producto específico abre su página de detalles que contiene más información.

Prácticas recomendadas:

  • Asigna nombres claros a las páginas de productos, como Comercio, Tienda o Productos.
  • Utiliza el campo de título de SEO de la página de productos para describir tus productos con más detalle, como jabones orgánicos caseros.
  • Para centrar la experiencia de compra, puedes establecer una página de tienda como página de inicio del sitio o mostrar el enlace primero en la navegación del sitio.

Reordenar productos

Es posible que desees cambiar el orden en el que se muestran los productos en una página de tienda. Por ejemplo, puedes colocar primero tus artículos más vendidos.

  1. Abre una página de tienda.
  2. Haz clic en Todos.
  3. En el panel, haz clic y arrastra un producto para moverlo a su lugar. 
  4. Haz clic en el ... junto a un producto para tomar estas acciones:
    • Editar.  Edita los detalles del producto.
    • Enviar a la parte superior: mueve el producto a la parte superior de la página. Aparecerán primeros en tu tienda.
    • Enviar a la parte inferior: mueve el producto al final de la página. Aparecerán últimos en tu tienda.
    • Mover: mueve el producto a otra página de tienda. Visita Cómo mover elementos de la colección entre páginas para obtener más información.

Nota

En Punto de venta de Squarespace, los productos se muestran en orden alfabético. No es posible reordenarlos.

Páginas de detalles del producto

Cada producto de una página de tienda tiene su propia página con detalles, como imágenes adicionales, menús de variantes para mostrar varias opciones (por ejemplo, tamaño y color) y un botón Añadir al carrito. Las páginas de detalles del producto son subpáginas de una página de tienda.

Prácticas recomendadas:

  • Si un producto tiene muchas variantes y cada opción tiene un precio o un nivel de stock diferente, puedes dividirlas en productos separados.
  • Cuando crees productos diferentes para artículos similares, utiliza descripciones y títulos únicos para cada artículo. Las descripciones demasiado similares pueden afectar la clasificación de los motores de búsqueda de tus productos.
  • Si vendes productos que requieren mucha personalización, crea un formulario de producto personalizado para que aparezca cuando un cliente haga clic en Añadir al carrito. Utiliza el formulario para recopilar información de personalización.
  • Añade etiquetas de disponibilidad limitada para que los compradores sepan cuándo quedan pocos artículos.
  • Optimiza tu SEO y ayuda a generar más tráfico para tu sitio agregando descripciones para SEO en tus productos. Esto ayuda a que los motores de búsqueda indexen tu sitio adecuadamente, lo que facilita que se encuentren tus contenidos en línea.

Consejo

Las tarjetas de regalo muestran un botón de compra que lleva directamente a la página de finalizar compra en lugar de un botón Añadir al carrito.

Bloques de productos

Los bloques de productos muestran un solo producto de una de tus páginas de Tienda. Puedes añadir bloques de productos a cualquier página. Esta es una gran opción si deseas agregar más áreas de compras a tu sitio. Para obtener más información, visita Bloques de productos.

Bloques de resumen

Los bloques de Sumario extraen contenido de las páginas de Tienda y lo muestran en otras páginas del sitio. Esta es una excelente manera de destacar los productos en tu página de inicio o modificar el diseño de tus productos sin cambiar de plantilla. Para obtener más información, visita Cómo usar bloques de sumario.

Categorías de productos

Añade etiquetas y categorías a tus productos para ayudar a los clientes a encontrar lo que están buscando.
Las categorías crean automáticamente enlaces de navegación por categorías en la página de tu tienda. Tanto las etiquetas como las categorías se pueden utilizar como filtros en varios bloques organizacionales, y también puedes vincularlos desde la navegación principal del sitio. Para aplicar estilo a la navegación por categorías, visita Cómo modificar el estilo de páginas de tienda.

Category_Navigation.png

La forma en que administres las etiquetas y las categorías depende de la versión de su sitio web.

La navegación por categorías se puede mostrar en la parte superior de la página de tu tienda o en una barra lateral. En los dispositivos móviles, la navegación por categorías siempre aparece arriba y, si tienes muchas categorías, los visitantes se desplazarán horizontalmente a través de ellas.

Las subcategorías organizan más los productos y pueden mostrarse como un menú desplegable de categorías anidadas para navegar. 

Administrar categorías y subcategorías

Crea y reorganiza hasta 1,000 categorías y subcategorías en el administrador de categorías de tu tienda:

  1. Abre el panel Páginas y luego haz clic lado junto a la página de tienda.
  2. Haz clic en Categorías.
  3. Introduce el nombre de la categoría.
  4. Presiona Enter.
  5. Para agregar una subcategoría, desplaza el cursor sobre una categoría y haz clic en ....
  6. Si estás anidando subcategorías una dentro de la otra, puedes agregar hasta tres niveles. Por ejemplo, puedes tener una categoría principal, una subcategoría debajo de esta y una segunda subcategoría bajo esa. 
  7. Haz clic en Agregar.
  8. Introduce el nombre de la subcategoría.
  9. Presiona Enter.

También puedes crear subcategorías al desplazar el cursor sobre una categoría, hacer clic en el icono que aparece y arrastrarlo sobre otra categoría.

Create_Subcategory.png

El orden de las categorías en esta página establece el orden de navegación de tu categoría. Pasa el cursor sobre una categoría, y haz clic y arrastra el ícono que aparece para reordenarlas.

Reorder_Categories_1.png

Para reordenar productos dentro de una categoría, vuelve al editor de páginas de la tienda, haz clic en una categoría y, a continuación, haz clic y arrastra los productos en el panel.

Al hacer clic a través de subcategorías, la categoría superior se mostrará como Todo de forma predeterminada. Para cambiar esto, ve a la configuración de página y haz clic en General. Desplázate hacia abajo hasta Nombre de categoría superior.

Top_category_name.png

Mostrar subcategorías en un menú anidado

Para mostrar subcategorías en un menú anidado, elige la posición de barra lateral para la navegación por categorías en el editor de secciones. Para obtener más información, visita Cómo modificar el estilo de páginas de tienda.

Editar o eliminar categorías:


Para editar el nombre y la configuración de página de una categoría:

  1. En el administrador de categorías, sitúa el cursor sobre una categoría y haz clic en ....
  2. Para eliminar una categoría, haz clic en Eliminar.
  3. Para editar una categoría, haz clic en Editar.
  4. Realiza los cambios y, a continuación, haz clic en Atrás.

Puedes cambiar estas configuraciones:

  • Nombre: nombre que aparece en la navegación de categorías.
  • Slug de URL: URL de la página filtrada que muestra todos los productos dentro de una categoría.
  • Activar página: habilita o deshabilita una página de categoría filtrada.
  • Filtrar visibilidad: oculta la categoría de la navegación por categorías. 
  • Añadir a la navegación principal: crea un enlace a la categoría en la navegación principal del sitio.

Para saber cómo añadir estas categorías a tus productos, visita Añadir productos a tu tienda.

Ocultar categorías

Todas las categorías se muestran en la navegación por categorías de forma predeterminada, pero puedes ocultarlas. Es posible que quieras hacer esto si tienes categorías de temporada o si quieres optimizar la navegación de tu tienda.

Para ocultar una categoría individual de la navegación por categorías:

  1. En el panel de páginas, haz clic en el ícono de junto a la página de tienda que quieres editar. 
  2. Haz clic en Categorías.
  3. Haz clic en el ícono ...junto a la categoría que quieres ocultar; luego haz clic en Editar.
  4. Desactiva la opción Visibilidad del filtro.

Para ocultar la navegación por categorías de una página completa de tienda, ve a la configuración de la página, haz clic en General y, a continuación, desactiva la opción Visibilidad del filtro.

La navegación por categorías se muestra automáticamente al agregar la primera categoría. En algunas plantillas, puedes ocultar la navegación por categorías en Estilos del sitio mediante los retoques Mostrar navegación por categorías o Productos: Ordenar + Filtrar - Mostrar.

Utiliza distintas páginas de Tienda para grupos muy amplios de productos (como ropa de hombre y mujer) y, a continuación, utiliza categorías dentro de esas páginas para dividir los productos por tipo (prendas superiores e inferiores y calzado).

También puedes agregar menús desplegables de categorías de productos a tu navegación principal usando menús desplegables. Por ejemplo:

  1. Crea dos menús desplegables titulados Hombres y Mujeres.
  2. En cada menú desplegable, agrega enlaces a categorías como Camisas, Pantalones y Calzado.

Cuando la persona que visita el sitio hace clic en uno de los enlaces, verá una lista filtrada de contenido con esa categoría. Para informarte mejor, consulta Agregar enlaces a categorías o etiquetas.

folder-nav.png

Más formas de organizar los productos

Visite estas guías para obtener más opciones para mostrar etiquetas y categorías:

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.