¬ŅQu√© es y para qu√© sirve Elementor Page Builder para WordPress? [+Videotutorial]

|

Hace unos a√Īos, ¬Ņqui√©n iba a imaginar la forma que tenemos hoy en d√≠a de construir una p√°gina web?

Era inimaginable que sin conocimientos t√©cnicos y de c√≥digo pudieramos llegar a tener un dise√Īo de p√°gina web profesional.

Existen constructores como Elementor, Divi, Thrive Architect, WP Bakery, etc.; que nos ayudan a construir las p√°ginas de forma visual y con sistemas drag&drop (arrastrar y soltar) muy f√°ciles de utilizar.

Pero hoy quiero explicarte mi favorito, Elementor Page Builder.

Vas a ver qué es Elementor Page Builder para WordPress, para qué sirve, cómo es su interfaz, cómo funciona y las ventajas que yo considero que tiene de forma personal.

Adem√°s, voy a incluir un v√≠deo en el que te ense√Īar√© Elementor por dentro, para que puedas verlo y te decidas por este como mejor constructor de WordPress.

¬ŅQu√© es Elementor?


Elementor es un constructor visual para p√°ginas web en WordPress con un sistema drag&drop (arrastrar y soltar) y una interfaz muy intuitiva con la que puedes construir a tiempo real.

Es un plugin utilizado para el dise√Īo y desarrollo de p√°ginas web que te permite arrastrar los widgets o elementos de su herramienta a la p√°gina, y crear los dise√Īos y personalizaciones con unos solos botones.

Con Elementor puedes crear dise√Īos muy profesionales sin saber absolutamente nada de c√≥digo y en un periodo corto de tiempo, lo que facilita mucho el trabajo.

Ya no har√° falta tirarte meses para hacer una web, sino que Elementor te ayudar√° a tener el resultado en un par de d√≠as (dependiendo del tama√Īo de la p√°gina, claro).

Características de Elementor


Voy a nombrarte cuáles son las principales características que tiene el maquetador de WordPress para demostrarte por qué es mi favorito de entre los demás.

Eso sí, solo voy a explicar algunas, ya que si me pongo a analizarlo todo, podemos tirarnos horas y horas.

¬°Vamos a por ello!

Qu√© es Elementor Pro y c√≥mo funciona: Review + Tutorial de instalaci√≥n ÔĽŅClic para tuitear

Widgets muy completos para nuestros dise√Īos

Vamos a ver, por un lado, todos los elementos que podrías incluir en la versión gratuita, y por otro, los widgets en la versión premium.

La versión gratuita cuenta con Widgets básicos que nos van a permitir crear una página web de forma muy sencilla, como son títulos, imágenes, textos, vídeos, botones, mapas, testimonios, etc.

Widgets b√°sicos Elementor

Sin embargo, con la versión de pago ampliamos de los típicos elementos que encontramos en todos los constructores web a unos más potentes.

Estos son: el formulario de contacto, el men√ļ, los art√≠culos del blog, el login, tablas de precio, cuenta atr√°s, encabezados animados, etc.

Widgets Premium Elementor

Dise√Īo Visual e intuitivo

La interfaz es muy sencilla y f√°cil de utilizar, solo tenemos que clicar en el bot√≥n de ‚ÄúEditar con Elementor‚ÄĚ y que nos venga la inspiraci√≥n.

A la izquierda tenemos los widgets principales, y en el centro las opciones para agregar sección o una plantilla de su biblioteca o de nuestro ordenador.

Interfaz de Elementor

Si queremos a√Īadir un encabezado o una imagen, solo tendremos que arrastrarlo hasta el cuadrado principal y empezar a escribir nuestro texto.

Una vez incluidos estos widgets seleccionados, el panel de la izquierda cambiar√° a las personalizaciones del widget en particular, y podremos adaptarlo a nuestro dise√Īo.

Cómo funciona Elementor

En esta imagen puedes ver c√≥mo cambia el panel de la izquierda y se puede modificar el contenido del texto de ‚ÄúLorem Ipsum‚ÄĚ, as√≠ como los colores, fondos, tipograf√≠as, etc. en la secci√≥n de ‚ÄúEstilo‚ÄĚ.

Multitud de plantillas gratuitas para incluir en tus dise√Īos

Cuando estamos en la parte de dise√Īo de p√°gina (imagen del punto anterior), si pulsamos sobre el bot√≥n de la carpeta de la secci√≥n principal (el de color gris), se nos abrir√° la zona de los templates o plantillas que la propia herramienta nos facilita.

Podemos encontrar un montón de plantillas ya hechas por la empresa, tanto de páginas de inicio, landing pages de servicios, artículos de blog, páginas de contacto, etc.

Plantillas gratuitas Elementor

Adem√°s, si pulsamos sobre ‚ÄúBloques‚ÄĚ podemos seleccionar la plantilla en funci√≥n de qu√© es lo que estamos creando. Por ejemplo: Men√ļ, footer, testimonios, contacto, etc.

Por otro lado, en ‚ÄúMis plantillas‚ÄĚ podemos guardar nuestros dise√Īos para importarlos en otras webs, subdominios o p√°ginas de esa misma web.

Esto nos permitir√° un ahorro de tiempo incre√≠ble, ya que no tendremos que volver a construir todo lo que necesitemos si queremos hacer un dise√Īo similar.

Por ejemplo, si necesitamos 2 p√°ginas de ‚Äúgracias‚ÄĚ de igual dise√Īo, pero con diferentes textos, no necesitamos volverlas a construir, sino que exportaremos e importaremos para no perder tiempo, y m√°s tarde, cambiaremos el dise√Īo sobre la plantilla anterior.

Editor visual para tablet y móvil

¬ŅCu√°ntas veces nos ha costado un mont√≥n que alg√ļn elemento quede perfectamente acoplado en m√≥vil?

Muchas, ¬Ņverdad?

Pues con Elementor lo tienes f√°cil, porque su editor visual te permite f√°cilmente editar cada widget en funci√≥n del dispositivo, para tener su dise√Īo propio dependiendo del aparato con el que estemos visitando la web.

Adem√°s, si vemos que el dise√Īo de una secci√≥n no acaba de ajustarse bien para alguno de ellos, podremos ocultarlos con solo hacer un clic en el apartado de ‚ÄúAdaptabilidad‚ÄĚ.

¬ŅNo consigues que el dise√Īo de una secci√≥n quede bien en m√≥vil? Se oculta y listo.

Versiones Elementor

Precios y soporte técnico

El precio es otra de las ventajas de uno de los mejores plugins para WordPress, ya que por solo 49$ al a√Īo podemos tener una p√°gina web muy profesional.

Precios y Soporte de Elementor Pro

Además, si pruebas la versión de pago y no te gusta, puedes pedir que te devuelvan el dinero hasta 30 días después gracias a su garantía.

Todas las versiones tienen soporte técnico personalizado, en el que adjuntas tus dudas o problemas y ellos, en un corto periodo de tiempo, te responden a tu email personal.

La √ļnica diferencia entre estos planes es el n√ļmero de webs en las que vayas a utilizar Elementor Pro.

Yo por ejemplo, como dise√Īadora web, utilizo la licencia Expert, pero lo mejor es que compres la que mejor se adapta a ti.

Velocidad de carga buena

La velocidad de carga es un aspecto fundamental en el dise√Īo de una p√°gina web.

Podemos tener una web muy atractiva y visual, que si tarda 7 segundos en cargar, es una cagada (literal).

Por ello, analizar la velocidad es esencial, y esto no va a depender de tu constructor, sino de tu construcción, de cómo lo hagas.

Con una buena optimización Elementor da resultados muy buenos.

¬ŅC√≥mo instalar Elementor en WordPress?


Si ya has realizado la descarga gratuita o comprado la licencia de Elementor, voy a explicarte cómo instalarla en tu WordPress para empezar a trabajar.

Si te pierdes en alg√ļn momento, aqu√≠ tienes un v√≠deo explicativo con los pasos que voy a nombrarte ahora.

Lo primero que te voy a ense√Īar es c√≥mo tener Elementor gratis y Elementor PRO en tu WordPress de manera muy sencilla.

Vamos en nuestro WordPress a la secci√≥n de Plugins, a ‚ÄúA√Īadir Nuevo‚ÄĚ y escribimos en el buscador ‚ÄúElementor‚ÄĚ.

Una vez veamos ‚ÄúElementor Page Builder‚ÄĚ, lo instalamos y activamos.

Cómo instalar el plugin de Elementor

Ahora s√≠ que podemos ir a la secci√≥n de ‚ÄúP√°ginas‚ÄĚ y pulsar sobre el bot√≥n de ‚ÄúEditar con Elementor‚ÄĚ.

Ahora sí que podemos crear la página de forma visual.

Pero aqu√≠ no ha acabado todo, ya que este es el plugin gratuito, y muchos elementos como los formularios de contacto no vais a poder a√Īadirlos.

¬ŅC√≥mo a√Īadimos la licencia de Elementor Pro al WordPress?

Mi consejo es que compres la versión PRO, ya que es muy barata y te quedará una web muy profesional. Te dejo aquí el enlace:

Una vez hayamos comprado la licencia, vamos a nuestro panel de WordPress de nuevo, al apartado de ‚ÄúElementor‚ÄĚ y ‚ÄúLicense‚ÄĚ.

Una vez aqu√≠, iniciamos sesi√≥n en nuestra cuenta con el usuario y la contrase√Īa, ¬°y listo!

Ya tendremos todos los widgets premiums instalados.

Ventajas de Elementor PRO y opinión personal


Como ya te he dicho, Elementor es mi maquetador web favorito, pero no en la versión gratuita, sino en la premium (adquierela haciendo clic aquí: COMPRAR).

Tiene much√≠simas funcionalidades y es muy intuitivo. Adem√°s, tienen un soporte muy bueno en el caso de que tengas alg√ļn problema.

Aun así estas son algunas de las ventajas, pero hay muchas más que te voy a dejar en un listado:

No hace falta saber programar para construir tu p√°gina web.
La versión PRO tiene un montón de widgets o elementos con los que podrás personalizar tu web.

Puedes importar y exportar tus dise√Īos para reutilizarlos en otra web o p√°gina con un dise√Īo similar.

Puedes crear tus men√ļs y footers sin necesidad de depender de la plantilla.

Te permite crear popups o formularios sin depender de otro plugin.

Puedes ver los resultados a tiempo real, sin tener que guardar y visualizar para ver cada cambio.

Posibilidad de editar visualmente para desktop, tablet y móvil.

Es un page builder de código abierto compatible con multitud de plantillas.

Te permite crear tus propios dise√Īos sin tener que utilizar una plantilla predeterminada, ya que es muy f√°cil dise√Īar con Elementor.

Cuenta con widgets muy potentes, como la cuenta atrás con identificación de IP.

Soporte técnico personalizado.

Las personalizaciones son muy completas, podemos hacer mil virguerías.

Precio muy económico para hacer una página web profesional.

Buena integración con Woocommerce para crear tiendas online.

¬ŅEs Elementor Page Builder el mejor constructor para mi WordPress?


En mi opinión sí, y vale la pena comprar la versión PRO: Haz Clic aquí para ver los planes.

Existen muchos constructores para WordPress, y todos los dise√Īadores web suelen tener un favorito por excelencia, entrando en juego su experiencia personal, sus gustos y a lo que se haya acostumbrado.

Aunque sé que hay constructores como Divi que también son muy buenos, pero sin duda alguna, yo me quedo con Elementor.

No solo por su versatilidad, velocidad y adaptación, sino porque evoluciona a una velocidad de infarto.

Cada vez que los de Elementor env√≠an un email a la Newsletter con una nueva herramienta, me dejan con la boca abierta, porque suelen ser cosas que anteriormente costaba mucho hacer, y Elementor te permite tenerlo listo en un ‚Äúplis plas‚ÄĚ.

¬ŅCu√°l es tu maquetador favorito para WordPress?

¬ŅQu√© otra ventaja destacar√≠as de Elementor Page Builder?

¬ŅNecesitas aprender m√°s de este tema?

Solicita nuestros servicios de Formación especificando tus necesidades y empieza a implementar las acciones.

¬ŅPrefieres que alguien haga esto en tu proyecto por ti?

Si est√°s buscando a profesionales que realicen este tipo de servicios de dise√Īo y marketing digital en tu negocio…

Dise√Īadora Web y Consultora de Marketing Digital especializada en dise√Īos que conviertan. Mi objetivo es impulsar tu negocio mediante un dise√Īo con estrategia que aumente tus conversiones y te d√© m√°s notoriedad en internet.

6 comentarios en “¬ŅQu√© es y para qu√© sirve Elementor Page Builder para WordPress? [+Videotutorial]”

  1. Desde que conocí Elementor, no he dejado de utilizarlo en todos mis proyectos y los de mis clientes, la verdad es que para mi sin duda es la mejor opción, sobre todo junto con Hello Theme.

    Muy buen contenido Bego! Un abrazo ūüėČ

    Responder

Deja un comentario

Responsable:¬†Bego Romero (Bego√Īa Romero)
Finalidad: Gestión de los comentarios de las publicaciones
Legitimación: Consentimiento del interesado
Destinatarios: Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal. Los boletines electrónicos o newsletter están gestionados por entidades cuya sede y servidores se encuentran dentro del territorio de la UE o gestionados por entidades acogidas al acuerdo EU-US Privacy Shield.
Derechos: Acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional. Si no facilitas los datos solicitados como obligatorios, puede dar como resultado no poder cumplir con la finalidad para los que se solicitan