Review Elementor Pro

Elementor Pro review y opinión personal

En este artículo te quiero hablar sobre Elementor Pro. Probablemente ya conozcas la versión gratuita y puede que te estés planteando comprar la versión de pago, pero tienes algunas dudas y no sabes si realmente merece la pena comprarlo.

Voy a enseñarte todas las funcionalidades(o casi todas, porque son muchas) que incluye Elementor Pro y al final te daré una valoración sobre lo que opino de la versión premium.

En caso de que todavía no sepas para qué sirve este plugin, te lo explico brevemente.

Elementor Pro es un editor visual (también llamado page builder) que te permite maquetar tus páginas de WordPress sin tener que tocar código. Se hace todo de forma visual, mediante el sistema drag and drop.

Lo he estado usando desde le día uno de su lanzamiento (hice la pre-compra). Desde entonces, he hecho unas cuantas páginas usando Elementor Pro y he sacado varios vídeos sobre él en mi canal del YouTube.

Por lo cual, te voy hablar desde la experiencia que he tenido usándolo.

Primero te voy a explicar las funcionalidades principales de la versión pro exclusivamente, ya que tengo otro artículo sobre la versión gratuita.

Pondré algunos vídeos míos y del autor para que lo veas en acción, ya que por escrito es difícil que aprecies todo su potencial.

Estoy seguro de que te va a encantar, sobre todo si te dedicas al diseño web para clientes.

Los widgets que incluye Elementor Pro

Destacar que van añadiendo nuevos widgets continuamente, así que seguramente dentro de un par de meses tendrá mas widgets y funcionalidades. En su web puedes ver los próximos widgets que van a sacar.

Voy a mencionar las opciones de configuración principales de cada widget, para que te hagas una idea de los ajustes que tienen y las posibilidades que ofrece.

Posts (Artículos)

Con este widget podrás colocar las ultimas entradas de tu blog en página de inicio o en cualquier otra parte página de tu web. Es algo bastante común en muchas páginas web, sobre todo en blogs y webs personales.

Antes tenía que usar otro método(usar un plugin más) para mostrar los ultimos posts en mi página de inicio. Ahora con Elementor Pro me lo ahorro.

Un vídeo del autor para que lo veas en acción.

Algunos de los ajustes que tiene este widget:

  • Número de columnas a mostrar en dispositivos de escritorio, tablet y móvil.
  • Ocultar titulo, extracto, metadatos (autor, comentarios, categoría…), leer más.
  • Adaptar el tamaño de la imagen destacada a cada tipo de pantalla.
  • Puedes elegir qué etiqueta H (h1,h2, h3…) usar para el título, importante para el SEO.
  • Cambiar temas de estilo, como color del texto, fondo, tipografía, padding, margin…
  • Mostrar las entradas de una categoría/autor/formato/tag en concreto, ordenar por fecha o de forma aleatoria.
  • Activar paginación.

A parte de ahorrarte un plugin, este widget te permite personalizar al máximo cómo mostrar tus últimos posts.

Card Skins

Estilo Card  proviene del material design, que es un estilo que ha implementado Google en todas sus webs y plataformas. Y desde entonces el material design es una tendencia en diseño web.

Bueno pues lo chicos de Elementor han añadido este estilo al widget de posts. Yo lo utilizo en la página de inicio para mostrar los últimos posts.

Dejo un vídeo del autor para que lo veas en acción.

Es muy visual y tienes varios ajustes para personalizar el estilo de tus Card Skins.

Cada elemento tiene:

  • Ratio y tamaño de la imagen.
  • Radio del borde
  • Color y tipografía de cada elemento.
  • Mostrar o ocultar cada elemento
  • Alineación.
  • Fundo.

A mí me encanta este estilo.  De hecho empece a usar el widget del posts cuando sacaron esta nueva funcionalidad.

Portfolio

Te permite mostrar un portafolio con tus proyectos/trabajos realizados. Lo interesante es que puedes añadir filtros por categoría, tag, formato, etc.

Para el portafolio quizás tengas que usar custom posts, porque por defecto te coge los posts del blog o productos.

Al igual que en el resto de widgets tienes las opciones de estilos típicas colores, topografía, espaciado, etc.

Slider

Este widget te permite colocar los famosos sliders en tu web.

Que son esas diapositivas de imágenes que se suelen (aunque cada vez menos) colocar en las páginas web para mostrar algunas ofertas, productos destacados o alguna llamada a la acción.

Un vídeo de los creadores para que veas el funcionamiento del Slider.

Puedes hacer que sea de ancho completo o que ocupe el ancho del contenedor de la plantilla.

Tiene bastantes opciones de configuración:

  • Puedes alinear el contenido como quieras: arriba, abajo, en medio…
  • Añadir un botón con una llamada a la acción.
  • Cambiar los efectos de animación.
  • Colocar una imagen de fondo,etc.

En general es bastante completo y en la mayoría de los casos es más que suficiente, pero tampoco llega al nivel de plugins como Revolution Slider o parecidos.

Widget de Formulario – ¡este es tremendo!

¡El widget del formulario es un puntazo! Con este widget lo han clavado.

Cuando lo probé estaba en plan  – Ostias que guapo! 

Es uno de los plugins de formulario más intuitivo y personalizable que he probado. Este widget podría valer perfectamente la mitad de lo que vale una licencia de Elementor Pro si se vendiera por separado.

Puedes colocar los campos en columnas y filas de forma muy sencilla sin quebrarte la cabeza. Además, le puedes cambiar el estilo por completo sin tocar nada de código ni añadir css.

Te dejo mi tutorial sobre este widget para que veas de lo que te estoy hablando.

Otra cosa que me gusta de este widget, es que cuando me llega un correo desde el formulario puedo responder a la persona que me ha contactado directamente.

Parece una chorrada, pero con Contact Form 7 cada vez que alguien me contactaba, no podía responder directamente. Tenia que crear un correo nuevo, copiar el email de la persona… en fin, un rollo que ahora me ahorro tener que hacer.

Captación de suscriptores

A partir de una de las últimas actualizaciones ahora puedes conectar el widget de formulario con MailChimp o MailPoet. No son muchas, han ido a las más importantes. MailChimp que es la más conocida y usada junto con MailPoet es otra alternativa muy buena también.

Esto está genial porque lo tienes todo en uno y no necesitas un plugin extra para insertar un formulario para captación de leads.

No estoy diciendo que con esta funcionalidad puedas sustituir plugins como Thrive Leads y similares pero sí es bastante útil.

Te dejo un vídeo mio sobre esta nueva funcionalidad.

Lo interesante es que como está integrado en el widget de formulario, no estás limitado a solo usar los campos de email y nombre. Podrías crear un formulario con campos tipo textarea, select, checkbox… para recoger  más información sobre usuario y que de paso se suscriba a una lista de correo.

Aunque claro eso ya depende del caso porque si solo necesitas el email esto no tiene mucho sentido.

Si usas MailChimp o MailPoet le podrás sacar provecho sino a esperar a que añadan más plataformas de email marketing.

Aunque también mencionan una herramienta que se llama Zapier a través de la cual podrías conectar otras plataformas como AWeber o GetResponse


Price Table ( Tablas de precios)

Tablas de precios, un clásico en las páginas de hosting. Lo típico que te ponen: plan estándar, plan pro, y el premium.

Según de lo que sea tu web, puede que te interese mostrar una tabla con los diferentes planes de precios que ofreces.

La verdad es que puedes hacer unas tablas de precios muy chulas y destacar los planes que más te interesan.

tablas-de-precios-ejemplo

Al igual que con el resto de widgets, podrás personalizar los colores de cada elemento, tipografía, poner imágenes de fondo… lo que se te ocurra.

Countdown (Cuenta atrás)

Con este widget podrás añadir una cuenta atrás para alguna oferta/promoción de tiempo limitado que tengas. Los countdown se suelen utilizar en landing pages ( o páginas de aterrizaje).

El tipo para la cuenta atrás la puedes establecer en días, horas, minutos y hasta segundos.

Countdown widget Elementor

Es muy fácil de configurar, básicamente solo tienes que establecer el tiempo de la cuenta atrás y darle estilo que quieras.

Para el estilo tienes las siguientes opciones:

  • Cajas
    • Ancho del contenedor
    • Color de fondo
    • Tipo de borde
    • Radio del borde
    • Espacio entre cajas
    • Relleno
  • Contenido
    • Dígitos: color y tipografía
    • Label: color y tipografía

Destacar, que si por ejemplo no quieres mostrar los días en la cuenta atrás, los puedes ocultar. Lo mismo pasa con las horas, minutos y segundos. Y por supuesto, cuenta con las opciones de estilo típicas(padding, margin, fondo, etc.).

Price List (Listas de precios)

Es una alternativa a las tablas de precios.

Puede ser interesante para por ejemplo mostrar el menú de un restaurante con sus precios. Pero vaya, es solo un ejemplo que se me ha ocurrido.

Lista de precios

Según de lo que sea la web, puede que te convenga usar este widget de Elementor Pro.

Cada elemento de la lista tiene las opciones de (pestaña de contenido):

  • Precio.
  • Título.
  • Descripción.
  • Imagen.
  • Url del enlace.

En la pestaña de estilo tienes las opciones de:

  • Estilo de lista
    • Color y tipografía del precio, título y descripción.
    • Separador:
      • Estilo del separador: sólido, punteado, línea discontinua, doble, ninguno.
      • Color
      • Peso
      • Espaciado: ajusta la separación respecto al título
    • Imagen
      • Tamaño de imagen
      • Radio del borde
      • Espaciado con respecto al título
    • Estilo del item
      • Espaciado entre las filas
      • Alineación vertical

Estas serían las opciones de personalización de este weidget, junto con las opciones opciones avanzadas que incluyen todos los widgets de Elementor.

Flip Box

Es uno de los widgets más recientes de Elementor Pro.

Consiste en una caja de contenido con dos lados/caras en la cual puedes usar texto, botones, imágenes, iconos… con contenido diferente en cada lado. Y cuando el usuario pasa el ratón por encima cambia de lado/cara con una animación. Hay varias animaciones a elegir.

Es mejor que veas su funcionamiento en el vídeo.

Puede ser muy útil para crear llamadas a la acción. Con la primera cara (o lado) atraes la atención del usuario y con la segunda le pones una llamada a la acción con un botón.

Es un widget que si se usa bien se le puede sacar bastante provecho.

Veamos las opciones de configuración y estilo que tiene:

Pestaña de contenido:

  • Cara A
    • Título y descripción.
    • Elemento gráfico: imagen, icono o nada.
    • Fondo: imagen, color plano o degradado.
  • Cara B
    • Título y descripción
    • Botón(texto y enlace)
    • Fondo: imagen, color plano o degradado.
  • Ajustes
    • Alto
    • Radio del borde
    • Efecto de animación
    • Dirección de la animación (arriba, abajo, izquierda y derecha)
    • Efecto 3D

Pestaña de estilo:

  • Cara A
    • Relleno
    • Alineación
    • Posición vertical
    • Tipo de borde, ancho y color
    • Icono: espaciado, color, tamaño, rotación del icono.
    • Título: espaciado, color y tipografia.
    • Descripción: Color y tipografía.
  • Cara B
    • Relleno.
    • Alianeación.
    • Posicion vertical.
    • Tipo de borde, ancho y color.
    • Título: espaciado, color y tipografia.
    • Descripción: color y tipografía.
    • Botón: tamaño, tipografia, color del texto, fondo y borde, ancho del borde, radio del borde. Y lo mismo para el “hover” del botón.

Con todos estos ajustes podrás personalizar cada elemento del Flip Box a tu gusto.


Widgets para tiendas online con WooCommerce

Los desarrolladores de Elementor no se han olvidado de los usuarios que usan WordPress para crear tiendas online o catálogos de productos.

Después del lanzamiento de Elementor Pro, sacaron una serie de widgets para WooCommerce.

Ahora te explicaré en detalle que ofrece cada uno, pero básicamente ahora podrás crear páginas de venta de un (o varios) producto o colocar los productos destacados o en oferta en cualquier página.

En el vídeo te enseño el funcionamiento de cada uno de los widgets para WooCommerce.

WooCommerce Products

Mediante este widget podrás mostrar los productos de tu tienda en cualquiera de las páginas que crees, puedes elegir el numero de columnas (hasta un máximo de 6 por fila) y el número de productos a mostrar.

Además, te permite elegir si mostrar productos de una categoría/tag en concreto o seleccionarlos de forma individual.

Pestaña de contenido:

  • Dsiposición
    • Columnas(1-6)
    • Número de productos a mostrar
  • Query
    • Source: selecciona productos de una o varias categorías/etiqueta/autor. O también puedes seleccionar los productos de forma individual.
    • Filtrar por: destacada o en oferta para solo mostrar esos productos.
    • Ordenar por: titulo, precio, popularidad, valoración o al azar.
    • Orden: ascendente o descendente.

Lo que le falta a este widget son las opciones de estilo como las que tiene otros widget que he mencionado anteriormente. Me refiero a que no tiene opciones para cambiar la tipografia, color, botones… te muestra los productos pero te coge el estilo de WooCommerce.

Si quieres personalizar el estilo lo tendrás que hacer metiendo css propio.

WooCommerce Elements

Este está bastante chulo, porque te permite insertar donde tu quieras los elementos de WooCommerce, que son:

  • Página de carrito de compra
  • Página de un producto en concreto
  • Finalizar compra
  • Seguimiento del pedido
  • Cuenta de cliente

Este widget tampoco incluye opciones de estilo. Cosa que estaría bien, para poder cambiar al menos algunas cosas básicas como colores y tipografía.

WooCommerce Categories

Su funcionamiento es parecido al widget de productos, pero con categorías.

A parte de elegir el número de categorías por fila y la cantidad a mostrar,  puedes especificar si quieres mostrarlas todas, mostrar solo las que tu quieras (selección manual) o mostrar las subcategorías de una categoría.

Si tienes alguna categoría vacía tienes la opcion de ocultarla para que no aparezca. Y en cuanto a estilo, tampoco cuenta con ninguna opción.

A parte de eso no hay mucho más que contar sobre este widget.

WooCommerce Add to Cart

Este es uno de los más sencillos, consiste en un simple botón de compra que va vinculado a un producto en concreto. Se le puede sacar bastante provecho en páginas de venta o review sobre algún productos.

En cuanto a opciones de configuración no tiene mucho

Plantillas Pro

La versión pro añade una serie de plantillas extra, las hay para páginas de productos, páginas de servicios, contacto, sobre nosotros, landing page, etc. Funcionan de la misma forma que las de la versión gratuita. Simplemente tienes que importar el templete que quieras y adaptarlo a tus necesidades.

Es una buena opción sobre todo para usuarios novatos. Te puede servir como base para empezar, y además puedes aprender a usar Elementor viendo cómo están configuradas las diferentes plantillas.

plantllas

Si estás empezando te recomiendo usar alguna de las plantillas y adaptarlas a tu contenido. Es mejor usar una plantilla, a que lo hagas todo desde cero y que te salga churro de diseño.

Hay bastante variedad, por lo cual estoy seguro que alguna de las plantillas te servirá.

Aunque los que más ventaja le puedan sacar son los usuarios principiantes, no significa que los que sean diseñadores no les sea útil. Yo las he usado para rellanar contenido de forma temporal o para usar ciertas secciones de la plantilla que se adaptaban a lo que necesitaba.

Al final lo que consigues con la estas plantillas es acelerar la creación de la página web, ya sea para un cliente o para ti.

Guarda e inserta tus diseños donde quieras

Elementor te la opción de guardar tus diseños de páginas o secciones como plantillas, y luego poder reutilizarlas en cualquier parte de la web.

Lo interesante de la versión pro, es que te permite insertar esas plantillas que has guardado previamente mediante un shortcode donde quieras.

Además, añade un nuevo widget a WordPress llamado “Elementor templates”. 

Su funcionamiento es muy sencillo, simplemente lo colocas donde quieras que aparezca (sidebar, footer, cabecera..) y seleccionas el template (lo tienes que crear y guardad primero) que quieres que muestre. En el gif de abajo se ve bastante claro su funcionamiento.

Elementor-templates
Widget: Elementor Templates

Yo por ejemplo, he utilizado esta funcionalidad para crear un cabecera con menú trasparente con la plantilla de GeneratePress. Te dejo el vídeo de cómo lo he hecho.

La verdad, es que la posibilidad insertar las plantillas mediante shortcodes da mucho juego, porque te permite insertar cualquier cosa que crees con Elementor en hooks, widgets, posts…

Añade CSS a cada elemento

Esta es una opcion sobre todo para profesionales que quieran tener el control total de los diferentes widgets.

Con Elementor Pro podrás añadir una clase css propia a cada modulo y en la pestaña de opciones avanzadas hay una caja para escribir todo el css. Todo lo que escribas ahí solo afectará al módulo que estas editando.

caja-de-css-propio

Todos los módulos tienen bastantes opciones de personalización, y en la mayoría de los casos es más que suficiente. Pero a veces sí que hay que recurrir a css propio para ciertas cosas.

Por ejemplo, el widget de “Cuadro de imagen” no tiene la opción de redondear la imagen, tuve que usar css propio para que se viera en forma de círculo.

En ciertos casos puede ser muy útil sobre todo si eres un profesional que se dedica al diseño web.

Tipos de licencia de Elementor Pro y precios

Seguro que estas pensando, todo eso que incluye esta muy bien, pero ¿cuanto vale? 

Actualmente hay tres tipos de licencia: Personal, Business y Unlimited.

Elementor Pro precios

 

Todas las licencias incluyen un año de soporte y actualizaciones. Lo único que varia es el número de páginas web en las que lo puedes usar.

Personal: Si solo tienes una página web estas es la licencia ideal para ti.

Business: Te permite usar Elementor Pro hasta en 3 páginas web diferentes.

Unlimited: Si eres un profesional que se dedica al diseño web, esta licencia es la que más te conviene. Con esta licencia podrás instalar Elementor Pro en todas las webs que quieras, tanto tuyas como de clientes. Es la que yo he comprado.

Pasado un año tendrás que renovar la licencia para seguir recibiendo actualizaciones y soporte.

Si no renuevas podrás seguir usando Elementor Pro, aunque ya no recibirás actualizaciones ni mejoras que se vayan añadiendo.

Destacar que las renovaciones de las licencias cuestan un 50% menos.

En mi caso, renovar la licencia Unlimited me cuesta 99.50$.

Al comprar la licencia, tendrás acceso a un panel desde el cual verás en que paginas webs tienes activado Elementor Pro.

Si decides cambiar de web, simplemente tendrías que desactivar la licencia correspondiente desde el panel y reactivarla en tu página nueva.

¿Merece la pena comprar Elementor Pro?

En mi opinión yo creo que sí.

Es una herramienta que facilita mucho el trabajo, porque incluye muchas funcionalidades que de otra forma tendría que implementarlas mediante otros plugins o tocando más css/código.

Con Elementor Pro te ahorras varios plugins extra:

  • Formulario de contacto
  • Slider.
  • Portafolio.
  • Mostrar las últimas entradas del blog.
  • Botones para compartir

Perlo además, le tienes que sumar los widgets para WooCommerce, tablas de precios, portfolio, cuenta atrás, listas de precios…

Evidentemente no vas a usar todos esos elementos en la misma web, pero ahí lo tienes para cuando los necesites.

Es un alivio no tener que buscar plugins para cada cosa, que funcionen correctamente y que se puedan adaptar al estilo de tu web.

Te da mucha flexibilidad para para diseñas las páginas, y ya si lo juntas con GeneratePress ni te digo. Actualmente mi combinación preferida es GeneratePress + Elementor Pro.

Para particulares

Según tus necesidades puede que con la versión gratuita te sea suficiente.

Pero si te pillas la versión pro, te ahorraras trabajo y complicaciones. Con Elementor Pro tienes prácticamente todas la funcionalidades que puedas necesitar para crear las páginas de tu sitio web.

Si no tienes muchos conocimientos técnicos y todo esto de WordPress todavía te suena un poco a chino, lo vas a agradecer. Porque no tendrás que buscar un plugin para casa cosa y además la versión pro incluye cerca de 100 plantillas que puedes usar como base.

La licencia te sale por unos 45€, un precio más que razonable teniendo en cuenta todo lo que incluye.

Si nos fijamos en los precios de los plugins de la competencia como Thrive Content Builder(67$+iva) o Beaver Builder(99$) le superan en precio bastante.

Así que, es un precio más que razonable.

Para profesionales

Si te dedicas al tema de diseño web con WordPress, creo que es la mejor herramienta que puedes adquirir. Me estoy encontrado cada vez más profesionales que usan Elementor Pro en sus proyectos. Y sobre todo junto con GeneratePress.

Te permite crear diseños muy variados de forma sencilla, rápida y sin tener que “combinar” varios plugins, lo tienes todo en uno.

Además, a los clientes también les resulta fácil de usar. Y con que les enseñes un poco ya sabrán hacer algunos cambios básicos por su cuenta.

Tendrás que comprar la licencia Unlimited para poder instalarlo en todas las webs de clientes. Cuesta 199$ que tampoco lo vea tan alto comparando con el precio de la competencia.

Recordar que la renovación de la licencia tiene un 50% de descuento.


Resumen

Después de probar muchos editores visuales, para mí Elementor Pro es el mejor por las opciones de configuración, rendimiento y eficacia que tiene.

Ahora para crear los diseños no tengo que buscar un plugin para cada cosa, ni poner parches a las carencias de otros page builders.

Instalo GeneratePress, que es una plantilla que ya de por si me da mucha flexibilidad a la hora de diseñar, le sumo Elementor y listo. No necesito nada más salvo que sea algo muy rebuscado.

Ya no te puede decir mucho más, prueba aunque sea la versión gratuita de Elementor y ya más adelante te pasas a la Pro si quieres. Estoy seguro de que te va gustar.

Ahora te toca a ti ¿Ya estás usando Elementor? ¿Qué te parece? ¿Se te ocurre alguna alternativa mejor? ¿Alguna duda?

Déjame un comentario, que quiero saber lo que opinas sobre este tema 🙂

Pin It on Pinterest

Shares
Share This