Muchos clientes me han preguntado qué tan recomendable es utilizar Elementor para WooCommerce, dado que se trata de uno de los constructores web más completos y versátiles que existen, dedicaré este post a contestar dicha pregunta con argumentos de valor.

Elementor para WooCommerce

¿Qué es Elementor?

Aunque es poco probable que aún haya alguien que no conozca Elementor, siempre existen excepciones, por lo tanto comenzaré por decirte de qué se trata.

Elementor es un constructor de páginas web que posee muchas herramientas para convertir tu espacio online en lo que desees. Su interfaz es bastante intuitiva, en el lado izquierdo se encuentran todos los recursos y a la derecha visualizas la página como tal, sólo debes arrastrar los elementos de un lado a otro para agregarlos.

Al ser un constructor tan completo, también puede utilizarse para diseñar una tienda online de WooCommerce y es precisamente sobre ello que te hablaré a continuación.

Widgets de Elementor para WooCommerce

Elementor PRO (la versión de pago de este constructor) posee una selección de widgets específicos para WooCommerce que pueden ser utilizados en cualquier tipo de página, ya sea una landing, un catálogo o lo que desees. Echa un vistazo a los siguientes:

  • Products: Muestra un catálogo de productos personalizado según la cantidad de filas y columnas de tu elección, los tipos de productos a incluir (todos, en oferta, destacados, específicos), categorías y etiquetas, así como diversas opciones para ordenarlos.
  • WooCommerce Breadcrumbs: Permite añadir las migas de pan de tus páginas, cambiar el tipo de letra y los colores a tu gusto.
  • Custom Add To Cart: Muestra un botón personalizable que añade el producto al carrito cuando es presionado. Puede ser útil en una landing page, página de blog o reseña de productos y servicios en venta.
  • WooCommerce Pages: Permite mostrar cualquiera de las páginas de WooCommerce donde desees, ya sea en el carrito, la sección "mi cuenta", páginas de compra, tracking o descripción del producto. La intención de esto es que puedas crear una página visible en las secciones de la web donde te interese mostrarla.
  • Product Categories: Muestra las categorías de productos creadas en WooCommerce, con la posibilidad de escoger cierta cantidad de ellas y columnas en las cuales se dispondrán.
  • Menu Cart: Permite añadir un carrito de compra personalizable en cualquier parte de la web, incluso en una cabecera donde se visualice permanentemente al navegar en el sitio.

Widgets para crear productos de WooCommerce en Elementor PRO

Además de los widgets que he mencionado antes, en Elementor PRO encontrarás recursos útiles para crear páginas de productos:

  • WooCommerce Breadcrumbs.
  • Product Title.
  • Short Description.
  • Product Content.
  • Product Images.
  • Precio de Producto.
  • Product Data Tabs.
  • Addtional Information.
  • Add To Cart.
  • Valoración del Producto.
  • Producto Related.
  • Ventas Cruzadas.
  • Product Stock.
  • Product Meta.

Como puedes apreciar, Elementor PRO tiene un widget para cada uno de los elementos que se suelen incluir en las páginas de producto, tales como título, descripción, imágenes, precio, botón para añadir al carrito, valoraciones y más.

Con estos widgets y las plantillas disponibles en el constructor puedes crear la tienda online que tienes en mente, de manera completamente original y personalizada.

Claro está que no sólo puedes usar los widgets destinados a WooCommerce, sino todos los que ofrece Elementor para que le des a tu tienda una apariencia única. Además, existe la posibilidad de añadir condiciones a la plantilla para que solo muestre ciertos elementos de tu elección.

Temas para Elementor con WooCommerce

Al utilizar Elementor con WooCommerce encontrarás que el diseño de la presentación de los productos es definido por los estilos del tema que utilices. No obstante que siempre puedes personalizarlos con plugins de CSS, pero hay algunos temas que se han destacado para la construcción de tiendas online.

Los más recomendados en este caso son GeneratePress, OceanWP y Astra, cualquiera de ellos es ideal para construir tu tienda online con Elementor y WooCommerce.

Evidentemente, cada uno tiene sus particularidades pero en líneas generales son ligeros, totalmente personalizables y versátiles para diseñar cualquier sitio web, especialmente en sus versiones de pago.

Otro tema que puedo recomendarte es Hello, cuyos creadores son los mismos de Elementor, es básico y puede servirte para iniciar en el diseño de tu web.

Ahora bien, si todavía quieres tener un grado mayor de personalización te recomiendo utilizar el plugin "Ultimate Addons for Elementor", ya que tiene varios widgets pensados por y para WooCommerce. Este plugin es un complemento de Elementor.

  • Woo Add To Cart: Este plugin permite añadir un botón de "agregar al carrito" en cualquier parte del sitio web, el icono es personalizable e incluso le ofrece al usuario la posibilidad de establecer la cantidad de unidades que desea comprar.
  • Woo Categories: Muestra todas las categorías disponibles en la tienda online, con diseños de cuadrícula o carrusel, además de otras opciones de personalización.
  • Woo Checkout: Personaliza la página de pago de WooCommerce con elementos útiles y diseños originales para simplificar el proceso y despertar el interés de los usuarios.
  • Woo Mini Cart: Incluye un mini carrito donde los usuarios pueden chequear fácilmente lo que han añadido hasta el momento y controlarlo, mejorando la experiencia de compra. La forma en que se muestra el icono y los productos que contiene es completamente personalizable.
  • Woo Products: Muestra los productos de manera ordenada y visualmente atractiva, incluyendo las descripciones necesarias para cada uno de ellos y de esta forma facilitar su localización durante una búsqueda cuyos criterios coincidan. Permite incluir elementos destacables como etiquetas de descuento, destellos y ventanas emergentes.

Diseña tu tienda online desde cero o utiliza las plantillas que ya vienen prediseñadas, sin duda es una excelente opción para destacar del resto y podrás hacerlo sin necesidad de tocar nada de código.

Es una opción muy recomendable y que muchas tiendas online utilizan, un ejemplo de ello es que aproximadamente el 70% de las tiendas online de mis clientes de mantenimiento web están diseñadas con este maquetador visual. A día de hoy, no hay una opción mejor.

¿Te gustó este artículo? Si es así, compártelo con tus amigos y conocidos 😉

Sobre mí

Sobre mí

¡Hola! Me llamo Jose AMD, vivo en Sevilla y soy Desarrollador Web. Estoy aquí para ayudarte a crear y mejorar tu página web, para que así puedas convertir tus grandes ideas en realidad. ¡Infórmate!

Déjame un mensaje

Me gustaría saber más sobre ti, tus proyectos y cómo crees que puedo ayudarte con tu página web. Puedes contactar conmigo enviándome un email a info@joseamd.es o rellenando el siguiente formulario, como prefieras 😉

  • Este campo es un campo de validación y debe quedar sin cambios.

Ir arriba