Diseñe sus categorías de productos WooCommerce con Elementor

Elementor es un excelente creador de páginas de WordPress para mejorar la funcionalidad del creador de WordPress predeterminado al agregar nuevas funciones.

Si recuerda, las primeras versiones de WordPress no eran particularmente fáciles de usar. Además de tener una funcionalidad limitada, requería que confiaras en temas de WordPress prefabricados para crear un diseño básico para tu sitio web. Sin embargo, para muchos usuarios, la funcionalidad básica de los temas de WordPress era insuficiente, lo que requería la instalación de plugin o la edición manual del código del tema.

• Combinación de WooCommerce y Elementor
• Creando página de categoría en Elementor
• Opciones de diseño

Elementor es un constructor basado en bloques similar a WordPress, pero es mucho más avanzado que el constructor de WordPress en el sentido de que es más intuitivo, receptivo y rico en funciones. ¡Lo más importante es que puede crear un sitio web fantástico sin tener que escribir una línea de código!

Combinación de WooCommerce y Elementor

WP-WooCommerce y Elementor son dos de los plugin WordPress más utilizados disponibles en la actualidad. La cantidad de flexibilidad y la gran cantidad de características que ofrece cada uno de ellos son simplemente invaluables. Si tiene una tienda de comercio electrónico, WooCommerce es el mejor plugin para casi cualquier necesidad que pueda tener. Es el plugin más completo disponible para prácticamente cualquier necesidad.

Además, Elementor es uno de los creadores de sitios web de arrastrar y soltar más efectivos disponibles en el mercado. Le brinda la capacidad de diseñar, personalizar y proporcionar rápidamente casi cualquier página de su sitio web. Aún más, hay funciones disponibles, como la creación de mega menús y el acceso a una amplia gama de complementos y plantillas que son muy convenientes. Con la ayuda de WooCommerce y Elementor, puede diseñar y crear páginas de tiendas y negocios de calidad profesional con la menor cantidad de gastos y esfuerzos posibles. Con la ayuda de Elementor, puede personalizar completamente los diseños de su Tienda, las cuadrículas de productos y los carruseles, así como elegir entre una variedad de hermosos diseños. También está disponible la capacidad de configurar y personalizar sus páginas de pago y carrito, así como integrarlas con una variedad de opciones y funciones de pago para brindar a sus clientes una mayor comodidad.

Además, puede crear páginas y diseños personalizados para productos digitales, incluir opciones de página personalizadas para envíos y pagos y páginas de publicación y precompra, entre otras cosas. Todo esto contribuye a que el sitio web de su empresa parezca profesional y fácil de usar. Junto con los botones de llamada a la acción fáciles de usar, los controles deslizantes listos para el paralaje y una serie de otras características, puede integrar la funcionalidad de WooCommerce en su sitio web. La gran cantidad de oportunidades disponibles es prácticamente ilimitada. Ahora, si está lo suficientemente convencido, permítanos guiarlo a través del proceso de poner su plan en acción. Puede hacer una variedad de cosas para que su página de la tienda sea más acogedora, y el objetivo es que estos pasos lo ayuden a crear una página de la tienda más acogedora para su tienda WooCommerce.

Creación de la página de categorías de WooCommerce en Elementor

Si está familiarizado con WooCommerce, sabe que las categorías de productos son fundamentales para organizar sus productos para que los clientes los muestren y accedan a ellos; cuanto más rápido encuentren lo que buscan, mejor. Pero, ¿qué son exactamente las categorías de productos?

Los clientes pasan una gran cantidad de tiempo navegando por sus productos en la página de su tienda, por lo que deben tener una experiencia positiva. No hay nada más frustrante que tener que navegar por docenas de páginas para ver productos en el sitio web de su tienda.

Como resultado, la categorización es esencial para brindar a sus clientes una mejor experiencia de compra. A los clientes les resultará más fácil clasificar y filtrar sus preferencias si hay una sección bien organizada y organizada para todo tipo de artículos, como ropa o zapatos. Agregar elementos de generación de prospectos como botones de llamado a la acción, secciones de productos destacados, ventanas emergentes para ventas u ofertas y otros componentes similares a esta sección puede hacerla más atractiva para los visitantes.

Si tienes una tienda WooCommerce y quieres renovarla, este tutorial es exactamente lo que necesitas para empezar.

Muchos temas de WooCommerce incluyen un diseño predeterminado para las categorías de productos, que puede o no ser el que mejor se adapte a las necesidades de su negocio. Aunque estos valores predeterminados pueden consistir en algunas funciones útiles, con frecuencia no se pueden personalizar.

Vamos a ir al grano.
Después de haber configurado tu producto, debes hacer lo siguiente antes de publicarlo para que aparezca en una categoría:

Establecerás las condiciones que determinarán dónde aparecerá tu plantilla de producto durante esta etapa. Cuando utiliza una plantilla, se aplicará automáticamente a todas las páginas de productos de su sitio. También puede limitar su búsqueda a una categoría de producto específica.

Haga clic en Publicar y su único producto ya está disponible para su compra.

Aún no hemos terminado.
Lo que acabamos de hacer no es suficiente para que las categorías se publiquen en nuestro sitio; Para que las categorías aparezcan en vivo en todas o algunas páginas de nuestro sitio web, todavía tenemos que configurar algunas cosas. Para completar la tarea, cree una página de catálogo de productos que afectará a todos los productos o una página de catálogo que afectará a una categoría específica de productos.
Para hacer esto, primero, regrese a Elementor > Mis plantillas y cree una plantilla de archivo de producto. A continuación, elija una plantilla existente o cree una nueva. Personalice la apariencia del widget Productos de archivo y el widget Título de archivo agregándolos a su página.

Utilice la funcionalidad de estilo de copia entre páginas para personalizarlo para que coincida con el diseño que ya creó para su plantilla de producto único y luego guarde sus cambios.
Regrese a la página del producto y seleccione Copiar en el menú desplegable. Haga clic con el botón derecho en Pegar estilo cuando vuelva al producto de archivo. Elija Últimos productos en el menú desplegable Consulta > Fuentes en la configuración de Archivo de productos.
Luego seleccione anillos del menú desplegable Categoría de producto. Solo la categoría del anillo se mostrará de esta manera. Si tiene una lista larga de productos para una categoría en particular, debe activar la paginación.
Puede personalizar la distancia entre las columnas y las filas seleccionando la pestaña de estilo. Cambie los colores, las fuentes y otros aspectos del diseño.

Pre-publicación, seleccione las condiciones que determinan dónde aparecerá el archivo, tal como lo hizo para la plantilla de producto único, y luego publique.

Una vez que haya presionado "publicar", su página de archivo estará activa.

Elementor pro le brinda la posibilidad de diseñar categorías de productos limpios y esponjosos con su panoplia de opciones;

Puede realizar lo siguiente con las opciones disponibles en Elementor Pro:

Configuración de diseño para categorías de productos de WooCommerce

• Columnas: establezca el número exacto de columnas que se mostrarán, de 1 a 12
• Recuento de categorías: seleccione el número de categorías que se mostrarán

Configuración de la consulta

• Fuente: Seleccione la fuente desde la cual mostrar las categorías, eligiendo entre Todas, Selección manual, Por principal o Subcategorías actuales. Si se elige Selección manual, seleccione manualmente qué categorías mostrar. Si elige "Por padre", seleccione Solo nivel superior o seleccione una categoría individual de la lista desplegable.
• Ocultar vacío: establezca en Sí para las categorías sin productos dentro de ellas
• Ordenar por: establezca el orden en el que se mostrarán las categorías. Las opciones incluyen Nombre, Slug, Descripción o Recuento
• Orden: seleccione esta opción para mostrar las categorías en orden ASC o DESC (ascendente o descendente)

Configuraciones de estilo

• Espacio entre columnas : establezca el espacio exacto entre las columnas
• Espacio entre filas: establezca el espacio exacto entre las filas
• Alineación: alinee los datos de los productos a la izquierda, a la derecha o al centro

Configuraciones de imagen

• Tipo de borde : seleccione el tipo de borde, eligiendo entre ninguno, sólido, doble, punteado, discontinuo o ranurado
• Radio del borde : establezca el radio para controlar la redondez de la esquina del borde
• Espaciado: ajusta la cantidad de espacio entre las imágenes y sus datos

Configuración de título

• Color: elige el color del título
• Tipografía: establezca las opciones de tipografía para el texto del título.

Configuración de conteo

• Color: elige el color para el recuento
• Tipografía: Establecer opciones de tipografía para el recuento

Conclusión

WooCommerce Builder en Elementor le brinda la flexibilidad de diseño que necesita para crear y ajustar visualmente las páginas de sus productos. El tiempo que se tarda en pasar de una idea a una vida , y completamente La tienda funcional de WooCommerce en línea se reduce significativamente como resultado de esto, lo que le permite ahorrar tiempo. En general, personalizar la página de su tienda WooCommerce con Elementor tiene el potencial de afectar significativamente el rendimiento general de su sitio web. Puede ayudar u obstaculizar las ventas organizando y exhibiendo sus productos de la mejor manera posible para que los clientes los vean y compren. La configuración y personalización de su página de la tienda WooCommerce en Elementor se demostrará a través de los pasos de esta guía. Sin embargo, tenga en cuenta que esto es solo la punta del iceberg en términos del alcance del problema. En esta demostración básica se muestra una introducción al uso de Elementor para crear la página de la tienda ideal para su tienda. Use esto como punto de partida y juegue con él para aprovechar al máximo este fantástico creador de páginas