En la anterior entrada hablé sobre las ventajas de utilizar un maquetador para diseñar tus páginas web y te di algunas alternativas a Visual Composer, que es probablemente el más conocido, pero más por viejo que por bueno.

Entre esas alternativas está Elementor, un maquetador visual que desde su salida ha causado furor y consiguió superar las 100.000 instalaciones en sus primeros 10 meses de vida.

Elementor Page Builder fue lanzado el 1 de junio de 2016 de manera gratuita, y aunque ofrece 28 módulos para diseñar tus páginas, en diciembre de 2016 sacaron al mercado Elementor Pro, una versión mejorada de pago.

Actualmente es considerado como uno de los mejores constructores y es recomendado por muchos diseñadores web por su facilidad de uso, su rapidez y sus enormes posibilidades a la hora de crear diseños.

Incluso su versión gratuita iguala o incluso supera a algunos maquetadores con más años en el mercado.

Por eso, mucha gente se pregunta si merece la pena pagar por la versión Pro de Elementor si con la gratuita ya se pueden hacer grandes diseños.

¿Quieres lo mejor para tu web y tu proyecto online?

Pues será mejor que eches un ojo a las mejores herramientas de creación y diseño web.

Luego no digas que no te lo advertí...

Hoy te voy a explicar en qué casos merece la pena pagar por ella y en qué casos sale a cuenta utilizar la versión gratuita

Antes de entrar a hablar en profundidad sobre la versión Pro, vamos a conocer qué puedes hacer con Elementor sin pagar ni un céntimo.

Elementor Page Builder en su versión gratuita

Como ya adelantaba antes, la versión gratuita de Elementor viene con 28 30 módulos diferentes que puedes utilizar la construir las páginas de tu web:

elementor wordpress

Aparte, puedes introducir cualquier widget en cualquier lugar de tus páginas, tanto los que vienen por defecto en WordPress como los que se instalan mediante plugins, guardar tus diseños como plantillas para utilizarlos en otras páginas, seleccionar tu paleta de colores preferida, etc.

Como puedes ver en la imagen de arriba, tienes muchos de los elementos utilizados hoy en día en el diseño web.

Además de los más básicos, como las secciones, columnas, editor de texto, imágenes, vídeos, botones, etc, puedes añadir los típicos iconos o imágenes para describir brevemente un servicio o producto, alternadores que se abren cada vez que se hace clic en un elemento, galerías de imágenes, barras de progreso, listados con iconos y mapas de Google, entre otras cosas.

En ningún maquetador gratuito vas a encontrar tantos módulos como en Elementor Page Builder, al menos hasta este momento.

Pero podrías pensar…

 

«Bueno, puedes poner todos esos elementos, pero seguro que las opciones de personalización están súper limitadas”.

 

Parece que siendo gratis no puede ser tan bonito como lo pintan, pero la verdad es que eso es… MENTIRA.

Puedes modificar absolutamente todos los módulos con las montones de opciones que tienen cada uno de ellos.

De hecho, de todos los maquetadores que he utilizado, Elementor Page Builder es el que tiene más opciones de personalización para todos sus elementos.

Y si no me crees solo tienes que descargarlo y probarlo tú mismo, que es gratis 😀

Así que sí, aunque parezca mentira, con la versión gratuita vas a poder diseñar tus páginas a tu completo gusto de manera fácil, rápida e intuitiva.

Y de ahí viene la pregunta: ¿Merece la pena pagar por la versión Pro si la gratuita es tan jodidamente buena?

Para responderla, vamos a ver qué nos ofrece la versión de pago y a qué precios.

Elementor Pro, ¿qué trae la versión de pago?

Elementor Pro añade principalmente 15 22 elementos diferentes básicos para añadir a tus diseños, que son los de la siguiente imagen:

elementor pro

Estos widgets los puedes utilizar en cualquier página, pero luego hay otros widgets específicos que puedes utilizar en combinación con algunos de los plugins más importantes de WordPress (como por ejemplo, WooCommerce, Yoast SEO, ACF, Toolset, etc).

Como estos no puedes probarlos sin tener que pasar por caja antes, te voy a explicar qué vas a poder hacer con cada uno de ellos. Por si quieres echarle un ojo, aquí tienes su página oficial.

Posts

Este es un completo elemento que te permite mostrar las entradas de tu blog de un montón de maneras diferentes, y como puedes ver en el vídeo, tiene infinitas posibilidades.

Puedes elegir si quieres mostrar solo un número limitado de tus últimas entradas, o bien todas ellas, del mismo modo que la función de blog nativa de WordPress, pero pudiendo personalizar la forma en que se muestran.

Entre las opciones que tienes para elegir, están mostrar la imagen destacada de la entrada encima o a la izquierda del texto, el número de columnas, el tamaño de la imagen, el número de palabras a mostrar a modo de resumen, los meta datos a incluir (autor, fecha, categorías, etc).

También puedes filtrar para que se muestren las entradas de solo unas categorías o etiquetas determinadas, de un autor en concreto o las que tengan un mismo formato, ordenarlas por fecha o por título y añadir paginación.

Por último, puedes personalizar el estilo (color, tipografía, espaciado, radio) de todos los elementos que componen la vista previa de la entrada: imágenes, título de la entrada, su contenido y la paginación.

Portfolio

Es similar al módulo posts, pero orientado a mostrar tu portfolio, aunque también sirve para mostrar las entradas de tu blog en forma de cuadrícula.

Puedes elegir el número de columnas y elementos a mostrar, si lo quieres en modo cuadrícula o estilo masonry, el tamaño de la imagen, etc.

En el caso de que no quieras mostrar las entradas del blog, puedes elegir si prefieras mostrar las páginas de tu web, productos o portfolio, en el caso de que lo tengas.

Al igual que en el módulo posts, puedes filtrar por autor, categorías, etiquetas o formato.

Slides

Aunque siempre es mejor evitar colocar sliders en una página web debido a la ralentización que provocan, como comenta José Antonio Carreño en este artículo, con Elementor Pro han conseguido crear unos muy ligeros que apenas afectan al tiempo de carga de la web.

En este módulo puedes personalizar cada uno de los elementos del slider, como el color o imagen de fondo, el texto y la posición del contenido.

En cuanto al slider en general, puedes cambiar el tamaño, mostrar flechas o puntos de navegación u ocultarlos, elegir la velocidad de transmisión de cada uno de los elementos, la animación de los elementos, y personalizar cada uno de los pequeños elementos que aparecen en ellos (título, texto, botón, navegación, etc).

Formulario

Con este módulo vas a poder crear formularios con tantos campos como necesites.

Al principio, el formulario se crea con los campos básicos “nombre”, “email” y “mensaje”, aparte del botón de enviar, pero puedes quitar o añadir tantos campos como necesites.

Aparte de los campos de texto, puedes agregar campos de selección, checkbox y radio, entre otros.

Además, tienes la opción de utilizarlo como formulario para captar suscriptores gracias a su integración con MailChimp.

Evidentemente, puedes darle el diseño que se te antoje gracias a sus opciones de personalización. En el siguiente vídeo puedes ver algunas de las cosas que puedes hacer:

Login

Gracias a este módulo podrás crear una página de login diferente al típico login de WordPress desde el wp-admin.

Tiene todos los elementos necesarios para que los usuarios, incluido el administrador de la web, puedan acceder, registrarse si no lo han hecho, e incluso recuperar la contraseña, aunque puedes ocultarlos si así lo prefieres.

Como siempre, viene con opciones de personalización para adaptar todos los elementos al diseño de tu web.

Combinando este módulo con otros, se pueden crear páginas de inicio de sesión muy muy chulas.

Nav Menu

Este widget te permite añadir donde quieras cualquier menú que hayas creado en tu web. Por supuesto, puedes darle el estilo que quieras, tanto para la versión de escritorio como para la versión móvil.

También puedes darle algún efecto predefinido al pasar el ratón por encima de cada elemento del menú, como que se subraye el texto, cambie de color, se coloree el fondo, etc.

Cabecera animada

Se acabaron las cabeceras aburridas y estáticas. Con el widget “Animated headline” vas a poder añadir cabeceras con animaciones en tus páginas para hacerlas más dinámicas.

Una de las posibilidades es añadir una palabra o varias palabras que vayan rotando y mostrándose alternativamente, pudiendo escoger entre varios efectos para las transiciones de las palabras.

Otra de las posibilidades es subrayar la palabra o palabras que quieras de manera animada. También puedes elegir entre varios efector para subrayarlas: en forma de círculo, con una línea, con varias, etc.

Price list

Este módulo es ideal si necesitas mostrar en tu web una lista de precios, como podría ser la carta de un restaurante o una lista de servicios, por ejemplo.

Puedes agregar tantos elementos como quieras a la lista de precios, ponerles un título y una descripción, incluir imágenes, cambiar los colores y la tipografía, el estilo de la imagen, etc.

Como puedes ver en el vídeo de presentación, puedes conseguir resultados muy diversos.

Price table

Si lo que necesitas es introducir tablas que muestren las distintas opciones de precio para un mismo producto o servicio, este módulo de Elementor Pro te irá genial.

Para utilizarlo tienes que crear una sección con tantas columnas como tablas necesites, y podrás dotar de un estilo diferente a cada una de ellas gracias a sus infinitas posibilidades.

Tienes la opción de elegir la moneda que se va a mostrar, agregar tantas características como quieras, incluir un precio rebajado, mostrar una cinta en la parte superior con el texto que quieras para destacar una tabla, etc.

Es un módulo muy completo que seguro que te permite mostrar los precios de una forma muy vistosa.

Flip box

El flip box es un elemento muy vistoso que te permite añadir información realizando un efecto cuando el usuario pasa el ratón por encima.

Para entenderlo mejor mira el vídeo de presentación, porque con palabras es más difícil de explicar en qué consiste. Ya sabes, vale más una imagen que mil palabras.

Es un elemento que tiene miles de posibilidades y le da un aspecto muy dinámico a tus páginas.

Puedes personalizar tanto la parte “frontal” del flip box como su parte “posterior”, así como las transiciones entre una y otra, añadir texto, imágenes, iconos, etc.

Call to Action

Como su propio nombre indica, se trata de una caja de llamada a la acción en la que puedes añadir una fotografía con un título, una descripción, y un botón con el enlace a la página que quieras.

Puedes elegir entre varias opciones de diseño y de efectos a la hora de pasar el ratón por encima de la caja.

Media Carousel

Este widget es ideal para añadir un carrusel de imágenes que se van desplazando hacia la izquierda o derecha.

Puedes poner tantas imágenes como quieras, configurar las imágenes que se ven en el carrusel, cuántas se desplazan, la velocidad, y varias cosillas más.

También puedes elegir si al hacer clic en las imágenes se abren a tamaño completo o no.

Testimonial Carousel

Seguimos con los carruseles, pero en esta ocasión, de testimonios de clientes contentos con tu servicio o productos.

Como sabes, mostrar los testimonios de otros clientes es un buen método para convencer a tus posibles nuevos clientes de contratarte. Hoy en día, la gente tiene muy en cuenta las opiniones a la hora de decidirse antes de hacer una compra.

Con este widget, puedes incluir tantos testimonios de clientes como quieras en forma de carrusel.

Reviews

Este complemento se parece un poco al de Testomonial Carousel, ya que también sirve más o menos para lo mismo.

La diferencia está en que, en este widget, puedes añadir una valoración/puntuación con estrellas del uno al cinco y el nombre de usuario de la persona que ha hecho la valoración.

El nombre de usuario puede ser de la red social desde la que ha hecho el comentario, por ejemplo, ya que puedes elegir entre todas las redes más punteras del momento (Twitter, Facebook, Instagram, etc).

Cuenta atrás

Con Elementor Pro también puedes poner la típica cuenta atrás con los días que faltan para un determinado evento.

Puedes cambiar el texto a mostrar, el color de fondo, la tipografía, la posición del texto, etc.

En el vídeo tienes algunos ejemplos de diseños que puedes conseguir, la verdad es que no tiene más secretos este módulo.

Share buttons

Con Share buttons puedes añadir botones en cualquier parte de tus páginas para que la gente pueda compartirlas en las redes sociales que elijas.

Tiene varias opciones de personalización, puedes cambiar el texto que se muestra, el aspecto de los botones, los colores, la tipografía, etc.

Blockquote

Seguro que has visto en más de un blog la típica cajita con un texto dentro y un botón de Twitter para compartir esa frase en esa red social.

Pues bien, con este widget vas a poder hacer lo mismo. Puedes elegir entre algunos formatos de diseño, colores, etc, como viene siendo habitual en Elementor Page Builder.

Una buena forma para que tus usuarios compartan tus contenidos en Twitter y darte más a conocer.

Widgets para Facebook


La versión Pro de Elementor Page Builder también incluye cuatro widgets para integrar Facebook en tu web. Te explico cuáles son y en qué consisten cada uno de ellos:

Facebook Button: añade un botón para que los usuarios puedan dar “Me gusta” a tu cuenta de Facebook directamente desde la web.

Facebook Comments: añade la sección de comentarios de Facebook, permitiendo la posibilidad de que los comentarios se publiquen también en la red social.

Facebook Embed: te permite insertar en tu web una publicación de Facebook tal y como aparece en la red social (con sus fotos, likes, comentarios, etc).

Facebook Page: te permite mostrar una página de Facebook completa. Por ejemplo, puedes incluir la página de tu negocio y se mostrará tal y como se ve en Facebook.

Template

Por último, con este módulo podrás añadir a tus páginas plantillas de diseños que hayas guardado previamente.

Mejora los widgets de Elementor Pro para WordPress

Aparte de todos los módulos que acabamos de ver, Elementor Pro habilita la posibilidad de añadir código CSS personalizado en cada uno de ellos (en los 52, en total).

Esta opción, que viene deshabilitada en la versión gratuita, es genial para personalizar hasta el infinito todos los elementos de tus páginas.

Así que si quieres tener un control máximo sobre todos ellos, Elementor Pro te facilitará la vida una vez más.

Crear plantillas con Elementor

Si pensabas que gran cantidad de widgets que trae la versión Pro era todo lo que podía ofrecerte Elementor, estabas muy equivocado.

Una de las funcionalidades más interesantes de Elementor Pro es la capacidad de crear plantillas para usar en cualquier lugar de la web, desde plantillas para usar en la cabecera o en el pie de página, hasta plantillas para usar en las entradas del blog.

Esta funcionalidad se incluyó a partir de la versión 2.0 del plugin, y si ya antes valía la pena comprarlo, no hace falta que te diga si vale la pena ahora.

Pero, ¿qué puedes hacer exactamente?

Te voy a explicar algunas de las mejores funcionalidades, verás cómo mola 😉

Crear cabeceras y pies de página

Como lo estás leyendo. Puedes crear la cabecera y/o el pie de página de tu web utilizando Elementor y sustituir la cabecera o pie de página del tema que estés utilizando.

Puedes utilizar todos los widgets vistos anteriormente para ello, especialmente te será útil el Nav Menu para mostrar el menú en la cabecera, pero no hay límites, puedes crear y diseñar tu cabecera y footer a tu completo antojo.

Imagina las posibilidades que tiene esto, si no quisieras, no haría falta ni que utilices un tema Premium, ya que con Elementor puedes poder la web a tu gusto de arriba a abajo.

Puedes implementarlo en toda la web o en las páginas que tú quieras, ya que permite amplias opciones condicionales, como, por ejemplo, mostrar una cabecera diferente solo para ciertas páginas o categorías.

Crear plantillas para páginas o entradas

Del mismo modo, puedes crear una plantilla con el diseño que quieras y utilizarla en las páginas y/o en las entradas que quieras, ya que también puedes asignarlas mediante condiciones.

Esto me parece especialmente útil (y lo he utilizado más de una vez) para crear diseños para las entradas de un blog. Es tremendamente satisfactorio darle el diseño que te dé la gana y alejarte del típico diseño que vienen por defecto en muchos temas.

También puedes darle el diseño que quieras a la página del blog, es decir, donde se muestran todas las entradas.

Aparte, y otra cosa muy interesante, puedes crear una plantilla para la página de error 404 (cuando una URL no existe o no se encuentra la página). En este caso, puedes crear una página 404 todo lo original que se te ocurra, usarla para dirigir al usuario al lugar que quieras de tu web, etc. El límite lo pone tu imaginación 😉

Crear plantillas para la tienda y productos únicos

Si eres usuario de WooCommerce, esta funcionalidad de Elementor Pro te va a encantar, y es que puedes crear una plantilla para la página “Tienda”, es decir, la página en la que se muestran los productos.

Y por supuesto, también puedes crear una plantilla para la página de producto único dándole el diseño que quieras, alejándote del típico diseño de WooCommerce si lo deseas.

Cabe mencionar que Elementor trae widgets específicos para WooCommerce, y cuando estás creando una plantilla para la tienda o para la página de producto, puedes hacer uso de ellos.

Esos widgets son el título del producto, el precio, las imágenes, la valoración, las descripciones, el botón de añadir al carrito, un catálogo de productos, etc, etc.

Vamos, que puedes darle un lavado de cara a la página de producto que no la van a reconocer ni los creadores de WooCommerce 😉

Crear plantillas para secciones

Otra cosa que puedes hacer es crear una plantilla de una sección. Es decir, creas una plantilla de, por ejemplo, una sección con un formulario de suscripción, y la puedes insertar en las páginas que quieras.

Si alguna vez quieres modificar esa sección, en lugar de ir página a página a hacer los cambios, simplemente tienes que modificar la plantilla y los cambios se verán reflejados en todas las páginas que la usen.

He puesto el ejemplo de una sección con un formulario de suscripción, pero la sección puede contener cualquier cosa, evidentemente.

Crear Popups con Elementor

Una de las últimas funcionalidades que ha añadido Elementor Pro es la de poder crear popups en tu web con varias opciones diferentes.

Para empezar, puedes darles el diseño que quieras y utilizarlo para el propósito que quieras (conseguir suscriptores o seguidores para tus redes, mostrar el aviso de las cookies, mostrar información, ofertas, etc).

Puedes ubicarlo en el lugar que prefieras (en el centro de la pantalla, en la barra superior o inferior de la web, a la izquierda o derecha de la pantalla, en una esquina, etc).

Y cómo no, también puedes configurar los eventos necesarios para que aparezca el popup (inmediatamente, al pasar X segundos, al hacer scroll, al hacer la intención de abandonar la página, etc), las páginas en las que quieres que aparezca, incluso algunas opciones avanzadas (mostrarlo después de haber visitado X número de páginas, mostrar únicamente X veces, ocultar para usuarios registrados, etc).

Ya ves que Elementor Pro es uno de los plugins más completos que existen para WordPress.

Y ahora que conoces sus mejores características, vamos a hablar de precios, que seguro que te llevas una agradable sorpresa 😉

Precios

Tienes tres opciones de precios para comprar Elementor Pro, puedes verlos aquí.

  1. Personal: su precio es de 49$ y puedes utilizarlo en un solo sitio web.
  2. Business: su precio es de 99$ y puedes utilizarlo en tres sitios web.
  3. Unlimited: su precio es de 199$ y puedes utilizarlo en tantos sitios como quieras.

Todos los planes te garantizan actualizaciones y soporte durante un año.

Si pasado el año no quieres volver a pagar, puedes seguir utilizando Elementor Pro, pero no recibirás las actualizaciones que vayan sacando ni podrás acceder al soporte que ofrecen.

En el caso de que renueves tu plan, te harán un 50% de descuento sobre el precio original y seguirás recibiendo actualizaciones y soporte.

Y vistos los precios, es hora de responder a la pregunta del principio.

¿Quién debería pagar por Elementor Pro y quién no?

Si tienes un blog personal con una buena plantilla en el que vas publicando de vez en cuando contenido y no te importa demasiado el aspecto del diseño o ya estás contento con él, no te interesa pagar por la versión Pro.

Si tienes una web a la que quieres dar una buen diseño, pero no te importa tener instalados unos cuantos plugins que suplan las funciones de los módulos de pago (no es lo más recomendable), también podrías pasar con la versión gratuita.

En cambio…

Si quieres tenerlo todo en un mismo plugin sin que ocupe mucho espacio y poder personalizar tus páginas hasta el infinito, te conviene la versión de pago.

Si tienes una web profesional con la que quieres dar la mejor imagen para tu negocio, ya sea empresarial o personal, también te conviene pagar por ella.

Por último, si ofreces servicios de diseño web con WordPress, Elementor Pro es una de las mejores inversiones que vas a hacer para tu negocio, concretamente comprando el plan ilimitado.

Conclusión

Elementor ha venido para llevarse el mercado de los maquetadores visuales y ha dado y dará mucho de qué hablar, por lo que lo considero una apuesta segura.

Si tienes alguna duda sobre Elementor Pro antes de comprarlo, puedes hacérmela en los comentarios e intentaré resolvértela.

¿Has usado ya Elementor? ¿Y su versión Pro? ¿Qué te ha parecido?