¿Cómo agregar una categoría destacada en el inicio de mi sitio web?

Las categorías destacadas permiten mostrar accesos visuales a determinadas categorías de productos directamente en la página de inicio de tu sitio web.

Cada categoría destacada se presenta como un widget compuesto por una imagen y un enlace. Cuando una persona hace clic sobre ese elemento, accede a la categoría correspondiente, donde podrá visualizar todos los productos incluidos en ella.

Esta funcionalidad resulta útil para destacar las principales líneas de productos de tu negocio y facilitar la navegación desde el inicio del sitio.

¿Dónde se muestra esta imagen?

La imagen configurada mediante esta opción se muestra únicamente como una categoría destacada en la página de inicio de tu sitio web.

No debe confundirse con los banners de categorías, que se visualizan dentro de la página de una categoría, por encima del listado de productos, los filtros y las subcategorías.

En este caso, la imagen funciona como un acceso visual desde el inicio hacia una categoría determinada.

¿Cómo cargar la imagen de una categoría destacada?

1. Ingresar a la sección Categorías

Accede al Panel de Autogestión de Waclis y dirígete a:

Catálogo > Categorías

En esta sección encontrarás todas las categorías, subcategorías y niveles de categorías que hayas creado para organizar los productos de tu sitio web.

2. Seleccionar la categoría que deseas destacar

Busca la categoría que quieres mostrar en el inicio de tu sitio web.

Luego, haz clic en el ícono de los tres puntos verticales correspondiente a esa categoría para acceder a sus opciones de edición.

3. Seleccionar la imagen

Dentro de la configuración de la categoría, localiza la opción para cargar su imagen destacada y haz clic en el botón:

Seleccionar archivo

Esta opción te permitirá elegir una imagen almacenada en tu computadora, teléfono móvil o dispositivo.

4. Elegir el archivo desde el dispositivo

Se abrirá el explorador de archivos de tu computadora o dispositivo móvil.

Busca la imagen que deseas utilizar, selecciónala y confirma la carga.

La imagen elegida será utilizada como representación visual de esa categoría en la página de inicio.

Recomendaciones para la imagen

Para obtener una mejor visualización, utiliza una imagen:

• Clara y representativa de los productos incluidos en la categoría.

• Con buena iluminación y calidad.

• Sin textos demasiado pequeños.

• Adaptada al formato utilizado por el diseño de tu sitio web.

• Con un tamaño máximo recomendado de aproximadamente 600 × 500 píxeles, salvo que el diseño de tu tienda requiera otra proporción.

También es recomendable que las imágenes de todas las categorías destacadas mantengan una misma proporción y estilo visual. Esto permite que los widgets se vean ordenados y consistentes en el inicio.

5. Guardar los cambios

Una vez seleccionada la imagen, haz clic en el botón:

Guardar

Este paso es necesario para confirmar la carga y aplicar la imagen a la categoría.

¿Cómo se visualiza en el sitio web?

Después de guardar los cambios, la categoría podrá mostrarse como un widget o categoría destacada en la página de inicio del sitio web.

Cuando un usuario haga clic sobre la imagen, será dirigido automáticamente a la página de esa categoría, donde se listarán todos los productos asociados.

Por ejemplo, si cargas una imagen destacada para la categoría Tecnología, al hacer clic sobre ese widget desde el inicio, el visitante accederá al listado completo de productos de Tecnología.

Diferencia entre categorías destacadas y banners de categorías

Aunque ambas funciones utilizan imágenes relacionadas con una categoría, se muestran en lugares diferentes:

Categoría destacada

• Se visualiza en el inicio del sitio web.

• Funciona como un acceso hacia una categoría.

• Permite destacar las principales líneas de productos.

• Al hacer clic, abre el listado de productos de la categoría seleccionada.

Banner de categoría

• Se visualiza dentro de la página de la categoría.

• Aparece por encima del listado de productos, filtros y subcategorías.

• Funciona como una imagen de encabezado o presentación de esa sección.

• No se muestra como widget en el inicio.

Una misma categoría puede contar con una imagen destacada para el inicio y, además, con un banner diferente para su página interna.

Procesamiento y optimización de imágenes

Al cargar imágenes para las categorías destacadas, Waclis procesa los archivos para optimizar el rendimiento del sitio web.

Durante este proceso, las imágenes pueden convertirse al formato WebP, que permite reducir su peso manteniendo una buena calidad visual. Esto contribuye a mejorar la velocidad de carga de la página de inicio.

Importante

La imagen destacada no crea una categoría nueva ni modifica los productos incluidos en ella.

Antes de configurarla, verifica que:

• La categoría se encuentre creada.

• Los productos estén correctamente asociados a esa categoría.

• La imagen represente adecuadamente su contenido.

• Los cambios hayan sido guardados correctamente.