WooCommerce Elementor Widgets: crea sitios web de comercio creativo con PowerPack
Publicado: 2023-04-26Team PowerPack te trae los nuevos widgets creativos de Elementor WooCommerce . Si alguna vez ha intentado crear sitios web elegantes de WooCommerce, sabe que la lucha es real. No es fácil personalizar el diseño y las páginas de estos sitios web.
Pero con estos fantásticos widgets de Elementor para WooCommerce, puede agregar más elementos interactivos y personalizables a su sitio de comercio electrónico creado con WooCommerce. Al igual que todos nuestros widgets elementor existentes , estos widgets ofrecen excelentes opciones de personalización y funcionalidad para su tienda WooCommerce creada con Elementor .
Con estos widgets, puede crear el sitio web de comercio electrónico de sus sueños. La funcionalidad y las características avanzadas de los widgets de Woo lo ayudan a convertir sus diseños imaginativos en sitios en vivo. Ya sea que desee diseñar la página del producto o agregar personalizaciones a la página del carrito, puede hacerlo todo con solo unos pocos clics. ¡No se requieren habilidades de codificación!
Widgets de WooCommerce de Elementor
La creación de sitios web de WooCommerce con Elementor a veces puede ser limitante. Si bien Elementor Pro proporciona una amplia funcionalidad y opciones, hay ciertas áreas que permanecen intactas. Por lo tanto, debe buscar complementos de Elementor para extender aún más Elementor.
Los widgets de WooCommerce Elementor pueden ahorrarle mucho tiempo y esfuerzo. Estos widgets se utilizan para mejorar el diseño y la funcionalidad de una tienda en línea creada con WooCommerce. Permiten a los usuarios agregar fácilmente elementos como listados de productos, categorías de productos, carritos de compras y formularios de pago a su sitio web de comercio electrónico.
Echemos un vistazo a todos los widgets de WooCommerce :
1. Widget de productos Elementor WooCommerce
Ahora, con el widget Woo Product Grid, puede crear una exhibición de productos impresionante en su página de productos. Con el poder de personalización dado, puede mostrar sus productos a sus visitantes con docenas de diseños.
Consulte la página de inicio de productos de PowerPack WooCommerce para tener una idea sobre la apariencia de la página de su producto con Woo Products Grid.
Woo Product Grid Widget le brinda la opción de elegir entre el diseño Carrusel y Cuadrícula, lo que facilita cambiar entre diseños cuando sea necesario. Puede mostrar sus productos en diseños personalizados junto con funciones útiles como Agregar al carrito, Vista rápida y Etiqueta de ventas.
Junto con estas características impresionantes, también puede mostrar insignias de productos personalizadas. Tener insignias de productos ayuda a captar la atención de los clientes y aumenta las ventas de inmediato.
Características del widget de cuadrícula de productos:
- Diseño de carrusel y cuadrícula
- Opciones de piel personalizadas
- Filas y columnas personalizadas
- Opciones ilimitadas de estilo de diseño
- Hay opciones de tipografía avanzadas disponibles
- Efectos de desplazamiento
- función de vista rápida
- Sistema de visualización de clasificación
Echa un vistazo a la página de destino del widget Woo Product Grid.
2. Widget de categoría Elementor WooCommmerce
¿Quiere tener esa página separada que ayudará a sus clientes a elegir la categoría de productos en lugar de mostrarlos con todos los productos en su tienda? ¿Por qué hacer todo ese trabajo extra cuando puedes hacer lo mismo con la ayuda del widget Woo Category?
Con el widget de categorías de PowerPack Woo, puede mostrar sus categorías de productos en diseños elegantes: cuadrícula, carrusel y mosaicos. Puede elegir cualquiera de los diseños de categoría y crear hermosas exhibiciones de productos en su sitio web.
Además, puede personalizar fácilmente los botones de categoría de productos de WooCommerce de su sitio web con el editor de Elementor.
Características del widget de categoría Woo:
- Múltiples estilos de diseño: cuadrícula, carrusel, mosaicos
- Diseños prediseñados personalizables
- Habilitar/deshabilitar título de categoría, descripción y cantidad de productos
- Opciones de personalización de diseño completo
- Las categorías personalizadas cuentan
- Opción de columnas personalizadas
- Opción Posición de contenido
- Filtrado avanzado
- Opción de pedido personalizado
Echa un vistazo a la página de inicio del widget de categoría Woo.
3. Widget de mi cuenta de Elementor WooCommerce
El primer widget de mi cuenta para Elementor y WooCommerce.
Con este widget de PowerPack Woo, puede diseñar fácilmente la página Mi cuenta de sus sitios de comercio electrónico creados con WooCommerce.
En aquel entonces, era bastante imposible personalizar esta parte del sitio web de Woo sin un código personalizado y CSS. Pero ahora puede diseñar y modificar la página Mi cuenta de la forma que desee.
Desde hacer cambios en la pestaña en la parte delantera hasta diseñar diferentes aspectos de la página. puedes hacerlo todo con unos pocos clics.
Características del widget Mi cuenta de WooCommerce :
- Opciones de vista previa para pestañas
- Opción de estilo para Tabla, Pestañas y Botón
- Diseño de pestaña vertical y horizontal
- Obtenga control sobre la posición y la alineación
- Opciones de personalización avanzadas
4. Widget de pago de Elementor WooCommerce
Woo Checkout es lo que estaba buscando si tenía dificultades para personalizar la página de pago de su sitio web.
Con este widget de PowerPack, puede personalizar y personalizar su página de pago de WooCommerce de la manera que desee con opciones avanzadas de personalización y edición.
Características del widget Woo Checkout:
- Diseño de columna única y columna doble
- Ajustes de estilo avanzados
- Configuración de tipografía personalizada
- Opciones de personalización del diseño
- Opciones de estilo para la sección de barra de cupones.
Vea la página de inicio del widget de WooCommerce Checkout.
5. Widget de carrito de Elementor WooCommerce
¿Sabía que, en promedio, más del 50 % de los carritos no se procesan y nunca pasan de la caja? Y otro fastidio es que muchas veces, el motivo del abandono del carrito son simplemente páginas de carrito complicadas y molestas.
Para abordar este problema, hemos creado el widget Woo Cart para Elementor, que le permite crear carritos atractivos en su sitio web para que sus usuarios puedan tener una experiencia de pago agradable.
Características del widget Woo Cart:
- Diseño personalizado simple y elegante.
- Poder de edición y personalización de imágenes
- Personalización avanzada del diseño general
- Personalización de botones
- Habilitar/deshabilitar el campo de cupones
- Habilitar/deshabilitar ventas cruzadas
Echa un vistazo a la demostración del widget WooCommerce Cart.
6. Widget Añadir al carrito de Elementor WooCommerce
Las personas y los propietarios de sitios web no prestan mucha atención a la importancia del botón "Agregar al carrito" . El diseño de su botón dice mucho sobre la probabilidad de que su visitante o comprador haga clic en él. Hasta ahora, no había mucha personalización disponible para este botón.
Pero ahora, con el widget Agregar al carrito de WooCommerce para Elementor, puede diseñar el botón y colocarlo en cualquier lugar que desee en el sitio web.
Características del widget Agregar al carrito:
- Opción de selección de productos personalizados
- Habilitar/deshabilitar cantidad
- Opción de redireccionamiento automático
- Opción de texto personalizado para el botón
- Personalización de botones: alineación, tamaño, relleno, icono.
- Personalización de botones: diseño, color, tipografía, opciones de desplazamiento.
Echa un vistazo a la página de destino del widget Añadir al carrito de WooCommerce.
7. WooCommerce Off Canvas Cart
Mejore el proceso de pago de su sitio web y mejore la experiencia del usuario con el widget creativo Woo Off Canvas Cart. Este widget le permite agregar elegantes paneles deslizantes para mostrar el contenido del carrito en su sitio. Puede mostrar controles flotantes desde cualquier lado de la página, ya sea a la izquierda, a la derecha, arriba o abajo.
Aunque este widget viene con opciones de funcionalidad avanzadas, lo que le brinda la flexibilidad de crear un impresionante carrito fuera del lienzo sin agregar ningún código personalizado, teniendo en cuenta el enfoque del desarrollador, también le proporcionamos una opción para activar un panel fuera del lienzo con Opciones de activación de ID y clase personalizadas.
Si no está familiarizado con Class & ID, puede mostrar un botón o icono para abrir el carro del panel fuera del lienzo.
Además, puede agregar animaciones geniales para crear paneles creativos fuera del lienzo en su sitio.
Características del carro Woo Off Canvas:
- Opciones de activación avanzadas: botón, clase de elemento e ID de elemento
- Opción de visualización creativa para botón
- Visualización de contenido y posicionamiento
- Atractivas animaciones de transición
- Título y mensaje del carrito personalizado
- Opciones de cierre del carrito: Haga clic en superposición, Esc para cerrar, etc.
- Personalizaciones de botones
- Opciones de estilo ilimitadas
Echa un vistazo a la página de inicio de WooCommerce Off Canvas Widget.
8. Mini widget de carrito de Elementor WooCommerce
Cart juega uno de los roles más importantes en una tienda de comercio electrónico. Tener un carrito funcional ayuda a mejorar la experiencia del usuario y reduce la tasa de abandono del carrito. Ahora, con el widget Woo Mini Cart, puede mostrar un ícono de carrito en el encabezado o menú de su sitio web
Este widget está repleto de funciones avanzadas que le permiten personalizar cada elemento y agregar un Mini carrito en cualquier página de su sitio web de WooCommerce.
Puede configurarlo para que muestre el contenido del carrito al pasar el mouse por encima o al hacer clic, puede agregar títulos y mensajes personalizados al carrito y mucho más...
Características del widget Woo Mini Cart:
- Amplias opciones de personalización
- Agregar título y mensaje de carrito personalizado
- Función avanzada de activación del carro
- Opción de estilo de botón
- Personalización del contador de artículos
Ver la página de inicio del widget de minicarrito de WooCommerce.
¡Consigue widgets de WooCommerce para Elementor!
Ahora puede comenzar a usar los widgets de WooCommerce Elementor Widgets en su sitio web fácilmente con los complementos de PowerPack Elementor.
La mejor parte es que obtiene todos estos widgets con los widgets PowerPack existentes sin ningún costo adicional, ¡así que no tiene que pagar nada adicional para tener acceso a estos increíbles widgets!
Si tiene PowerPack, puede descargar la última versión desde el área de la cuenta y comenzar a usar estos widgets de inmediato.
Si no tiene PowerPack, ¡puede obtenerlo ahora!
¡Háganos saber lo que piensa de los nuevos widgets comentando a continuación!
Lea más tutoriales de WooCommerce:
- ¿Cómo construir una tienda WooCommerce personalizada usando Elementor?
- ¿Cómo personalizar la página de pago de WooCommerce con Elementor?
- ¿Cómo crear un carrusel de productos de WooCommerce usando Elementor?
- ¿Cómo personalizar la página Mi cuenta de WooCommerce usando Elementor?