Si desea que su tienda en línea tenga éxito, no es suficiente tener productos sorprendentes para ofrecer a sus clientes. También necesita saber cómo mostrarlos de manera efectiva en su sitio web. Afortunadamente Todos los productos El bloque WooCommerce te permite presentar todos tus productos en una cuadrícula ordenada, en cualquier página o publicación.
En este artículo, veremos más de cerca cómo Todos los productos el bloque funciona y le muestra cómo agregarlo a su sitio. También discutiremos algunas de las mejores prácticas para usar este bloque de manera efectiva.
¡Empecemos!
¿Cómo agregar un bloque WooCommerce de todos los productos a su publicación o página?
los Todos los productos block le permite mostrar todos los productos en una cuadrícula profesional con opciones de paginación y clasificación. Sin embargo, esta función solo está disponible cuando usa WooCommerce. Con este complemento, también obtendrá acceso a todos los demás bloques de WooCommerce en el Editor de bloques.
Usar Todos los productos bloque, abra la página o publique donde desea exhibir sus artículos. Luego haga clic en el signo más (+) para agregar un nuevo bloque y use la barra de búsqueda para buscar Todos los productos opción:
Después de insertar el bloque, verá una lista completa de sus productos:
De forma predeterminada, el bloque muestra tres elementos por línea y nueve por página. También muestra información clave sobre cada producto, incluido su nombre y precio, así como una foto y un botón de llamada a la acción (CTA). Sin embargo, tienes la opción de modificar la apariencia de la malla. y los elementos que contiene.
Todos los productos Configuración de WooCommerce y opciones de bloqueo
Ahora echemos un vistazo a las configuraciones principales que ofrece Todos los productos Unidad. Primero, veremos las opciones para modificar la apariencia de la malla.
Si hace clic en un bloque, obtendrá una selección de configuraciones en el panel derecho:
Por debajo Opciones de diseño, puede elegir el número de filas y columnas que desea mostrar en la página. También puede definir la alineación del último bloque interior. En nuestro ejemplo, este es el botón CTA:
Esto es lo que sucede cuando lo encendemos Alinear el último bloque opción:
Si se desplaza hacia abajo en el panel, también verá Configuración de contenido:
De forma predeterminada, el bloque contiene un menú desplegable que permite a los usuarios ordenar los productos por popularidad, calificación promedio, precio y otras variables. Puede desactivar esta función o elegir una opción de clasificación en el menú desplegable en Pedir productos por.
Finalmente tenemos Avanzado ajustes:
Esta sección le permite agregar nuevas clases de CSS al bloque. Sin embargo, le recomendamos que solo use esta función si sabe cómo usar las hojas de estilo.
Pasemos a la configuración de los elementos en la malla. Si vuelve a hacer clic en el bloque, obtendrá una barra de herramientas con cuatro configuraciones principales:
Aquí hay una descripción general rápida de cada opción:
- Cambiar el tipo o estilo de bloque: Puedes convertirlo en Grupo o columnas Unidad.
- Cambiar la alineación: Puede elegir un diseño de ancho completo o de ancho ancho.
- Editar: Esto permite modificar los elementos del bloque.
- Opciones: Puede copiar un bloque, agruparlo, agregarlo a sus bloques reutilizables o eliminarlo.
Si desea editar productos en la cuadrícula, debe seleccionar la tercera opción. Esto le permitirá trabajar en bloques en la vista previa:
Si hace clic en un elemento, como una foto de un producto, verá la configuración en el panel derecho:
Por ejemplo, puede elegir si desea vincular la imagen a la página del producto o mostrar una insignia de «venta» para los productos relevantes. También puede optar por alinear la etiqueta de ventas y establecer el tamaño de la imagen en Tamaño completo o recortado.
Además, tienes la opción de insertar otros bloques de WooCommerce. Simplemente haga clic en el icono más (+) y seleccione un elemento:
También puede mover bloques usando las flechas hacia arriba y hacia abajo en la barra de herramientas. Si desea eliminar un bloque, simplemente haga clic en él y presione Borrar en el teclado (o seleccione Eliminar bloque de las opciones de la barra de herramientas).
Cuando esté satisfecho con los cambios, haga clic en Listo botón dentro Todos los productos Unidad. Si desea deshacer todos los cambios que ha realizado, puede elegir Restablecer diseño en cambio.
Consejos y mejores prácticas para usar el bloque WooCommerce de todos los productos de manera eficiente
Como hemos visto Todos los productos El Bloque WooCommerce ofrece una forma eficiente de mostrar todos sus productos en un solo lugar. Sin embargo, hay algunas cosas a considerar al usar esta función.
Por ejemplo, es posible que desee minimizar la información que se muestra sobre un producto. Sin embargo, puede tener la tentación de insertar más elementos de WooCommerce dentro Todos los productos bloque, mostrar demasiados detalles puede abrumar a los clientes potenciales. En cambio, recomendamos ceñirse a los detalles más esenciales, especialmente el nombre y el precio del producto.
Además, es posible que desee asegurarse de que cada elemento tenga un enlace a la página del producto correspondiente. De esta manera, los usuarios interesados en el producto pueden hacer clic en él para obtener más información.
Finalmente, también recomendamos mostrar solo algunos elementos a la vez:
Llenar toda la página con interminables filas de productos puede agotar a tus visitantes. También puede tener un impacto negativo en los tiempos de carga de la página, lo que puede tener un impacto negativo en la experiencia general del usuario.
Preguntas frecuentes sobre el bloque WooCommerce de todos los productos
En este punto, hemos cubierto todas las cosas más importantes que necesita saber sobre Todos los productos Bloque WooCommerce. Sin embargo, es posible que aún tenga algunas preguntas al respecto. Echemos un vistazo a algunas de las consultas más comunes sobre este bloque.
¿Puedo actualizar los detalles del producto desde el bloque Todos los productos?
Desafortunadamente, la respuesta a esta pregunta es no. Este bloque solo le permite seleccionar los detalles del producto que desea ver. Si desea actualizar el precio de un artículo u otra información al respecto, debe hacerlo desde productos páginas en el panel.
¿Puedo excluir ciertos productos del bloque o limitar el número de productos?
Como el nombre sugiere, Todos los productos bloque muestra todos sus productos de WooCommerce. Actualmente, no es posible excluir ciertos productos o limitar la cantidad de artículos que aparecen en un bloque.
¿Hay una función de búsqueda en el bloque?
DE Todos los productos bloque, los usuarios pueden clasificar los productos por varios criterios y ver diferentes páginas. Sin embargo, no existe una función de búsqueda que les permita buscar un producto dentro del propio bloque. Habiendo dicho eso, puedes usar Buscador de productos Bloque de WooCommerce para que a los visitantes les resulte más fácil encontrar lo que buscan.
Solicitud
los Todos los productos El bloque WooCommerce te permite mostrar el catálogo completo de tus productos en cualquier parte de tu sitio web. También puede establecer la cantidad de elementos que se mostrarán en la página y seleccionar la información del producto que desea mostrar.
Para evitar abrumar a los visitantes, le recomendamos que muestre solo los detalles más importantes del producto, como el nombre y los precios. Los clientes pueden simplemente hacer clic en un elemento para visitar la página correspondiente y obtener más información sobre el producto.
¿Tiene alguna pregunta sobre el uso de la Todos los productos bloquear en WooCommerce? ¡Háganos saber en la sección de comentarios!
Imagen destacada a través de Julia Tim / shutterstock.com
