Elementor Page Builder. Guía completa para diseñar tu web WordPress

Descripción del Proyecto

elementor

Elementor Page Builder es un plugin que puedes encontrar en el repositorio oficial de WordPress para diseñar la apariencia visual de tu página. Ofrece una completa libertad a la hora de diseñar tu web y su uso es tan simple como arrastrar y soltar los diferentes widgets que incorpora a las secciones de tu página. Sin duda la combinación entre un tema flexible y rápido como los que vimos + Elementor harán que consigas un resultado profesional a la hora de diseñar tu web WordPress.

Si en tus planes esta darle un nuevo aspecto visual a la página que estas construyendo con esta guía, Elementor podría ser el plugin más efectivo que puedas utilizar.

No hay necesidad de ser un experto en diseño y desarrollo web o tener demasiada experiencia con HTML, CSS, JS, PHP u otros lenguajes de programación. Es de fácil uso y la mayoría de las funciones que lo componen son totalmente gratis, aunque cuenta con la versión PRO que amplía notablemente sus funcionalidades y lo lleva al siguiente nivel. Sin duda una pequeña inversión que merece la pena para conseguir un resultado profesional en tu web.

 

¿Qué es Elementor,para qué sirve y por qué es el mejor del mercado?

Elementor Page Builder es un maquetador visual que permite construir y diseñar el sitio web que vas a utilizar en tiempo real a través del proceso de drag & drop, es decir, arrastrar y soltar diferentes widgets o módulos a diferentes secciones con la finalidad de crear y editar el contenido de la página.

Elementor ayuda a construir todo tipo de diseños desde cero en tiempo mínimo. Ideal para aquellas personas que desean comenzar cuanto antes su proyecto, además de que permite vivir la experiencia única de crear la página que quieras de la forma que quieras sin tener que ser un diseñador web, solo sentirte apasionado por tu proyecto.

Existen temas, plantillas u otros plugins que permiten una personalización de tu web WordPress, pero sin duda la combinación de Elementor+OceanWP hace que los resultados sean totalmente satisfactorios y a un precio muy razonable. Además como veremos más adelante las características y optimización que presenta Elementor no lo vas a poder encontrar en otros Page Builder como Divi por ejemplo.

Elementor no solo ofrece una buena forma de editar la apariencia visual de una página de forma rápida y sencilla, sino que también ofrece una amplia gama de colores, plantillas y añadidos que los otros editores visuales no suelen ofrecer.

 

Características de Elementor

  • Rapidez: A diferencia de la mayoría de constructores visuales, Elementor posee una gran rapidez al momento de usarlo. Ofrece todas las opciones de forma rápida y sin trabas, haciendo el proceso más sencillo y cómodo.
  • Tiempo real: La edición en tiempo real es otra de las ventajas que ofrece Elementor, mientras se está utilizando se pueden ir corroborando los cambios que se estén haciendo, dando la oportunidad al usuario de ir viendo cómo va quedando su sitio web.
  • Código abierto: Elementor permite ser utilizado por diversas plataformas web, además de que es compatible con la mayoría de las plantillas que existen, haciendo más fácil su edición. Esta cualidad no suele ser encontrada en otros constructores visuales.
  • Uso: No es necesario ser un experto diseñador web, por sí mismo, Elementor facilita su uso y ofrece muchos tutoriales para sacarle un mejor provecho.
  • Diseño: A diferencia de otros constructores, Elementor puede ayudar a editar un sitio desde cero sin necesidad de tener que hacer uso códigos CSS, lo que le brinda al constructor, una mejor libertad de movimiento y rapidez.
  • Eficacia: Se puede construir una página y diseñarla por completo en menos de 10 minutos, dándole toques personalizados y aspectos diferenciados.
  • Eficiencia: Utiliza menos de la mitad de todos los recursos que suelen usar otros editores visuales.
  • Responsive: Elementor Page Builder permite la edición del formato visual en teléfonos y Tablet de forma completamente sencilla y fácil. Este aspecto positivo, es tal vez uno de los que mayor peso tiene al momento de ser elegido por los usuarios.
  • Idiomas: Se encuentra traducido a muchos idiomas, lo cual facilita su uso a nivel mundial. Cualquiera puede implementarlo en su sitio web.
  • SEO: Brinda todas las ventajas necesarias para hacer una buena aplicación SEO en la construcción visual de la página que estés diseñando.
  • Valoraciones 5 estrellas: Posee la aprobación de la mayoría de los usuarios que han tenido la oportunidad de hacer uso de este asombroso diseñador web.
  • Versión gratuita: Elementor ofrece una versión gratuita para que cualquier persona pueda hacer uso de sus funcionalidades, sin embargo también cuenta con la versión PRO que amplía sus características y que para mí es algo indispensable si realmente buscas un buen resultado en tu web.

Descargar e Instalar Elementor

Al tratarse de un plugin completamente gratuito, podemos encontrarlo a través del repositorio oficial de WordPress o desde su página web.

Una vez lo tengas instalado podrás empezar a disfrutar de sus funcionalidades, pero antes de seguir quiero mencionar de nuevo la posibilidad de adquirir su versión PRO, porque es una de las mejores inversiones que puedes hacer si vas enserio con tu nueva web.

Elementor Gratis Vs Elementro PRO. Amplía sus funcionalidades

Elementor está compuesto de Widgets, Plantillas y Bloques (incluídos en la nueva versión 2.0).

La versión básica te permitirá realizar una web sencilla, pero si buscas sacarle todo el potencial no deberías pensarte el hacer una pequeña inversión y obtener su versión PRO.

Con la versión PRO obtienes acceso a TODO: plantillas, widgets, bloques y soporte técnico personalizado

Tienes diferentes planes, pero por 49€ tienes su licencia para una web, por 99€ para 3 webs y por 199€ un uso ilimitado.

widgets elementor

Widgets Elementor

Tal vez uno de los aspectos más positivos que tiene para ofrecer al público Elementor, es que cuenta con un gran número de widgets posibles para utilizar en la construcción visual de la página web.

Existen Widgets para casi cualquier opción que te venga a la cabeza a la hora de diseñar ya sea una web personal, blog o incluso tienda online.

Su uso es super sencillo. Basta crear una sección y arrastrar alguno de los widgets para modificar la apariencia visual.

Desde sus opciones permite modificar la apariencia en tablet y móvil, consiguiendo una web responsive de manera muy fácil. Además puedes hacer uso del Widget global, de manera que puedes guardar y reutilizar un mismo widget en diferentes páginas sin modificarlo una a una.

Para que lo veas más claro, si incorporas un formulario de contacto en tu página home, acerca de, servicios y contacto basta con crearlo simplemente en una de ellas. Si modificas el email o cualquiera de los campos, se autmodificará en el resto. Simple eh!

Creo que la mejor manera de que le vayas cogiendo el truco a Elementor es hacer un repaso por cada uno de sus Widgets y funcionalidades. Aquí tienes una lista de videos que espero que te ayuden:

[BONUS] Plantillas Elementor

Como se que al principio es dificil empezar a realizar tus primeros pinitos con una nueva web, he decidido crear y ofrecer plantillas gratis y premium para Elementor.

Iré actualizando las plantillas cada cierto tiempo, pero de momento cuentas con alguna para crear una base y empezar a desarrollar tu web con WordPress.

Plantillas elementor gratis y premium

Instrucciones instalación de Plantillas

1. Descomprime el archivo.zip y dirígete al panel de administración de WordPress.
2. Una vez dentro, en el apartado Elementor-> Mi biblioteca clica arriba de todo el botón que dice importar plantillas
3. Selecciona el archivo.json que te has descargado
4. Crea una nueva página y clica editar con Elementor
5. Pulsa el botón Añadir Plantilla y selecciona la que quieras que hayas descargado en el botón insertar.
6. Listo! Ya tienes la plantilla funcionando. Modifícala a tu gusto.

Espero que te haya resultado de utilidad esta parte de la guía. Ahora podrás empezar a diseñar tu primera página con WordPress.

 

Cerrar
Compartir
Twittear
Compartir
+1
Pin
Cerrar Panel