Los MEJORES ADDONS de ELEMENTOR para WOOCOMMERCE / Crocoblock WooCommerce / Cómo crear una tienda online con Elementor

¿Quieres montar una tienda online con Elementor y Woocommerce? En este post te voy a indicar cuáles son los widgets que incluye Elementor Pro, específicos para Woocommerce. Es decir, específicos para tienda online.

Pero, no solo eso. ¿Quieres montar una tienda online con Elementor y Woocommerce pero necesitas más widgets específicos para ecommerce, porque no te es suficiente con los que te incluye por defecto Elementor?

Pues, en este post te voy a mostrar una detallada lista de los mejores widgets de Elementor para Woocommerce. Widgets que podrás añadir a Elementor para crear una tienda online.

Concretamente te enseñaré un plugin que te permitirá añadir 102 nuevos widgets para Elementor específicos para Woocommerce que te permitirán personalizar al máximo tu tienda online como nunca antes habías soñado.

Por si te interesa, también te dejo por aquí un curso de Elementor básico, para que aprendas a manejarlo.

 

 

DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES

VER CURSOS

 

 

 

 

 

Widgets de Elementor para Woocommerce que vienen de serie

 

Vamos a ver primero que opciones incluye Elementor de serie:

-> La versión gratuita de Elementor NO incluye ningún widget específico para Woocommerce.

-> La versión de pago de Elementor (Elementor PRO), SÍ incluye 6 widgets o elementos específicos para Woocommerce.

 

Widgets de Elementor Pro para Woocommerce:

👉 Widget Products:  Este widget te va a servir para crear un bloque de productos en rejilla. Podrás establecer el número de filas y columnas de la rejilla. Así, como la implementación o no de paginación. También, podrás mostrar los productos filtrados por: productos destacados, productos nuevos, con descuento e incluso una selección manual de los mismos.

👉 Widget Woocommerce Breadcrumbs: este widget de Elementor Pro te servirá para añadir un bloque de migas de pan o breadcrumbs a la página que estés diseñando.

👉 Widget Custom add to cart: Muy interesante este widget de Elementor pro, que te servirá para añadir un botón de añadir al carrito asociado a algún producto de la tienda. Es decir, con este widget podríamos crear una listado de productos en una página con su correspondiente botón de añadir al carrito. También permite mostrar u ocultar el selector de unidades.

👉 Widget Woocommerce pages: este widget de Elementor Pro te permitirá crear diferentes páginas específicas de Woocommerce. Aunque, bien es cierto, que con limitaciones en el diseño muy importantes. Concretamente podremos generar las páginas: página de checkout, página de mi cuenta, ficha de producto y página del carrito.

Para una mayor flexibilidad ya tendrías que ir al plan ecommerce de Crocoblock que te explicaré en el siguiente apartado.

👉 Widget Product Categories: Este Elementor widget te va a servir para crear un bloque donde mostrar en rejilla las categorías de la tienda según varios filtros.

👉 Widget Menu Cart: El widget Menu cart te servirá para añadir el icono del carrito al menú u otro lugar de la web. Junto al icono del carrito podrás mostrar el importe acumulado y el número de productos que hay en el carrito.

 

QUIERO ELEMENTOR PRO

 

 

 

Crocoblock: Todos los Addons / widgets de Elementor para Woocommerce

 

El PLAN E-COMMERCE de Crocoblock incluye 10 plugins o Addons para añadir widgets de Elementor para Woocommerce, con un TOTAL de 102 WIDGETS DE ELEMENTOR PARA WOOCOMMERCE que te permitirán hacer cualquier cosa en tu tienda Woocommerce. Tu imaginación es el límite.

Concretamente, incluye los plugins u addons: JetWooBuilder (64 widgets), JetProductGallery (4 widgets), JetCompareWishtlist (6 widgets), JetReviews (1 widget), JetSmartFilters (15 widgets), JetMenu (2 widgets), JetStyleManager, JetThemeCore, JetBlocks (9 widgets) y JetPopUp (1 widget).

Estos plugins o addons, también se pueden comprar de manera independiente. Aunque, a continuación, vamos a ver una oferta increible por la cual podemos tener todos los plugins de crocoblock específicos para woocomemrce, a un precio sensacional.

Más adelante entraré en detalle en cada uno de estos addons o plugins para ver que widgets de Elementor incluye cada uno.

Existen dos planes E-commerce de Crocoblock

A.- Plan E-commerce de Crocoblock (1 website): este plan te servirá para la realización de una sola web. Tiene un precio de 80$/año e incluye actualizaciones y soporte durante 1 año.

B.- Plan E-commerce de Crocoblock (Unlimited): este plan te servirá para la realización de TODAS las web que quieras (no hay límite). Tiene un precio de 165$/año e incluye actualizaciones y soporte durante 1 año.

NOTA: Si no renuevas el plan que haya contratado ¿Dejarán de funcionar los widgets que haya utilizado?. No, si no renuevas tu web seguirá funcionando perfectamente. Lo que pasa es que no tendrás derecho a soporte ni podrás actualizar los plugins que incluye el plan.

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK

 

 

 

 

Addon JetWooBuilder de Crocoblock para Elementor

 

 

El addon JetWooBuilder está formado por la friolera de 64 widgets para Elementor y específicos para Woocommerce.

Con estos 64 widgets podrás crear diseños de página de productos o ficha de productos a medida. Además, podrás diseñar diferentes páginas de Woocommerce como: la página de tienda de Woocommece, página del carrito, página del checkout, mi cuenta, etc.

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JETWOOBUILDER SOLO

 

 

Widgets Globales (global widgets)

👉 Widget Category Grid: te servirá para mostrar categorías de la tienda en modo rejilla o carrusel.

👉 Widget Products grid: este widget para Woocommerce te va a servir para mostrar bloques de productos en rejilla

👉 Widget Product list: El widget Product list te servirá para mostrar un bloque de productos con un diseño en lista en vez de rejilla.

👉 Widget Taxonomy Tiles: te permitirá mostrar taxonomías como categorías o etiquetas utilizando configuraciones personalizadas de estilo y diseño.

 

 

Widgets de Ficha de producto Woocommerce (single producto widgets)

Son widgets de Elementor específicos para el diseño de la ficha de producto con Woocommerce y Elementor. Es decir, te servirán para crear una plantilla personalizada para la ficha de producto.

Después de crear la plantilla tendremos que asignarla a la ficha de producto.

👉 Widget Single Sharing: Te sirve para mostrar iconos de compartir en redes sociales

👉 Widget Single add to cart: este widget te servirá para mostrar y diseñar el botón de añadir el carrito

👉 Widget Single attributes: el widget single attributes te servirá para mostrar las características del producto en forma de tabla. Lo que se denomina la ficha técnica.

👉 Widget Single Content: este widget te sirve para mostrar y diseñar la descripción del producto con Woocommerce

👉 Widget Single Excerpt: este widget te sirve para mostrar la descripción corta del producto.

👉 Widget Single Images:  el Widget single images te permitirá mostrar la imagen del producto.

👉 Widget Single Meta: el widget Single Meta te permite mostrar y diseñar meta datos del producto como: el sku, categorías y tags.

👉 Widget Single Price: este widget te permite mostrar y diseñar el precio del producto de Woocommerce con Elementor.

👉 Widget Single Raiting: El widget Single Raiting te permite mostrar y diseñar las valoraciones (estrellitas) en la ficha de producto con Woocommerce y Elementor.

👉 Widget Single related prducts: este widget te permitirá mostrar y diseñar el bloque de productos relacionados de Woocommerce.

👉 Widget Single Reviews form: el widget Single Reviews form te permite mostrar y diseñar el formulario para que los clientes puedan dejar valoraciones del producto.

👉 Widget Single Sale Badge: este widget te va a servir para mostrar y diseñar la etiqueta o insignia de producto con descuento.

👉 Widget Single Upsells: este widget te va a servir para e mostrar y diseñar el bloque de upsells (productos similares) de Woocommerce.

👉 Widget Single Title: este widget te va a servir para mostrar y diseñar el título del producto.

👉 Widget Single Tabs: este widget te permitirá mostrar y diseñar las pestañas de descripción de la ficha de producto de Woocommerce.

 

El vídeo está en inglés. Quitale el sonido, se ve perfectamente como crear una plantilla de ficha de producto para nuestra tienda online

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JETWOOBUILDER SOLO

 

 

Widgets para crear una plantilla de lista de productos para categorías (archive card widgets)

Todos estos widgets llevan la coletilla: archive, que es la palabra en inglés que hace referencia a la lista o bloque de productos. Estos widgets de Elementor te van a servir para crear una plantilla de listado de productos en Woocommerce, que podrás usar en las categorías de tu tienda online y en todas las páginas donde se muestre un listado o bloque de productos.

Después de crear la plantilla tendremos que asignarla a la página de archive.

👉 Widget title (archive): Título de la página

👉 Widget Thumbnail (archive): widget para Elementor que muestra la imagen miniatura de los productos.

👉 Widget tags (archive): widget de las tags o etiquetas de los productos.

👉 Widget stock status (archive): widget que muestra el estado de stock de los productos.

👉 Widget sale badge (archive): etiqueta o insignia de descuento del producto.

👉 Widget Raiting (archive):  este widget sirve para mostrar y diseñar la media de valoraciones del producto.

👉 Widget Price (archive): con este widget podremos mostrar y diseñar el precio del producto

👉 Widget Excerpt (archive): widget que muestra un extracto de la descripción del producto.

👉 Widget categories (archive):  este widget de Elementor muestra las categorías a las que pertenece cada producto.

👉 Widget Add to cart (archive): widget para mostrar el botón de añadir al carrito en el producto.

 

 

Widget de página de categorías de Elementor con Crocoblock

También tenemos una serie de widget de Elementor específicos de la parte superior de la página de categorías de Woocommerce. Es decir, del título de la categoría, descripción, etc.

La parte de la lista de productos se personalizaría como se indica en el apartado anterior

👉 Widget title (archive category): título de la categoría

👉 Widget thumbnail (archive category): miniatura de la categoría

👉 Widget Description (archive category): descripción de la categoría

👉 Widget Count (archive category): muestra información sobre el número de productos.

 

 

Widgets de Elementor Crocoblock para la página tienda de woocommerce (shop page widgets)

Widgets de Elementor para personalizar el diseño de la página del carrito de woocommerce

👉 Widget result count (shop): widget que sirve para mostrar el número total de productos que se están mostrando.

👉 Widget products pagination (shop): widget para mostrar y personalizar la paginación.

👉 Widget page title (shop): widget para el título de la página

👉 Widget products ordering (shop): widget para mostrar y diseñar el filtro para ordenar productos.

👉 Widget products notices (shop): widget para diseñar el bloque de avisos woocommerce

👉 Widget products navigation (shop): widget para mostrar y diseñar elementos de navegación entre productos.

👉 Widget productos loop (shop): mostrar y diseñar el listado o bloque de productos.

👉 Widget products description (shop): widget de descripción de productos.

 

 

Widgets de Elementor para diseñar la página del carrito

👉 Widget cart return to shop: widget de Elementor que nos permite diseñar el botón de volver a la tienda que se muestra en el carrito.

👉 Widget Cart totals: widget de elementor que nos permite mostrar y diseñar el resumen de importes del carrrito.

👉 Widget cart empty message: este widget te permitirá diseñar el cartel de carrito vacío.

👉 Widget Cart table: Widget que nos permite diseñar y mostrar la tabla de nombres, unidades y precios de los productos añadidos al carrito

👉 Widget Cart cross sells: este widget nos permitirá mostrar otros productos que habitualmente se han comprado junto a los que hay en el carrito.

 

 

Widgets de Elementor para diseñar la página de Checkout o finalización de compra

👉 Widget Checkout payment: widget de Elementor para diseñar el bloque donde se muestran las formas de pago disponibles

👉 Widget Checkout Coupon form: widget para mostrar y diseñar el cajón para introducir cupones de descuento en la página de finalización de compra.

👉 Widget Checkout Order review: widget para diseñar el bloque de detalle del pedido.

👉 Widget Checkout Billing: widget para diseñar el bloque donde se muestra el resumen de importes y total del pedido.

👉 Widget Checkout shipping form: widget para diseñar el bloque donde se muestran los métodos de envío disponibles.

👉 Widget Login Form: widget para mostrar formulario checkout

👉 Widget Checkout Additional form: widget para mostrar formulario de información adicional del checkout de Woocommerce.

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JETWOOBUILDER SOLO

 

 

Widgets de Elementor y Crocoblock para diseñar la página de gracias

Estos widgets nos van a servir para diseñar la página de gracias a la que se envía al cliente tras la realización de una compra

 

👉 Widget thank you order: widget para mostrar el pedido realizado

👉 Widget Thank you order details: widget para mostrar los detalles del pedido

👉 Widget thank you customer address details: widget para mostrar y diseñar los datos del cliente

 

 

Widgets de Elementor para diseñar la página de mi cuenta de Woocommerce

Widgets de Elementor y crocoblock para diseñar la página de mi cuenta de Woocommerce.

 

👉 Widget my account logout: widget para cerrar sesión en la página de mi cuenta de woocommerce

👉 Widget my account dashboard: Widget de Elementor para diseñar la página principal de la página de mi cuenta de woocommerce

👉 Widget my account registration form : Widget para diseñar el formulario de registro en Woocommerce

👉 Widget my account login form: Widget de Elementor para el diseño del formulario de inicio de sesión para acceder a la página de mi cuenta de Woocommerce.

👉 Widget my account address: Widget para el diseño de la pestaña de datos de dirección de cliente en la página de mi cuenta de Woocommerce.

👉 Widget my account order: Widget de Elementor para el diseño de la pestaña de pedidos de mi cuenta.

👉 Widget my account download: widget de Elementor para el diseño de la pestaña de descargas de la página de mi cuenta.

👉 Widget my account details: widget para el diseño de la pestaña de datos del cliente de la página de mi cuenta.

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JETWOOBUILDER SOLO

 

 

 

Addon JetProductGallery de Crocoblock para Elementor (Galería ficha producto Woocommerce)

 

 

El addon JetProductGallery está formado por 4 widgets de Elementor que te servirán para mostrar la galería de imágenes de la ficha de producto de Woocommerce con estilos muy variados.

 

 

👉 Widget Gallery grid: este widget de Elementor para Woocommerce te permitirá mostrar la galería de imágenes del producto en forma de rejilla o cuadrícula.

👉 Widget Gallery anchor Navigation: este widget de Elementor sirve para mostrar la galería de imágenes de la ficha de producto de Woocommerce con una serie de enlaces en forma de puntitos a las imágenes de la galería que se muestran verticalmente.

👉 Widget Product images widget: este widget para Elementor te permitirá mostrar la galería de imágenes de producto verticalmente pero sin guardar una estructura de rejilla perfecta, sino una con una estructura más irregular.

👉 Widget Product Gallery slider: con este widget de Elementor podremos mostrar las imágenes de la galería del producto en modo slider. Dentro del modo slider tendremos variadas opciones de personalización y diseño de dicho slider.

 

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JetProdcutGallery SOLO

 

 

 

Addon JetCompareWhislist de Crocoblock para Elementor

 

 

Este addons está formado por 6 widgets de Elementor para Woocommerce que te va a permitir diseñar la página de comparación de productos, la página de mi lista de deseos o wishlist y la colocación de los enlaces en la ficha de producto para añadir un producto a la lista de deseos y añadir producto al comparador.

 

 

👉 Widget wishlist widget: este widget de Elementor para Woocommerce te permitirá diseñar la página de lista de deseos o whislist.

👉 Widget wishlist count button: con este widget de Elementor podrás añadir un aviso con el número de productos que hay añadidos actualmente a la lista de deseos.

👉 Widget wishlist button: con este widget podrás añadir y diseñar el enlace para añadir nuevos productos a la lista de deseos desde la ficha de producto.

👉 Widget compare: este widget sirve para diseñar la página de comparación de productos con Elementor y Woocommerce.

👉 Widget compare count button: con este widget podrás añadir un enlace en el que se muestren el número de productos que actualmente hay añadidos al comprador de productos.

👉 Widget compare button: widget que te servirá para añadir un enlace a la ficha de productos cuya finalidad será la de añadir el producto al comparador.

 

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JetCompare&Wishlist SOLO

 

 

Addon JetReview de Crocoblock para Elementor

 

 

Este addon para Elementor y Woocommerce de Crocoblock se centra en el diseño de las reviews o comentarios de los clientes.

El addon está formado por los widgets: static review y reviews listing.

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JetReviews SOLO

 

 

 

Addon JetSmartFilters de Crocoblock para Elementor

 

 

Este addon JetSmartFilters de Elementor para Woocommerce de Crocoblock está formado por 15 widgets que nos servirán para añadir filtros de productos en páginas de listados de productos creadas con Elementor. Cualquier tipo de filtro con cualquier tipo de sistema: deslizante, checkbox, selector, radio button, etc. Las posibilidades de estos filtros van mucho más allá de los filtros por defecto que ofrece el plugin Woocommerce a través de sus widgets. Incluso, es posible establecer relaciones de herencia entre filtros.

Los widgets son:

👉 Widget sorting filter: este widget sirve para mostrar y diseñar un filtro para cambiar el orden ascendente o descendente en que se muestran los productos.

👉 Widget raintng filter: con este widget de elementor para Woocommerce podrás mostrar un filtro por “estrellitas”. Es decir, el cliente podrá seleccionar que solo se muestren los productos con una valoración determinada por parte de los clientes.

👉 Widget visual filter: con este widget podremos diseñar y mostrar filtros visuales formados por imágenes o colores.

👉 Widget search filter widget: este widget te permitirá diseñar y mostrar una filtro de barra de búsqueda por palabras.

👉 Widget radio filter: este widget de Elementor para Woocommerce te permitirá mostrar y diseñar un filtro con opciones tipo “radio button”. Es decir, el circulo de selección y solo una opción posible a elegir.

👉 Widget date range: con este widget de Elementor podremos mostrar un filtro por rango de fechas.

👉 Widget check range: con este widget podremos diseñar y mostrar un filtro a través de “check buttons” o botones de selección. Items cuadrados donde el cliente podrá seleccionar varias opciones.

👉 Widget range filter: con este widget podremos establecer un filtro deslizante. Como por ejemplo, el típico filtro de precio.

👉 Widget select filter: gracias a este widget de Elementor para Woocommerce podremos mostrar un filtro tipo selector de opciones. Es decir, un botón desplegable de opciones.

👉 Widget checkboxes filter: este widget de Elementor te permitirá mostrar un filtro tipo checkbox. Es decir, donde el cliente podrá seleccionar varias opciones en el mismo apartado.

👉 Widget active tags: con este widget podremos mostrar las etiquetas activas. Es decir, las que ha seleccionado en cliente.

👉 Widget remove filters: este widget de Elementor te servirá para que el cliente pueda eliminar los filtros que ha establecido y volver a una búsqueda sin filtros.

👉 Widget active filters: este widget te servirá para mostrar los filtros que hay activos en la búsqueda del cliente.

👉 Widget apply button: widget para mostrar botón de aplicación de opciones.

👉 Widget pagination widget: widget para mostrar la paginación en la lista de productos.

 

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JetSamrtFilters SOLO

 

 

 

Addon JetMenu de Crocoblock para Elementor – Crear un Mega menú con Elementor

 

 

Este addon de Crocoblock nos va a permitir crear un mega menú con Elementor para nuestra página web.

Opciones casi ilimitadas en el diseño y creación de un mega menú para nuestro sitio web. También con un montón de opciones específicas para móvil

A través de este addon podremos mostrar elementos de menú de una manera casi ilimitada: listas, productos, iconos, imágenes, entradas de blog, mapas, banners, vídeos, diferentes distribuciones, etc.

También opciones para crear un mega menú en móvil.

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JetMenu SOLO

 

 

Addon JetStyleManager de Crocoblock para Elementor

 

 

Con este addon podrás realizar algunas configuraciones interesantes de estilos. Podrás, por ejemplo, decidir entre diferentes niveles de opciones de personalización que afectarán en las opciones de diseño que tendrán tus clientes y en la velocidad de carga.

Podrás ahorrar tiempo en el diseño con opciones de reutilización de diseños.

 

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
(Este addon no se puede adquirir individualmente)

 

 

Addon JetThemeCore de Crocoblock para Elementor

 

 

Con este addon tendrás a tu disposición una biblioteca con una amplísima cantidad de bloques prediseñados que podrás insertar en cualquiera de tus páginas y posteriormente editarlos. De esta forma podrás crear muy rápidamente los diferentes contenidos de cada una de las páginas de tu web.

 

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
(Este addon no se puede adquirir individualmente)

 

 

Addon JetBlocks de Crocoblock para Elementor

 

 

Este addon incluye una serie de 9 widget para Elementor, que te permitirán personalizar a medida el header y footer de tu tienda online con Woocommerce.

👉 Widget Shoppint cart Icon Widget: este widget de Elementor te servirá para mostrar el icono del carrito en el header de tu tienda online Woocommerce, con indicación del número de productos añadidos.

👉 Widget Registration form Widget: con este widget podrás mostrar y diseñar el icono de acceso al formulario de registro de clientes de Woocommerce.

👉 Widget auth Links: widget para mostrar un enlace de autenticación.

👉 Widget Hamburguer panel: este widget de Elementor te servirá para añadir el icono tipo hamburguesa para desplegar el menú de la web.

👉 Widget login widget: a través de este widget podrás mostrar y editar el icono de inicio de sesión en la cabecera de la web.

👉 Widget search widget: este widget te permitirá mostrar y editar una barra de búsqueda en el header de tu web.

👉 Widget navigation menú widget: widget de menú desplegable.

👉 Widget add breadcrumbs to your elementor website: este widget te permitirá añadir un bloque de migas de pan a la web.

👉 Widget change site logo: widget para colocar el logo en el header o footer de la tienda Woocommerce.

QUIERO EL PLAN-ECOMMERCE DE CROCOBLOCK

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JetBlocks SOLO

 

 

Addon JetPopUp de Crocoblock para Elementor

 

 

Con este addon podrás implementar, personalizar y configurar diferentes tipos de popup combinando los 8 tipos diferentes de widgets.

👉 Widget suscribe: widget para añadir un formulario de suscripción al popup.

👉 Widget Discount: widget para crear un popup publicitario de descuento.

👉 Widget Yes/No: widget para mostrar en el popup una elección. Por ejemplo, el típico popup de algunas web que te preguntan si eres mayor de edad y has de elegir entre las opciones “si” o “no”

👉 Widget Coundown: widget para mostrar una cuenta atrás en el popup.

👉 Widget Contact us: widget para añadir al popup un formulario de contacto

👉 Widget info card: widget para mostrar un popup de información.

👉 Widget GDPR: widget para mostrar un popup de aceptación de política de privacidad.

👉 Widget Cookies Policy: widget para mostrar un popup de aceptación de política de cookies.

 

QUIERO EL PLAN ECOMMERCE DE CROCOBLOCK
QUIERO JetPopup SOLO