Wix Stores: personalizar la página de categoría

11 min de lectura
重要だ:
La página de categoría aún no está disponible para todos los usuarios.
La página de categoría es tu página principal de la tienda. Puedes diseñar cada parte de la página, elegir tu estilo preferido, decidir qué información mostrar y mucho más. 
Captura de pantalla de la página de categoría en una tienda de Wix Stores.
En este artículo, aprende cómo hacer lo siguiente:
ありがとう:
  • Solo necesitas personalizar la página de categoría una vez. Tus personalizaciones se aplican automáticamente a cada categoría. 
  • Usa el selector de vista previa de categorías en la parte superior derecha para elegir una categoría y obtener una vista previa.

Elegir qué elementos de la página mostrar

La pestaña Mostrar es el lugar para elegir qué elementos quieres mostrar en la página de categoría y donde puedes ocultar el resto. 

Para mostrar u ocultar elementos de la Página de categoría:

  1. Selecciona la pestaña Mostrar.
  2. Selecciona las casillas de verificación junto a los elementos que deseas mostrar.
コンセホ
También puedes hacer lo siguiente:
  • Ve a la pestaña Lista para ocultar la lista de categorías en la barra lateral.
  • Ve a la pestaña Filtros para ocultar los filtros de la barra lateral.
  • Ve a la pestaña Ordenar para ocultar la opción de clasificación.

Personalizar los ajustes de la página de categoría

En la pestaña Ajustes, puedes decidir cómo ven más productos los visitantes cuando llegan al final de la página (por ejemplo, haciendo clic en el botón "Cargar más"), elegir lo que sucede cuando los clientes pasan el cursor sobre las imágenes de los productos y más.

Para seleccionar los ajustes de la página de categoría:

  1. Haz clic en la pestaña Ajustes.
  2. Personaliza cualquiera de las siguientes opciones:
    • Comportamiento de desplazamiento: 
      • Selecciona lo que sucede cuando los clientes se desplazan hasta la parte inferior de la página. Más información
      • Habilita la palanca Barra lateral adhesiva para mantener los filtros visibles mientras se desplazan los visitantes. Si está habilitada, personaliza la distancia entre la barra lateral y la parte superior.
    • Efecto cursor en imágenes: establece lo que sucede cuando un cliente pasa el cursor sobre un producto.
    • Botón Agregar al carrito: si habilitaste el botón en la pestaña Mostrar, personaliza lo que sucede cuando se hace clic en el botón: 
      • Mostrar pop-up de éxito: aparece una notificación emergente.
      • Abrir el minicarrito: el carrito lateral (minicarrito) se abre a un lado de la pantalla.
      • Ir a la página del carrito: se dirige a los clientes directamente a la página del carrito.
      • Permanecer en la página de categorías: los clientes permanecen en la misma página. El botón muestra una marca de verificación para indicar que el producto se agregó correctamente. 
ありがとう:
  • Si seleccionaste el botón "Cargar más" o la opción de comportamiento de desplazamiento de paginación, ve a la pestaña Diseño para personalizar el diseño. 
  • Cada página tiene una URL separada para ayudar a mejorar el SEO de tu Galería de productos. Por ejemplo:
    • URL de la primera página: https://www.misitio.com/tienda
    • URL de la segunda página: https://www.misitio.com/tienda?page=2

Elegir el estilo de la página de categoría

Elige el estilo que prefieras tanto para el encabezado (si se muestra) como para la visualización del producto. 

Para elegir opciones de estilo:

  1. Haz clic en la pestaña Estilo.
  2. Personaliza cualquiera de las siguientes opciones:
    • Rutas de navegación: alinea las rutas de navegación a la izquierda, a la derecha o al centro.
    • Sección del encabezado:
      • Posición del encabezado: selecciona Alineado o Arriba.
        Consejo: Si seleccionas Arriba, te sugerimos ocultar la lista de categorías. De lo contrario, las categorías dan la apariencia de ser subcategorías de la categoría seleccionada.
      • Ubicación de la información de la categoría: muestra la descripción de la categoría encima, al frente o debajo de la imagen.
      • Alineación de la información de la categoría: alinea el texto del encabezado a la izquierda, a la derecha o al centro.
      • Altura de la imagen de la categoría: arrastra el control deslizante para establecer la altura de la imagen de la categoría.
      • Espaciado entre título y descripción: arrastra el control deslizante para establecer el espaciado deseado.
      • Apariencia del texto descriptivo: si es largo, los clientes hacen clic para ver el mensaje completo.
    • Cuadrícula de productos:
      • Comportamiento de la cuadrícula:
        Nota:
        Las personalizaciones varían dependiendo de si eliges Fijo o Adaptativo.
        • Fijo: todos los visitantes ven la misma cantidad de filas y columnas en la galería.  
        • Adaptativo: el número de productos que se muestran se ajusta según el tamaño de la pantalla del visitante.
          Nota: La configuración adaptativa solo está disponible si estiras la galería al ancho total.
    • Imágenes del producto: 
      • Ubicación de la imagen: coloca la imagen arriba o al lado del texto del producto.
      • Cambio de tamaño: selecciona una opción de cambio de tamaño:
        • Recortar: recorta todas las imágenes al mismo tamaño.
        • Ajustar: mantén las proporciones de las imágenes.
      • Relación de la imagen: selecciona una proporción de altura a ancho.
      • Relleno lateral de la imagen: ajusta el relleno a la izquierda y a la derecha de la imagen.
      • Relleno superior e inferior de la imagen: ajusta el relleno por encima y por debajo de la imagen.
    • Botón Agregar al carrito: elige dónde se coloca el botón.
      Nota: Si el botón está en la imagen, reemplaza al botón Vista rápida.
    • Información del producto: elige una opción para el estilo de la tarjeta del producto y personalízala.
    • Opciones de producto: habilita esta opción para limitar la visualización de las opciones de producto a las opciones de color.
    • Cintas: elige dónde mostrar la cinta y personaliza el relleno.
コンセホ
Para estirar la página de categorías al ancho total, haz clic en la página de categorías en el editor, selecciona el icono Estirar  y luego haz clic en la palanca para activarla.

Editar el texto en la página de categoría

En la pestaña Texto, edita el texto disponible, para que coincida con la voz y el tono de tu marca. Puedes personalizar el texto que aparece en los botones de la página (por ejemplo, agregar al carrito, pedido anticipado), y el mensaje que aparece cuando un producto está agotado. 
コンセホ
Si eliges ocultar elementos, la opción de editar el texto en ese elemento no aparece.

Para editar texto:

  1. Haz clic en la pestaña Texto.
  2. Edita cualquiera de las opciones de texto disponibles.

Diseñar la página de categoría

Personaliza tu página de categoría para que coincida con el diseño general de tu marca.

Para diseñar la página de categoría:

  1. Haz clic en la pestaña Diseño.
  2. Sigue los pasos a continuación para diseñar cada parte de la página de categoría.

Personalizar la barra lateral

La barra lateral de categorías tiene 2 componentes: la lista de categorías y los filtros. Puedes mostrar uno o ambos, u ocultar la barra lateral por completo. 
重要だ:
La lista de categorías no aparece en la versión móvil. Agregar tus categorías al menú del sitio es la mejor manera de que tus clientes accedan fácilmente a ellas.
Cualquier categoría activa que crees aparece automáticamente en la lista de categorías, pero puedes ocultar las categorías que no deseas mostrar. También puedes reordenar las categorías que decidas mostrar.
Captura de pantalla de la página de categorías, en la que se resalta la barra lateral.
Estos son los filtros que tus clientes pueden usar para encontrar los productos que necesitan. Los filtros de tu sitio se ajustan automáticamente según la categoría que está viendo el visitante.
コンセホ
Puedes usar filtros de categorías para permitir que los clientes seleccionen subcategorías. Por ejemplo, al ver la categoría de ropa de mujer, los clientes pueden seleccionar cualquier filtro que tenga productos en otras categorías y ropa de mujer.

Para personalizar la barra lateral:

  1. Haz clic en la pestaña Lista.
  2. Personaliza cualquiera de las siguientes opciones de la lista:
    • Mostrar lista de categorías: haz clic en la palanca Mostrar lista de categorías para mostrarla u ocultarla.
    • Mostrar título de la lista de categorías: desmarca la casilla de verificación para ocultar el título. Si la casilla está seleccionada, puedes editar el texto del título.
    • ¿Cómo quieres administrar esta lista?
      • Sincronizar automáticamente todas las categorías: cada categoría activa se muestra automáticamente en el orden en que se agregó.
      • Personalizar y reordenar la lista manualmente: te da la opción de ocultar ciertas categorías y reordenar la lista.
        1. Desmarca las casillas de verificación junto a las categorías que deseas ocultar.
        2. Reordena las categorías usando la función de arrastrar y soltar.
  3. Haz clic en la pestaña Filtros.
  4. Personaliza cualquiera de las siguientes opciones de filtro:
    • Mostrar filtros: haz clic en la palanca para mostrar u ocultar todos los filtros. 
    • Mostrar título de los filtros: desmarca la casilla de verificación para ocultar el título "Filtrar por". 
    • Título de los filtros: si muestras el título, puedes editar el texto del título.
    • Permitir a los clientes filtrar por: pasa el cursor sobre un filtro y haz clic en el icono Más acciones  para ocultarlo o editarlo.
      • Categoría: puedes ocultar el filtro de categorías o hacer clic en Editar para seleccionar qué categorías mostrar.
      • Precio: puedes ocultar el filtro de precios o hacer clic en Editar para editar el título del filtro.
      • Opciones de producto: oculta el filtro de opciones de producto. Consejo: Si muestras opciones de producto, se muestran las opciones relevantes para cada página.
      • Descuento: puedes ocultar o eliminar esta opción. Si muestras esta opción, puedes seleccionar categorías a las que se aplican ofertas.
Captura de pantalla de los ajustes de los filtros en la página de categorías de un sitio Wix.

Personalizar las opciones de clasificación

La página de categoría incluye opciones de clasificación para que los clientes vean más fácilmente los productos relevantes. Puedes desactivar cualquiera de las opciones u ocultar la clasificación por completo. 
Captura de pantalla de la página de categorías en Wix Stores, en la que se expanden las opciones de clasificación.

Para personalizar la clasificación de los productos:

  1. Haz clic en la pestaña Ordenar.
  2. Selecciona el orden en el que se muestran los productos en el menú desplegable Ordenar productos por. Si permites que los clientes clasifiquen los productos, pueden anular esta configuración.
    Nota: De forma predeterminada, el orden de los productos en una categoría depende del orden que establezcas en el panel de control
  3. Personaliza cualquiera de los siguientes ajustes:
    • Haz clic en la palanca Mostrar opciones de "Ordenar por" para activarla o desactivarla.  
    • Edita la etiqueta "Ordenar por".
    • Desmarca la casilla de verificación junto a cualquier opción de clasificación que desees ocultar. 

Personalizar la vista rápida

La opción de vista rápida permite a los clientes ver los detalles del producto en una ventana emergente, sin salir de la página de categoría. 
GIF que muestra la opción de vista rápida en una tienda de Wix.

役に立ちましたか?

|