¿Alguna vez ha querido crear una cuadrícula ordenable y filtrable que contenga todos o parte de sus productos WooCommerce?

Si opera una tienda WooCommerce, sabe que WooCommerce ya viene con una página de archivo dedicada que lo ayuda a exhibir productos individuales.

Pero, dependiendo de lo que venda, esta no siempre es la forma más efectiva de exhibir sus productos.

En algunos casos, mostrar productos de WooCommerce en una cuadrícula es más eficiente.

Y si eso suena como la situación en la que se encuentra, está bien porque le mostraré cómo crear una cuadrícula de sus productos WooCommerce.

Pero si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

¿Qué puedes hacer con una grilla de productos WooCommerce?

Si bien no es una lista completa, aquí hay algunas situaciones en las que una cuadrícula de productos puede brindar a los visitantes una mejor experiencia que su página de archivo habitual:

Descubre Cómo instalar una tienda en línea en WordPress con el complemento WooCommerce

• Tiendas al por mayor - Si vende al por mayor una gran cantidad de productos, ofrecer a sus clientes una forma fácil de ordenar o filtrar una cuadrícula puede ser más fácil de usar que hacer que naveguen por páginas de productos individuales.
• Catálogos de productos - De manera similar, si solo desea mostrar un catálogo de productos fácil de navegar, una cuadrícula de clasificación / filtro AJAX ahorrará tiempo a los clientes (y recargas de páginas).
• Formularios de pedido - si desea crear un formulario de pedido basado en productos WooCommerce, una cuadrícula proporciona una manera muy fácil de hacerlo. También es un buen enfoque mostrar el menú de un restaurante y aceptar pedidos en línea.

Cómo crear una cuadrícula de productos WooCommerce

Usaremos el plugin Tabla de productos WooCommerce. El complemento se centra singularmente en la creación de cuadrículas de productos. Y gracias a sus parámetros de interfaz y Código corto, puede personalizar casi todos los aspectos de cómo funciona su cuadrícula.

Lea también nuestra guía sobre: Cómo aumentar el tiempo dedicado a su blog de WordPress

Estas son algunas de las características más útiles, en mi opinión:

• Agregue o elimine columnas fácilmente Incluso puede agregar columnas que contienen campos personalizados o taxonomías personalizadas, y la tabla de productos WooCommerce se integra completamente con los campos personalizados avanzados.
• Widgets de filtro 4 incluidos. Estos le permiten brindar a los lectores una experiencia perfecta al ofrecer opciones de filtrado en su barra lateral.
• Soporte de atributos / variaciones de productos. Elija entre 3 formas diferentes de mostrar variaciones de productos en su cuadrícula.
• Cajas de selección múltiple. Facilita la creación de formularios de pedido al permitir a los clientes seleccionar varios productos antes de agregarlos a su carrito de compras.
• Búsqueda instantánea, ordenar y filtrar . Los clientes pueden manipular los datos de su grilla sin volver a cargar la página.
• Añadir a la Cesta . Del mismo modo, los clientes pueden agregar productos a sus cestas sin volver a cargar la página.
• Soporte de carga diferida. Útil para mejorar el rendimiento de grandes redes ( aunque esto afecta la capacidad de ofrecer clasificación o filtrado instantáneos )

A continuación se explica cómo utilizar este complemento ...

Paso 1: configurar la función de cuadrícula predeterminada

Después de instalar y activar el complemento, lo primero que debe hacer es configurar la funcionalidad predeterminada para sus cuadrículas. Consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Esto esencialmente define el comportamiento predeterminado del shortcode. Pero también puede cambiar este comportamiento para cuadrículas individuales agregando parámetros al shortcode.

Para acceder a la configuración del complemento, vaya a WooCommerce → Configuración. Luego haga clic en la pestaña Productos y elige la opción Tablas de productos :

Configurar la apariencia de sus cuadrículas

En primer lugar, puede elegir el estilo de su cuadrícula en la sección Diseño de mesa. Puedes hacerlo con:

• Predeterminado - como puede imaginar, esta opción utiliza la configuración predeterminada del complemento sin ninguna intervención adicional de su parte. Intentará utilizar el tema actual de su blog tanto como sea posible.
• personnalisé : cuando se selecciona, expande una lista de opciones de estilo que le permite personalizar los colores y tamaños de fuente sin la necesidad de CSS personalizado.

Una vez que haya configurado su estilo, debe configurar los valores predeterminados de shortcode. Nuevamente, puede editarlos para códigos cortos individuales a través de los parámetros de este último. Pero la configuración le permitirá ahorrar tiempo y facilitará las cosas más adelante.

La mayoría de las configuraciones se explican por sí mismas, y puede ver que la Tabla de productos de WooCommerce hace un buen trabajo al proporcionar información sobre herramientas o enlaces de documentación para ayudarlo a obtener más información sobre cada configuración.

Descubrir Cómo agregar una tienda WooCommerce en Facebook

Una vez que haya establecido los valores predeterminados de los códigos cortos, puede desplazarse más para configurar configuraciones de diseño y características más avanzadas.

Una vez más, el complemento hace un gran trabajo; el de proporcionar información adicional para cualquiera de los parámetros que puede ser un poco difícil de entender. 

Cómo controlar el stock de tu tienda en línea WooCommerce ? Descúbrelo haciendo clic en este enlace.

Una cosa a la que prestarle atención es el limitación de la carga progresiva. Si decide utilizar la carga progresiva para acelerar su tienda en línea, limitará la función de búsqueda y clasificación del complemento.

Vea también nuestra selección de Los mejores complementos de WoNCommerce de 12 para mejorar su tienda en línea

Una vez que se complete la configuración, asegúrese de guardar sus cambios.

Paso 2: Agregar widgets de cuadrícula de WooCommerce (opcional)

Como mencioné, WooCommerce Product Table también ofrece cuatro widgets para ayudarlo a agregar opciones de filtrado a su barra lateral ( como puedas para las tiendas clásicas de WooCommerce ).

Para acceder, ve a Apariencia → Widgets como de costumbre y deslice el dedo sobre los widgets deseados:

Paso 3: agregue un código corto donde desea mostrar la cuadrícula de su producto

¡Estás en la meta! Ahora todo lo que necesita hacer es agregar el código corto [product_table] donde quiera que aparezca su cuadrícula.

Descubrir también ¿Cómo encontrar el enlace a la página de inicio de sesión de WordPress

De forma predeterminada, el código abreviado funcionará de acuerdo con la configuración que eligió en el paso 1. Pero si desea personalizar la funcionalidad para códigos cortos específicos, puede hacerlo usando el muchos parámetros de shortcode disponible.

Por ejemplo, para usar la cuadrícula solo en productos de una categoría específica, puede agregar un parámetro como este:

[product_table categoría="sombreros"]

Incluso puede ser creativo y usar las condiciones AND / OR aquí.

Por ejemplo:

• [product_table categoría= "sombreros + en estrella« ] solo muestra productos que pertenecen a la tiempo a las categorías de sombreros et en las estrellas
• [ Product_table categoría= "sombreros en estrella "] muestra productos que son por lo que sombreros ou La categoría estrella.

Esta atención a los pequeños detalles es lo que hace que la red de productos de WooCommerce sea tan excelente. 

Vea también nuestro 6 complementos de WordPress para dar nueva vida a sus artículos

¡Y eso es todo lo que hay que hacer con una cuadrícula de productos en WooCommerce!

Precios del complemento WooCommerce Product Table

WooCommerce Product Table es exclusivamente un complemento premium. Si bien hay algunas opciones gratuitas enumeradas en el directorio de WordPress.org, no he encontrado ninguna que sea tan flexible o bien documentada, así que creo que WooCommerce Product Table vale el precio, que es ...

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. HBook

HBook es un Extensión de WordPress lo que le permitirá crear fácilmente una solución de reservas en línea en su sitio web.

Se adapta perfectamente a cualquier persona que tenga un negocio en el sector hotelero (hoteles, apartamentos vacacionales, camping, etc.).

Descubre también nuestro Complementos de 5 WordPress para compartir el contenido de tu blog

Gracias a Plugin de WordPress HBook, podrá agregar calendarios de disponibilidad, listas de precios y formularios de reserva a su sitio web, en cuestión de segundos.

Descargar | Demo | alojamiento web 

2. WooCommerce Tabs Pro: pestañas adicionales para la página del producto

Ce Plugin de WordPress le proporciona pestañas adicionales ilimitadas en la página del producto.

Sus características principales son: la posibilidad de cambiar el título de las pestañas, una editor para editar contenido personalizado, el pposibilidad de fijar pestañas o no, la elección de iconos para pestañas, fácil extracción pestañas, la ppersonalización de la posición de las pestañas en la interfaz pública, et más ...

Descargar | Demo | alojamiento web

3. Complemento de referencia multinivel de WooCommerce

Este complemento de WooCommerce les permite a sus afiliados ganar puntos de crédito si sus suscriptores compran sus productos en su tienda en línea existente.

Sus características incluyen: configuración de un límite de crédito y canje personalizado, informes de administración completos para usuarios registrados, gestión de parámetros globales o específicos de producto, soporte de shortcodes, y mucho más.

Descubrir también Cómo agregar un formulario de contacto desplegable a su encabezado global

Es un sistema de afiliados de varios niveles de WooCommerce, algo que está fuera del sistema transaccional de afiliados típico.

Descargar | Demo | alojamiento web

Otros recursos recomendados

También lo invitamos a consultar los recursos a continuación para avanzar en el control y agarre de su sitio web y blog.

• 9 temas de WordPress para crear un sitio web de venta de productos bio
• Servicios 6 CDN para mejorar la velocidad de tu blog de WordPress 
• Cómo crear su programa de afiliados con WP Affiliate PlatForm
• Cómo actualizar manualmente tus complementos de WordPress

Conclusión

Listo ! Eso es todo por este tutorial. Espero que puedas crear cuadrículas de productos WooCommerce en WordPress. no dude en comparte el consejo con tus amigos en tus redes sociales.

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Pero, mientras tanto, cuéntenos sobre su comentarios y sugerencias en la sección dedicada.

...