Qué es Elementor y cómo empezar a usarlo: guía básica

que-es-elementor-y-como-funciona

¿Qué es Elementor? Tienes el dominio, el hosting, has instalado el WordPress y estás preparado para empezar a diseñar tu sitio web. El siguiente paso es conocer uno de los mejores maquetadores visuales que puedes utilizar para darle forma a tu proyecto.

Yo trabajo con Elementor Pro desde hace años y para mí es, sin duda, la mejor opción. Además, cuenta con una versión gratuita muy completa, lo que se convierte en una excelente alternativa para probar, aprender y toquetear lo que necesites. 

Por eso, en esta guía básica hacemos un repaso por el paso a paso que te ayudará a descargar Elementor en tu WordPress y a empezar a usar los diferentes elementos para descubrir todas las posibilidades que tiene.

Empecemos por el principio: qué es Elementor

Elementor es un WordPress Website Builder, o lo que es lo mismo, un editor visual que permite diseñar webs sin tener conocimiento de código en WordPress. Este maquetador dio un gran paso en el mercado haciendo más accesible el diseño a cualquier persona. Tiene una serie de características que lo hacen fácil de manejar y se ha ganado uno de los primeros puestos entre diseñadores y emprendedores:

  • Tiene un sistema de arrastrar y soltar. Lo que hace que puedas ir moviendo módulos y estructurando tu página de forma rápida y sencilla.
  • Es muy visual. Está pensado para que edites en el formato final de la web, por lo que vas viendo en tiempo real cómo queda todo lo que añades y cambias. No tienes que ir pasando del editor a la previsualización constantemente.
  • Las posibilidades de diseño son infinitas. Encontrarás todo tipo de elementos, como contadores, espaciadores, entradas de blog, textos, encabezados o carruseles que permiten crear lo que de verdad tienes en mente.
  • Usa las plantillas. Es otra de las grandes ventajas, sobre todo si estás empezando. Puedes descargarte todo tipo de plantillas para páginas o bloques donde luego solo tendrás que cambiar los colores y el contenido de la web para adaptarlo a tu proyecto.

Con todo esto, vamos a ver cómo instalarlo y empezar a usarlo.

Cómo instalar Elementor en WordPress

Elementor se instala en el WordPress de tu web como un plugin más. Entra en tu web y en la barra de opciones de la izquierda busca Plugins y Añadir nuevo. Una vez dentro, arriba a la derecha tienes una barra de búsqueda donde tienes que escribir Elementor y darle a buscar. 

disenar-pagina-web-estrategica

Cómo empezar a usarlo

Ya tenemos Elementor descargado, y ahora vamos a ver cómo empezar a usarlo. Si te vas a Crear una entrada nueva, verás que puedes usar el editor predeterminado de WordPress o arriba, tienes la opción de Editar con Elementor 

tutoriel elementor 1

Y voila, tendrás una página en blanco lista para editar. En la barra de la izquierda verás todos los widgets o elementos con los que puedes empezar a jugar. Con estos bloques vas a construir casi todo lo que se te ocurra. 

tutoriel elementor 2

Mi consejo es empezar poco a poco si no tienes mucha experiencia, ya que cuanto más limpio y claro quede todo mejor. Incluso te diría que más vale que quede algo soso a que quede recargado y lleno de efectos y colores. Te aseguro que lo segundo espanta más que lo primero.

Creo que ya te lo he comentado alguna vez. Yo, para trabajar, siempre empiezo haciendo un borrador a mano en una hoja en blanco con la distribución de los diferentes elementos y contenido de texto, imágenes o vídeos. Cuando lo tengas visualizado te será más fácil ir directo a lo que necesitas.

Secciones, columnas y elementos

Entender qué es Elementor y cómo usarlo comienza por comprender su funcionamiento básico. Este editor visual se estructura de la siguiente manera. Hay que empezar a construir bloques, o lo que ellos llaman una sección. En la imagen de arriba se ve el botón de la izquierda rojo con un más (+). Al pinchar, lo primero que te preguntarán es en cuantas columnas quieres dividir tu sección. 

Dentro de cada columna podrás añadir un elemento en horizontal y todos los que quieras en vertical. Con los elementos, me refiero a bloques de texto, imágenes, vídeos, iconos, etc. Es cuestión de ir probando con las diferentes opciones.

 En este vídeo podrás ver paso a paso cómo empezar a usar Elementor:

En el mismo canal te enseñan muchas otras funcionalidades. Está en inglés, pero como lo va haciendo en el momento es bastante visual y entendible.

Estos primeros pasos te ayudarán a descubrir todo el potencial del maquetador, pero no pretendas en una tarde convertirte en un profesional.

Plantillas predeterminadas de Elementor

Pero claro, tú me dirás, a ver, que es la primera vez que hago esto, que no sé ni por dónde empezar.

Elementor también ha pensado en esto, y lo que te ofrece es una serie de plantillas ya configuradas para no tener que empezar a diseñar desde cero. En el icono del centro de color gris (el que parece una carpeta), podrás acceder a la biblioteca con una gran cantidad de páginas o bloques prediseñados.

tutoriel elementor 3

Esto tiene una gran ventaja y es que te quita problemas y mucho trabajo. Pero también hay que barajar otros aspectos que no siempre son tan positivos. Las plantillas son perfectas para un momento puntual o un apuro. Pero no abuses de ellas. Al fin y al cabo, son estructuras básicas que no siempre se adaptan al 100% a lo que tu web necesita y, además, no será un diseño exclusivo de tu marca.

Para concluir

Soy muy partidaria de que tienes que saber un poco de todo, por lo menos que te suenen los conceptos básicos de lo que rodea a tu negocio digital. Por supuesto, también me refiero al manejo de tu web, saber poner al día las actualizaciones, ser capaz de modificar una foto o quitar un separador. 

Pero eso de que quien mucho abarca poco aprieta, es un riesgo muy real. Cuando me pregunta qué es Elementor, lo tengo claro: es una herramienta perfecta para empezar a conocer tu web por dentro. Pero que aparentemente sea sencilla, no implica que el resultado vaya a ser profesional y adaptado a lo que tu negocio necesita. 

Pon sobre la mesa los pros y contras y decide en qué momento te conviene echar mano del yo me lo guiso y yo me lo como, ya sea un freestyle o con plantillas predeterminadas, y cuándo es preciso trabajar el diseño de tu web de manera más personalizada y profesional. Al fin y al cabo es el escaparate de tu negocio digital. 

Y lo más importante, si te queda alguna duda sobre el Elementor, cuéntamela y te ayudo a resolverla en comentarios.

Curso de diseño web personalizado.

Deja de sufrir por tu sitio web: gana tiempo y diseña webs profesionales con Elementor. Rápido y gratuito.

Responsable » EI Pierre Lacoste
Finalidad de la recogida y tratamiento de los datos personales » enviarte comunicaciones comerciales y Newsletter informativo.
Legitimación » Consentimiento.
Destinatarios » No se ceden a terceros. Se pueden producir transferencias. Los datos están ubicados en los servidores de Siteground (proveedor de hosting de www.beatrizcalvo.com) dentro de la UE. Ver política de privacidad de Siteground. (https://www.siteground.es/aviso-legal.htm)
Derechos » Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en (hola@beatrizcalvo.com) así como el derecho a presentar una reclamación ante una autoridad de control.
Información adicional: En https://beatrizcalvo.com/politica-de-privacidad,  encontrarás información adicional sobre la recopilación y el uso de su información personal ,incluida información sobre acceso, conservación, rectificación, eliminación, seguridad, y otros temas.

Sigue leyendo:

stripe-que-es-y-como-usarlo
Negocios online

Stripe qué es y cómo usarlo: Guía 2024

Stripe es una plataforma de pagos en línea que permite a las empresas aceptar pagos de manera segura y eficiente. Se destaca por su facilidad de uso y por su amplia gama de características que facilitan la gestión de transacciones.

La plataforma de pagos Stripe ha sido creada para simplificar la aceptación de pagos en internet de manera segura. Además, con una amplia gama de características, se adapta a las necesidades de negocios de todos los tamaños, desde pequeñas startups hasta grandes empresas.

En esencia, Stripe permite a las empresas gestionar pagos online. Facilita la transferencia de dinero de clientes a comerciantes de manera segura.

Leer más »
Portales-de-WeTransfer
Marketing digital

[Guía 2024] Cómo usar los Portales de WeTransfer: Tutorial y Características

En esta guía de 2024, exploraremos en detalle qué son los Portales de WeTransfer y cómo utilizarlos para simplificar el proceso de envío de archivos a clientes. Aprende a configurar y sacar el máximo provecho de esta herramienta esencial para diseñadores, fotógrafos y más.

Este post ha sido generado a través de las peticiones de los usuarios que leyeron el artículo de WeTransfer: qué es y cómo usarlo.

¿Qué tipo de archivos necesitaremos compartir con el cliente para revisar?

Como sabes este blog está centrado en el diseño web, así que si eres diseñador web, diseñador gráfico, copywriter, etc. podrás hacer uso de los Portales de WeTransfer de forma gratuita.

Imaginemos que, por ejemplo, necesitas enviar los archivos generados para una identidad visual o después de una sesión fotográfica necesitas enviar las imágenes de la página web o incluso los documentos del contenido que has escrito para la web.

Leer más »
que-poner-en-la-pagina-de-inicio-de-una-web
Blog

[2024] Qué poner en la página de Inicio de una web

La página de Inicio es el elemento más importante de toda la web y juega un papel fundamental. Si no sabes qué poner en la página de Inicio de tu web o estás cometiendo los errores más comunes del diseño web, mal vamos.

Una de las únicas oportunidades que tienes para conseguir nuevos y más clientes (incluso para captar más leads) por Internet es a través de la página de Inicio o Home de tu web.

En ella, aparte de elegir los mejores colores, puedes aplicar estrategias de captación de leads que te permitirán generar visitas a la web.

Leer más »
tutorial-draw-io-herramienta-diagramas
Blog

[2024] Tutorial sobre Draw.io – La mejor herramienta para diseñar diagramas online

Hoy veremos un tutorial de Draw.io, la herramienta para hacer diagramas online de forma gratuita.

Por lo general, cuando necesitas hacer un diagrama, por inercia tiendes a coger papel y boli para ponerte a dibujarlo. Es normal, esto nos pasa a todos.

En mi caso coge papel y boli para todo, hasta para crear un funnel de ventas estilo flywheel.

Y lo que pasa es que al final es una pérdida de tiempo y por qué no decirlo, un malgasto de papel.

Que si te equivocas, que si le das otra vuelta, que si toca hacer tachones y al final tirar el diagrama o el funnel a la basura para volver a comenzar desde el principio.

Por eso, para ahorrar tiempo y papel, vamos a ver a fondo una herramienta gratuita y online llamada Draw.io.

Leer más »
captacion-de-leads
Blog

Técnicas infalibles para la captación de leads

¿Sabes de qué va la captación de leads? Ya hemos hablado de la importancia de generar visitas a tu web y de tener un sitio estupendo por dentro y por fuera. Pero nos falta algo importantísimo que hoy resolvemos. 

La famosa, imprescindible y deseada lista de suscriptores. Saber captar el nombre y correo electrónico de nuestros potenciales clientes, clasificarlos y conducirlos, es uno de los factores esenciales para aumentar las ventas. 

Demos un recorrido por el arte de atraerlos a todos, o lo que es lo mismo, captar leads para alimentar tu embudo de ventas

Leer más »
wetransfer-que-es-como-usar
Blog

[Guía 2024] Wetransfer: Qué es y cómo usarlo

En este tutorial de WeTransfer, vamos a ver qué es y cómo usarlo.

Imaginemos que estás pensando en crear una web en WordPress.

Cuando contratas el tipo de diseñador web que se ajusta a tus necesidades, la identidad visual y los textos e imágenes de la página web que quieras publicar, por lo general, debes facilitárselos tú.

Para ello, puedes utilizar WeTransfer, la herramienta que te facilitará la vida a la hora de enviar archivos.

Por cierto, si eres diseñador, quizá te interese aprender a usar los Portales de WeTransfer, de forma que compartir archivos con tus clientes sea pan comido.

Si quieres ampliar la información sobre qué documentación deberías enviar a tu diseñador web a través de WeTransfer, puedes leer este artículo sobre qué poner en la página de inicio de tu web, este otro sobre las diferentes partes de una web y, para terminar, este en el que te hablo del contenido de nuestra web.

P.D: Quédate hasta el final porque te contaré 2 trucos que puedes aplicar para ahorrarte adquirir la versión PRO a la hora de enviar archivos.

Leer más »

Curso de
diseño web
personalizado.

Deja de sufrir por tu sitio web: gana tiempo y diseña webs profesionales con Elementor. Rápido y gratuito.

Responsable » EI Pierre Lacoste
Finalidad de la recogida y tratamiento de los datos personales » enviarte comunicaciones comerciales y Newsletter informativo.
Legitimación » Consentimiento.
Destinatarios » No se ceden a terceros. Se pueden producir transferencias. Los datos están ubicados en los servidores de Siteground (proveedor de hosting de www.beatrizcalvo.com) dentro de la UE. Ver política de privacidad de Siteground. (https://www.siteground.es/aviso-legal.htm)
Derechos » Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en (hola@beatrizcalvo.com) así como el derecho a presentar una reclamación ante una autoridad de control.
Información adicional: En https://beatrizcalvo.com/politica-de-privacidad,  encontrarás información adicional sobre la recopilación y el uso de su información personal ,incluida información sobre acceso, conservación, rectificación, eliminación, seguridad, y otros temas.

Comparte: