Elementor, el fin de la dictadura del diseño en WordPress

Hoy quiero presentarte un plugin que cambiará la forma de diseñar webs desde ya: Elementor Page Buider, el plugin totalmente gratuito de edición visual para WordPress.

Estoy convencido que este plugin puede cambiar la manera de diseñar y editar webs en WordPress sin pasar por la “dictadura” de plugins de pago como Visual Composer.

Y es que Elementor no es el típico plugin de edición visual gratuito. Es el mejor editor visual para WordPress.

Diseño web con Elementor

¿Por qué Elementor es el mejor editor visual para WordPress?

Elementor Page Builder para WordPress

Estoy seguro que estás acostumbrado a que los editores visuales estén integrados en el editor de WordPress y tengas que ir abriendo una pestaña nueva para ir viendo como queda en el frontend (no pongas cara rara, así es como se llama la parte de la web que ve el usuario).

Bien, eso se acaba con Elementor, ya que podrás trabajar directamente sobre el frontend e irás viendo como queda, a medida que “construyes” tu página.

Además, Elementor Page builder se compromete a que siempre será gratis, ya que es un proyecto de código abierto, así que se irá actualizando con nuevos módulos, tipos de letra, etc..

¡No me dirás que sólo por eso no vale la pena!

Pero si eso no es bastante, también te puedo decir que hoy por hoy, Elementor es el editor visual para WordPress más rápido del mercado.

Con este plugin se acabó tener que esperar a que se carguen los módulos, refrescar cachés, etc…  ¡Añadir y ver el resultado!

Trabajando con Elementor Page Builder ¿Qué cosas incluye este genial plugin?

Pues el paquete completo y, repito, gratuito de Elementor Page Builder incluye:

  • Una librería de 20 plantillas listas para ser usadas.
  • Una herramienta exclusiva para el diseño en móviles.
  • 28 widgets o módulos con todo tipo de herramientas que podrás utilizar para diseñar tu web.
  • Diseños totalmente profesionales y complejos con la precisión de 1 pixel.
  • Multidioma, aunque el castellano aún está en “proceso

También es compatible con cualquier theme y respeta la configuración de éste.

Herramientas de Elementor¿Cómo se trabaja con Elementor Page Builder?

editor visual reescalable

Pues funciona igual que el resto de plugins de composición visual, es decir, Drag & Drop (arrastrar y colocar).

Sólo tendrás que diseñar la plantilla, por columnas y secciones, arrastrar el módulo que te interese y ver el resultado.

Rápido, limpio, fácil y eficaz.

El siguiente vídeo es un tutorial (Aunque el vídeo dice durar unos 20 minutos, en realidad sólo son 10… El vídeo no es muy bueno, pero es el único que he encontrado en español) en el que Sergio Kolomiychuk, diseñador web especializado en WordPress, te demuestra el uso del plugin paso a paso.

Sencillo ¿Verdad?

Si es tan bueno ¿Por qué es gratuito?

A Ben Pines, el creador de Elementor, le preguntaron si este no iba a ser otro editor visual gratuito más.

Su respuesta fue:

No parece lógico que el CMS libre más utilizado en el mundo no permita crear páginas web de forma rápida e intuitiva. Es por eso que hemos decidido crear un constructor de páginas visual, que permite a los usuarios crear su sitio web de la mejor manera que hay..

Y añadió:

…vamos a añadir aún más widgets al plugin, así como lanzar una versión Pro en algún momento en el futuro.

Quizás sea el momento de aprovechar ahora, antes que sea de pago, no? jejejeje

Elementor trabajando

¿Como consigo Elementor Page Builder?

Pues te la puedes descargar del directorio de WordPress como cualquier otro plugin en:

https://wordpress.org/plugins/elementor/

o también te lo puedes bajar de la web oficial:

https://elementor.com/

Y, como ya he dicho antes, es totalmente gratis.

Además puedes combinarlo con un buen theme gratuito y por nada tendrás tener una superweb profesional para tu blog, negocio o lo que quieras.

Tener una web no tienen por qué se caro.

¿No sabes donde conseguir buenos themes gratuitos? ¡Ay! No sé que harías sin mi.

Mira este artículo titulado: Las 5 mejores plantillas de diseño web responsive gratis para WordPress. 

Ahí tienes unas cuantas para empezar y recomendadas por mí… ¡de nadaaa!

Conclusión

¿Por qué estoy recomendando un plugin que ni me va ni me viene?

Bien, pues porque cada vez me encuentro más problemas entre mis clientes que utilizan themes que incorporan Visual Composer, siempre en una versión anterior e incompatible con las nuevas versiones de WordPress.

Como los desarrolladores de dichos Themes no siempre actualizan el plugin, resulta que los clientes de dichos themes tienen que acabar escogiendo entre actualizar su WordPress o mantener la estética de su web.

Aunque en estos casos la web mantiene su estética. El plugin, que dejó de funcionar a nivel editor, no permite hacer modificaciones a lo ya diseñado.

Si a eso le sumamos que, especialmente Visual Composer, trabaja muy mal con volúmenes de información medianos y mucho peor en hostings con pocos recursos, me ha llevado a buscar una alternativa real y eficaz que pueda sustituir a Visual Composer o a cualquier otro editor visual que dé problemas.

Estoy seguro que mis clientes que quieran dar el paso y sustituir su antiguo editor por Elementor Page Builder podrán vivir más tranquilos y yo podré dedicarle menos tiempo a solucionar problemas que crean terceros y más a conseguir que los negocios online de mis clientes tengan mejores resultados.

¿Crees que el plugin Elementor desbancará a la hegemonía de los de pago?. Es más ¿Crees que Mullenweg, el creador de WordPress, debería integrarlo dentro de Worpress en próximas versiones?

Yo espero que sí.

35 comentarios
  1. Enrique Ruiz Prieto
    Enrique Ruiz Prieto Dice:

    Hola Luis,
    Gracias por tu consejo. Yo la verdad que ya uso un plugins parecido y gratuito (100%). Probaré cual de ellos tiene menor impacto de carga en el wordpress y con ese me quedaré. Pongo aquí su nombre por si alguien desea probar cual le gusta más: “Page Builder by SiteOrigin”.
    El que conozco permite editar cada caja como si una pagina web normal de wordpress se tratara. También puedes implementar código (a veces lo hago para cosas particulares que deseo hacer).
    Un cordial saludo,
    Enrique

    View Comment Responder
    • Luis A. Román Mañas
      Luis A. Román Mañas Dice:

      Hola Enrique, bienvenido.

      Pues sí, Conozco Page Builder by SiteOrigin, lo he usado en algunos proyectos.
      Elementor me parece más rápido.

      Cuando hayas hecho las comparaciones, coméntalo aquí.
      Me gustará saber sus impresiones

      Un saludote Enrique y volvemos a hablar pronto.

      Luis

      View Comment Responder
      • Enrique Ruiz Prieto
        Enrique Ruiz Prieto Dice:

        Hola Luis, ya he realizado alguno de estos análisis con la misma página web. Lógicamente no es mi blog principal, sino una muestra con un subdominio. Sometiendo a ambas a las mismas condiciones: imagen, texto, etc. El resultado ha sido el siguiente:

        Con Pingdom gana “Elementor Page Builder” por mucha diferencia:
        “Elementor Page Builder” = 87 ms.
        “Page Builder by SiteOrigin” 269 ms.

        Sin embargo, con “P3 – Plugin Performance Profiler”, da un resultado distinto:
        “Elementor Page Builder” = 0.20 seg.
        “Page Builder by SiteOrigin” = 0.12 seg.

        Debo decir a favor de ambos que cambiar de un plugins a otro no es muy complicado. Consiste en instalar ambos y haces los ajustes en cuestión de segundos en esa página que has sometido a estos cambios. Luego desintalas el que no uses.

        Luis, ¿Cuál crees que es más de fiar? ¿P3 o Pingdom? Yo creo que con ambas analíticas me arriesgaría a afirmar que Elementor Page Builder es ligeramente más rápido.

        View Comment
      • Luis A. Román Mañas
        Luis A. Román Mañas Dice:

        Vaya Enrique. Vaya trabajo tan exhaustivo que ha hecho! Muy bien!

        El que datos diferentes puede ser dependiendo desde donde haga el test y el estado de las redes, pero veo mucha diferencia… Es muy curioso.
        De todas formas, mi impresión también es que va sensiblemente más rápido.

        Enhorabuena por tu aportación y muchas gracias Enrique.

        View Comment
  2. Rosendo Melián Perera
    Rosendo Melián Perera Dice:

    He instalado este pluggin pero no me deja guardar el trabajo hecho. En la parte inferior de la barra no aparece las opciones de guardar, eliminar, etc.

    ¿Alguna sugerencia?

    View Comment Responder
    • Luis A. Román Mañas
      Luis A. Román Mañas Dice:

      Hola Rosendo.
      Pues no debería ser así. Tanto me ha extrañado tu comentario que enseguida me he bajado la ultima versión, pensando que quizás la habían hecho freemium o premium, pero no. Todo funciona igual que siempre.

      Me imagino que debes tener un conflicto con otro plugin. Yo te recomiendo que investigues a ver que plugin puede ser y sustituirlo por otro que no te dé problemas.

      Espero haberte ayudado.

      Un saludo y hasta cuando quieras.
      Luis

      View Comment Responder
      • Rosendo Melián Perera
        Rosendo Melián Perera Dice:

        Gracias por tu respuesta.

        Me he vuelto loco buscando la solución.
        Desactivé, uno por uno, los otros pluggins y siguió sin funcionar.
        Escribí a mi proveedor de Hosting y no tenían ni idea.
        Revisé todos los tutoriales que hay de Elementor en español, tanto en vídeo como en texto, y no me ayudaron para este problema concreto.

        Al final me dio por desactivar la barra activa de la cuenta de MozBarr y ¡voilà!, problema solucionado.

        Activé de nuevo esta aplicación, y volvió a desaparecer la barra de herramientas con los iconos de guardar, eliminar, etc.

        Te informo por si alguien se presenta con esta problema.

        Gracias por tu ayuda de nuevo

        View Comment
  3. Óscar
    Óscar Dice:

    Hola Luis.

    Quería hacer una pregunta respecto a los page builder en general. Y perdona si es algo rebuscada.

    Si maqueto una web con un page builder y un día decido cambiar de theme y en ese nuevo theme no activo el plugin del page builder, si importo todo el contenido del antiguo theme al nuevo, por ejemplo con el importador de WordPress o con el plugin “Export WordPress data to XML /CSV”, ¿en el nuevo theme importaría también importaría y me quedaría shortcodes sueltos o simplemente importaría el contenido aunque quedase desconfigurado y así poder volver a maquetar mi web con código u otro maquetador sin mayor problema?

    Un saludo y muchas gracias.

    View Comment Responder
  4. Óscar
    Óscar Dice:

    Hola de nuevo.

    Es que al revisar la pregunta me he dado cuenta de que la había realizado de manera incorrecta. Ahí va de nuevo corregida.

    Si maqueto una web con un page builder y un día decido cambiar de theme y en ese nuevo theme no activo el plugin del page builder, si importo todo el contenido del antiguo theme al nuevo, por ejemplo con el importador de WordPress o con el plugin “Export WordPress data to XML /CSV”, ¿en el nuevo theme me quedarían shortcodes sueltos o importaría el contenido aunque quedase desconfigurado y así poder volver a maquetar mi web con código u otro maquetador sin mayor problema?

    Un saludo y muchas gracias.

    View Comment Responder
    • Luis A. Román Mañas
      Luis A. Román Mañas Dice:

      Buenos días Óscar.
      Pues en principio lo que planteas es abrir un archivo de un programa en otro… pues los efectos serán diferentes dependiendo del tema.
      De todas maneras, te recuerdo que Page Builder es un entorno de maquetación y diseño independiente del tema con el que lo uses.

      El archivo exportado incluirá información susceptible a la configuración del tema (nada que ver con Page Builder), por ejemplo: los tipos de letra, la paleta de colores, la presentación de las diferentes plantillas (si las hubiera) y otras propiedades y características incluidas en los CSS y HTML del tema.

      Evidentemente, si has generado contenido editado con Page builder y éste no lo activas, los shortcodes del “visual” quedarán descubiertos, pero ya te digo que no tiene nada que ver con el tema que utilices.

      Espero haberte resuelto el dilema.
      Un saludo Óscar y gracias por tu mensaje.

      Luis

      View Comment Responder
  5. Rafael
    Rafael Dice:

    Hola me parece un artículo muy interesante, gracias por el aporte. Me gustaría poder hacerte dos preguntas . ¿Se pueden hacer landig pages con este plugin? y la otra, ¿ ofrecen plantillas prediseñadas para landing pages? Gracias.😃

    View Comment Responder
  6. Maxi
    Maxi Dice:

    Hola Luis,

    Muy buen aporte, muchas gracias!
    Te quería hacer una pregunta…
    Empece a usar Elementor en una de mis páginas, pero resulta que las páginas que edito con este plugin no reconocen el certificado SSL. Aunque escriba el dominio con https al principio, no aparece el candadito verde ni dice seguro.

    Alguna idea de lo que puede ser?

    Muchas gracias!

    View Comment Responder
    • Luis A. Román Mañas
      Luis A. Román Mañas Dice:

      Hola Maxi.
      Antes de nada, gracias por tu comentario.
      Pues no deber´ñia haber ninguna relación entre Elementor y el acceso a SSL, ya que este acceso lo controla un archivo llamado Htacces.
      Elemento solo ha de servir para maquetar las páginas… Ahora, es posible (no lo he comprobado) que tengas un conflicto con los plugins y sea ésto lo que te crea el problema. ¿Lo has comprobado?

      Ya me contarás.
      Un saludo

      Luis

      View Comment Responder
  7. Esteban
    Esteban Dice:

    Hola Luis, me quede por acá leyendo tu artículo y pienso probarlo para un proyecto web nuevo de tienda. Quisiera saber si este plugin me ayudaría con el diseño de la tienda en woocommerce? Crees que podría resolverlo sin la versión pro!?

    Gracias.

    View Comment Responder
    • Luis A. Román Mañas
      Luis A. Román Mañas Dice:

      Hola, buenos días Esteban.
      La única deferencia entre la versión de pago y la gratuita es la cantidad de herramientas que incluye el editor.

      Si me preguntas si te puede servir para diseñar la tienda, te tengo que decir que sí. No veo ninguna razón para que no puedas utilizarlo.

      DE todas formas, te invito a que visites la web de Elementor y te asegures que incluye las herramientas que buscas antes de decidirte a comprar la versión pro.

      Espero haberte ayudado.
      Un saludo y hasta pronto
      Luis

      View Comment Responder
  8. Enrique
    Enrique Dice:

    Hola Luis, gran artículo!
    Actualmente maqueto con “Elementor” y es genial.
    Necesito crear una web bilingüe (Español / Inglés), he probado con “qtraslate” y no es compatible para páginas, ¿cual me recomiendas?
    ¡Gracias!

    View Comment Responder
  9. Jose María
    Jose María Dice:

    Buenos días,

    Comentar que el artículo esta muy bien, he probado elementor y me parece fantástico, pero de ahí a decir que es el “fin de la dictadura…”, en fin me parece un titulo un poco exagerado.
    Todo el mundo tiene derecho a cobrar por el trabajo que hace y me parece licito que las demás empresas que desarrollan constructores para wordpress cobren por el producto que desarrollan, es más, el propio elementor piensa sacar una versión Pro que no será gratuita, así que entran dentro de esa dictadura.

    Yo en particular uso DIVI de Elegant Themes y me parece ridículo el precio que cobran por el aporte que dicho constructor me ofrece, otra cosa es que me lo quiera ahorrar todo, pero si cobrar por mis diseños.

    Un saludo

    View Comment Responder
    • Luis A. Román Mañas
      Luis A. Román Mañas Dice:

      Hola José María.
      Gracias por tu comentario.
      Bueno, quizás no se entendió bien. Con lo de “… El fin de la dictadura de Visual Composer” se refiere a que no tengas que depender de dicho plugin para componer visualmente tus contenidos.
      Yo también uno DIVI, pero no todo el mundo puede permitirse el pago de un tema profesional, de ahí la alternativa.

      Un saludo y espero leer más opiniones tuyas.
      Luis

      View Comment Responder
  10. Fernando
    Fernando Dice:

    Hola Luis muy buen articulo, a mi me va genial y la verdad es que es muy sencillo de manejar, pero para hacer blog no se como maquetar las entradas, en visual composer utilizaba post grid pero aqui no sé si hay alguna alternativa para maquetar las entradas facilmente. Gracias.

    View Comment Responder
  11. Fernando
    Fernando Dice:

    Gracias por tu rápida respuesta, entonces creo que usaré por el momento algun plugin para ello, me aconsejas algun plugin en especial para maquetizar post. No tengo mucha experiencia en blog.

    Gracias.

    View Comment Responder
  12. Ortegamun
    Ortegamun Dice:

    Hola Luis. Estoy tan impresionado como tú con elementor desde que lo conocí hace dos meses. De hecho, me decidí a comprar una plantilla, por primera vez, desde que vi la potencialidad de este constructor de páginas.
    Estoy exprimiéndolo al máximo, pero después de realizar la habitual copia de seguridad de la web y de la configuración de la plantilla, me surge una duda: ¿Sabes como guardar la configuración completa de elementor (incluyendo las plantillas que tengo guardadas en el) para no tener que hacerlo de nuevo cuando lo instale en otras de mis webs? Un abrazo y enhorabuena por tus lúcidas aportaciones sobre el tema.

    View Comment Responder
  13. Carlos
    Carlos Dice:

    Hola Luis,

    Quiero diseñar una tienda online con woocommerce+elementor. Me podrías aconsejar algun theme para combinarlo? Quizás storefront? o al ser gratuita no es tan flexible? Quizás generatepress? aunque para tiendas no se yo…
    Muchas gracias!

    View Comment Responder
  14. Lina
    Lina Dice:

    Saludos Luis, llevó ya trabajando en mi web desde el comiendo con Visual Composer, pues lo traía la plantilla que compré, puedo instalar también Elementor? y tener los dos instalados, deseo el Elementor para páginas de captura. Gracias por tu atención

    View Comment Responder
  15. Andrea
    Andrea Dice:

    Hola!!
    Me he quedado fascinada con Elementor. El caso es que tenía un Theme ya instalado (Sidney), he ido a modificar la página principal con Elementor, lo guardo y al actualizar la página principal me sigue saliendo la estructura del Theme Sidney. Eso por que es?
    Mil gracias!!

    View Comment Responder

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *