¿Quieres saber cómo mostrar categorías de productos en WooCommerce en tu tienda o página de inicio?
Mostrar categorías ayuda a organizar tus productos, guiar a los compradores al lugar correcto y aumentar las conversiones. En esta guía, te mostraré paso a paso cómo agregar y mostrar categorías y etiquetas de productos de WooCommerce, sin necesidad de código.
Resumen rápido: Cómo mostrar categorías de productos en WooCommerce
- Añadir categorías a tu página de inicio
- Mostrar categorías en la página de la tienda
- Mostrar categorías en tu barra lateral
- Añadir categorías a tu menú
- Mostrar subcategorías en las páginas de la tienda
Tutorial en vídeo
Cómo añadir categorías y etiquetas de productos en WooCommerce
Añadir categorías y etiquetas en WooCommerce es fácil. Puedes añadir nuevas categorías y etiquetas al crear listados de productos o desde el panel de control de WooCommerce.
Añadir categoría de producto en WooCommerce
Sigue estos pasos para añadir categorías o subcategorías de productos en WooCommerce:
Primero, ve a Productos » Categorías desde tu área de administración de WordPress. Desde allí, introduce la información de tu categoría de producto.
Puedes incluir:
- Nombre
- Slug
- Categoría padre
- Descripción
- Tipo de visualización (productos/subcategorías/ambos)
- Miniatura
Haz clic en el botón Añadir nueva categoría para agregar el listado de la categoría a tu lista.
Añadir etiquetas de producto en WooCommerce
Puedes seguir estos pasos para añadir etiquetas de producto en WooCommerce:
Primero, ve a Productos » Etiquetas desde tu área de administración de WordPress. En la siguiente página, puedes introducir la siguiente información de la etiqueta:
- Nombre
- Slug
- Descripción
Haz clic en el botón Añadir nueva etiqueta para agregar la etiqueta a tu lista.
Cómo mostrar categorías de productos en tu sitio de WooCommerce
Después de aprender cómo añadir categorías y etiquetas de productos a WooCommerce, ¿cómo las muestras en tu tienda online? Sigue los métodos a continuación para mostrar categorías de productos de WooCommerce y etiquetas en diferentes secciones de tu tienda.
- Display WooCommerce Product Categories on Homepage
- Mostrar categorías en la página de la tienda de WooCommerce
- Mostrar categorías de WooCommerce en la página de la tienda
- Mostrar subcategorías de WooCommerce en el diseño de la tienda
- Añadir categorías de productos de WooCommerce a la barra lateral
- Mostrar categoría de producto de WooCommerce en el menú de navegación
- Preguntas Frecuentes
Mostrar categorías de productos de WooCommerce en la página de inicio
Primero, veamos cómo mostrar la categoría de los productos en la página de inicio de tu WooCommerce. WooCommerce no ofrece una forma fácil de mostrar categorías de productos en tu página de inicio.
Las opciones actuales son:
- Utiliza un tema de WordPress compatible con WooCommerce que incluya secciones de página de inicio de WooCommerce.
- Edita tu tema y añade el shortcode de categorías de productos de WooCommerce.
Ambas opciones implican mucho trabajo, por lo que recomendamos usar un creador de sitios web como SeedProd para personalizar tu tienda WooCommerce.
SeedProd es el mejor creador de sitios web para WordPress. Te permite crear sitios web completos de WooCommerce, páginas de destino y temas personalizados de WordPress sin necesidad de código.
Puedes elegir entre cientos de plantillas listas para usar y personalizarlas fácilmente en el creador de páginas de arrastrar y soltar. SeedProd ofrece muchos bloques y secciones para añadir contenido de WooCommerce a tu sitio con unos pocos clics.
Sigue estos pasos para usar SeedProd y añadir categorías de productos a tu página de inicio.
Paso 1. Instalar y Activar SeedProd
Para empezar, descarga el plugin SeedProd e instálalo y actívalo en tu sitio web de WordPress. Puedes seguir esta guía sobre cómo instalar un plugin de WordPress si necesitas ayuda.
Nota: Necesitarás un plan SeedProd Elite para acceder a las funciones de WooCommerce.
A continuación, ve a SeedProd » Ajustes, introduce tu clave de licencia y haz clic en Verificar clave. Al hacerlo, desbloquearás las funciones de tu plan elegido.
Puedes encontrar tu clave de licencia en el área de tu cuenta de SeedProd, en la pestaña Descargas.
Paso 2. Crea un tema personalizado de WooCommerce
El siguiente paso es crear un tema personalizado para tu sitio de WooCommerce. Esto te permitirá personalizar cada parte de tu sitio web con el potente editor visual de SeedProd.
Para ello, ve a SeedProd » Theme Builder y haz clic en el botón Temas.
En esta pantalla verás una biblioteca de temas de WordPress profesionales. Son una excelente manera de crear sitios web impresionantes sin contratar a un desarrollador, y no necesitarás empezar desde cero.
Simplemente pasa el ratón sobre un tema que te guste y haz clic en el icono de la marca de verificación.
SeedProd creará automáticamente todas las diferentes plantillas para tu tema y las listará en el panel de control del Theme Builder. Desde allí, puedes personalizar cada plantilla en el editor visual.
Paso 3. Personaliza tu página de inicio de WooCommerce
Para mostrar categorías en tu página de inicio de WooCommerce, necesitarás editar la plantilla de Página de Inicio. Busca la plantilla en tu lista y haz clic en el enlace "Editar diseño" para abrirla en el creador de páginas de SeedProd.
Personalizar tu página de inicio con SeedProd es muy fácil. Hay bloques y secciones a la izquierda y una vista previa en vivo a la derecha.
Añadir un bloque de contenido a tu página es tan sencillo como arrastrar y soltar. Luego puedes hacer clic en cualquier elemento para editar su contenido y ajustes de estilo.
Hay 2 maneras de mostrar categorías de productos en tu página de inicio con SeedProd:
- Mostrar productos por categoría
- Añadir el widget de Categoría de Productos de WooCommerce
Para usar la primera solución, busca el bloque "Products Grid" en la sección de bloques de WooCommerce. Luego arrastra el bloque a una sección o fila de tu página de inicio.
Haz clic en la cuadrícula de productos para abrir el panel de configuración en el lado izquierdo. En ese panel, selecciona "Consulta personalizada" en el menú desplegable Tipo y activa el interruptor "Seleccionar por categoría".
Puedes elegir qué productos de categoría mostrar en la cuadrícula. Puedes seleccionar varias categorías manteniendo pulsada la tecla Mayús.
Ahora solo se mostrarán los productos de tus categorías elegidas en tu página de inicio.
Puedes seguir pasos similares para mostrar solo los productos por etiqueta. Simplemente activa la opción "Seleccionar por etiqueta" y elige qué etiquetas incluir de las opciones.
También puedes usar los widgets nativos de WooCommerce en el editor visual de SeedPod, incluido el widget de categorías de productos.
Para ello, ve a la sección de bloques de Widgets y busca el widget "Categorías de productos". A continuación, arrástralo a su lugar en el diseño de tu página de inicio.
Al hacer clic en el widget, puedes:
- Elegir un título para el widget
- Ordenar las categorías por nombre
- Mostrar como menú desplegable
- Mostrar recuentos de productos
- Mostrar jerarquía
- Y más
También puedes controlar las opciones de estilo del widget en la pestaña Avanzado.
Paso 4. Personaliza el resto de tu tienda WooCommerce
Ahora puedes pasar a editar las otras plantillas de tu tema de WooCommerce.
Aquí tienes algunas guías para ayudarte:
- Cómo personalizar el encabezado de tu WordPress
- Cómo crear una plantilla personalizada para entradas individuales
- Cómo crear una página de pago personalizada de WooCommerce
- Cómo agregar un carrito de compras a WordPress
También puedes leer el resto de este artículo para aprender a mostrar categorías de productos en tu barra lateral y menú de navegación.
Paso 5. Publica tu tema de WooCommerce
Cuando estés satisfecho con el aspecto de tu tema, ve a SeedProd » Theme Builder y, en la esquina superior derecha, activa el interruptor Activar tema de SeedProd a la posición "activado".
Ahora puedes previsualizar tu página de inicio para ver cómo queda.
Mostrar categorías en la página de la tienda de WooCommerce
Además de tu página de inicio, puedes usar SeedProd para mostrar categorías en tu página de tienda de WooCommerce.
Para ello, ve a SeedProd » Theme Builder y haz clic en Editar diseño en la plantilla "Página de tienda".
La página se abrirá ahora en el editor visual, donde puedes personalizar el diseño de tu página de tienda. Sigue los pasos del método anterior para mostrar tus productos por categoría.
Alternativamente, puedes crear una cuadrícula separada para cada categoría de producto. Por ejemplo, puedes tener una cuadrícula para bebidas, otra para cuidado del cabello, etc.
También puedes usar el método anterior para mostrar tus categorías de productos en una lista o menú desplegable en tu página de inicio.
Simplemente añade una nueva columna a tu página de tienda y arrastra el widget "Categorías de productos".
Aquí tienes un ejemplo de cómo se vería en tiempo real:
Mostrar categorías de WooCommerce en la página de la tienda
Algunos propietarios de sitios web pueden no desear crear un tema nuevo para mostrar etiquetas y categorías de productos. En ese caso, puede usar la configuración predeterminada de la tienda de WooCommerce para mostrar las categorías.
Vaya a Apariencia » Personalizar, luego haga clic en WooCommerce y Categorías de productos.
En el encabezado titulado “Mostrar página de tienda”, seleccione Mostrar categorías.
WooCommerce le brinda cierto control sobre el diseño de sus categorías utilizando la configuración integrada. Puede optar por mostrar subcategorías, productos o ambos, dependiendo de cómo desee que aparezca el diseño de su categoría de WooCommerce.
Mostrar subcategorías de WooCommerce en el diseño de la tienda
También puede usar la configuración predeterminada de WooCommerce para mostrar subcategorías en la página de la tienda.
Para ello, vaya a Apariencia » Personalizar » WooCommerce » Catálogo de productos, y en el encabezado “Mostrar categoría”, seleccione “Mostrar subcategorías” en el menú desplegable.
Recuerde hacer clic en el botón Publicar para guardar sus cambios.
Añadir categorías de productos de WooCommerce a la barra lateral
Añadir categorías de productos a la barra lateral de su sitio web es una excelente manera de ayudar a los compradores a encontrar lo que necesitan rápidamente. Afortunadamente, SeedProd le permite añadir barras laterales personalizadas a WordPress fácilmente.
Para personalizar una barra lateral con SeedProd y mostrar sus categorías de productos, vaya a SeedProd » Theme Builder y abra la plantilla de Barra lateral.
Puede arrastrar el bloque Product Grid y personalizar las opciones de visualización de la consulta para mostrar productos de una categoría o etiqueta.
Usamos 2 bloques Product Grid para mostrar 2 categorías diferentes en la barra lateral de nuestro blog en este ejemplo.
Mostrar categoría de producto de WooCommerce en el menú de navegación
Añadir categorías de productos a su menú de WooCommerce es igual de fácil. Vaya a Apariencia » Menús, luego haga clic en la pestaña Opciones de pantalla en la esquina superior derecha.
En ese panel, marque la casilla “Categorías de productos”. Esto mostrará todas sus categorías de WooCommerce en la pantalla del menú.
A continuación, abra la pestaña “Categorías de productos”, seleccione todas las categorías que desee añadir a su menú, y haga clic en el botón Añadir al menú.
Luego puede arrastrarlas para cambiar su posición en el menú. Por ejemplo, puede anidarlas debajo de su Página de tienda para mostrar un menú desplegable de categorías.
Recuerde guardar su menú antes de continuar. Esto crea un menú de categorías de WooCommerce limpio que ayuda a los compradores a navegar rápidamente por sección.
Ahora, puede visitar la página de inicio de su sitio web y ver las categorías de productos en el menú de navegación de WooCommerce.
Más Formas de Personalizar WooCommerce
Mostrar categorías y etiquetas de productos es solo una de las muchas formas de ajustar su tienda. Para más personalizaciones de WooCommerce, consulte las siguientes guías:
- Cómo Personalizar la Pestaña de Información Adicional de WooCommerce
- Cómo Añadir el Botón Ver Carrito en WooCommerce
- Cómo Cambiar el Título de la Página de Tienda en WooCommerce
- Cómo Crear una Impresionante Galería de Imágenes de Producto en WooCommerce
- Cómo añadir valoraciones de estrellas a las páginas de productos de WooCommerce
- Cómo mostrar productos relacionados en WooCommerce
- Cómo obtener y mostrar descripciones de productos en WooCommerce
- Cómo mostrar productos destacados en WooCommerce
- Cómo ocultar productos sin stock en WooCommerce
Preguntas Frecuentes
Espero que esta guía le haya ayudado a aprender cómo mostrar categorías de productos en WooCommerce de forma sencilla. Ya sea que esté organizando su página de inicio, página de tienda o menú, los pasos anteriores deberían ayudarle a mantener las cosas limpias y fáciles de usar.
Si está creando su tienda con SeedProd, puede tomar el control total de cómo aparecen sus productos, sin necesidad de código.
Si todavía estás trabajando en tu sitio, puede que te interese esta guía sobre cómo añadir una página de "próximamente" a WooCommerce.
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
