Manual Básico de Elementor



Manual Básico de Elementor

Manual Básico de Elementor

El plugin Elementor Website Builder es uno de los plugins builder más usados en WordPress, si no el que más. Aunque su uso es muy intuitivo es posible que, al principio, no sepas muy bien cómo funciona, así que vamos a indicarte cómo puedes utilizar el plugin Elementor en este manual básico de uso.

El plugin Elementor es el preferido por los usuarios, y en este artículo ya hablamos de sus virtudes y que facilita la vida a los usuarios a la hora de afrontar el diseño de una web o landing page.

En este artículo encontrarás un manual básico de Elementor para ayudarte a dar los primeros pasos con este fantástico builder.

Como ya sabrás, Elementor tiene dos versiones, la gratuita, con la que tienes las suficientes opciones como para poder crear una web sin problemas y la versión PRO de pago, que añade un buen número de funcionalidades extra, además de plantillas preconfiguradas.

En esta guía vamos a ver la versión gratuita, que es la que utiliza la mayoría de los usuarios. Si luego necesitas pasar a la versión PRO, el manual te servirá ya que conocerás cómo se trabaja con Elementor, aunque las funcionalidades PRO no estén incluidas en él.


  • Hosting especializado en WordPress con discos SSDWordPress 53´99 / mes
  • Hosting especializado en WordPress con discos SSDWordPress 257´99 / mes
  • Hosting especializado en WordPress con discos SSDWordPress 509´99 / mes
  • Hosting especializado en WordPress con discos SSDWordPress 7511´99 / mes
  • Hosting especializado en WordPress con discos SSDWordPress 53´99/mes
  • Hosting especializado en WordPress con discos SSDWordPress 257´99/mes
  • Hosting especializado en WordPress con discos SSDWordPress 509´99/mes
  • Hosting especializado en WordPress con discos SSDWordPress 7511´99/mes
    • Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • Supeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamiento
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!
    • Copia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por Hostinet
    • Podrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento web
    • Precio para nuevas altas. Contratación anual.

Instalación y Menús de Elementor

Antes de usar Elementor hay que instalarlo y activarlo en tu WordPress, pero es muy sencillo, ya que como estamos hablando de la versión gratuita, se instala como otro plugins cualquiera.

Sólo tienes acceder al panel de administración de WordPress > Plugins > Añadir uno nuevo y hacer una búsqueda. Sólo tienes que instalarlo, activarlo y listo, ya podrás empezar a usar Elementor.

manual básico plugin Elementor instalar activar

Una vez activado el plugin, encontrarás dos nuevos menús en tu WordPress:

Menú Elementor

manual básico plugin Elementor menú

Desde el menú Elementor, encontrarás algunas configuraciones generales que puedes modificar al gusto de tus necesidades.

Hay cosas muy interesantes, como la opción de añadir la API de Google Maps, reemplazar URL o activar un modo de mantenimiento desde el propio plugin.

Las opciones son las siguientes:

 

Menú Plantillas

manual básico Elementor plantillas

Las plantillas son muy importantes en Elementor, ya que permite incorporar un diseño predeterminado en cualquier momento y sitio de nuestro proyecto WordPress.

Hay un menú de plantillas en lo que puedes encontrar lo siguiente:

 

Empezar a Editar con Elementor

Ahora que hemos visto lo más básico del plugin Elementor, vamos a empezar a ver qué lo que estarás buscando de verdad cómo editar un sitio con Elementor.

Con Elementor puedes editar una página en blanco, desde cero y tú ir añadiendo los elementos que quieras o también puedes editar una página que ya esté creada.

También existen themes que son compatibles con Elementor, para que puedas crear el sitio de cero, pero con una plantilla compatible.

Esto lo tienes que decidir tú, ya que se trata de una decisión que depende del proyecto web que quieras crear.

Lo que si te vamos a explicar, es cómo realizar cada acción que permite Elementor, aunque sea de una forma básica, para que puedas empezar a editar tus proyectos en Elementor con algo de información al respecto.

Cuando quieras editar algo con Elementor, sólo tienes que pulsar en el botón de Editar con Elementor, ya te encentres editando una web, una entrada, en el editar clásico o en el de bloques. Sólo busca la opción.

manual básico Elementor botón editar elementor

Cuando accedas al editor de Elementor verás la página que quieres editar, como si la estuvieras visitando con un navegador, pero con algunas diferencias.

En la parte izquierda de la pantalla encontrarás un menú en el que podrás ver todos los elementos que puedes utilizar para crear la web y a la derecha una especie de navegador para saber de qué elemento se trata.

manual básico Elementor secciones

Como verás todo es muy visual, si pasas el ratón por algún elemento de la pantalla, en seguida reaccionará para invitarte a editarlo, pero veámoslo por partes.

 

Menú de Edición de Elementor

El menú izquierdo de Elementor es la parte más importante, ya que es desde aquí donde podemos controlar todos los aspectos de los elementos disponibles y del propio plugin.

manual basico Elementor menú edición izquierdo

En la parte superior, a los lados de la palabra elementor tenemos dos botones, el de la izquierda (botón hamburguesa) y el de la derecha (botón cuadrados).

El botón de la izquierda nos lleva a los ajustes del sitio y a las preferencias del usuario, además del acceso al maquetador de temas, pero esta última opción sólo está disponible en las versiones PRO.

El menú de los cuadrados nos lleva a los elementos o widgets que podemos usar con el plugin.

Justo debajo de estas opciones tenemos un submenú en el que podemos seleccionar entre elementos y global, pero la opción de global sólo es para versiones PRO, por lo que no la usaremos en esta guía.

Y debajo del submenú tendremos un buscador, con el que podemos buscar el widget que queramos rápidamente, algo muy útil cuándo ya tengas soltura con el maquetador.

manual básico Elementor botones superiores

Si seguimos en el apartadlo de los elementos, verás que debajo encontramos los widgets que puedes utilizar en la web.

Dependiendo del tema que estés usando o los plugins que tengas instalados en tu WordPress, es posible que tengas más o menos elementos que puedas utilizar, pero básicamente tendrás:

manual básico Elementor widgets disponibles

Obviamente, los widgets PRO no podrás usarlos en la versión gratuita, podrás usar los widgets que encontrarás en Básico y General, aunque como decimos, dependerá de cada instalación de WordPress.

En cada uno de los módulos, encontrarás los distintos widgets que puedes usar

Elementos Básicos

manual básico Elementor widgets básico

 

Elementos Generales

manual básico Elementor widgets general

Cómo Usar Elementor

Ahora que hemos visto lo que puede hacer Elementor, vamos a ver cómo hacerlo, aunque verás que es muy sencillo, ya que es una de las grandes ventajas de usar este maquetador tan visual.

Si quieres editar algo que ya está creado, com por ejemplo un texto o una imagen, sólo tienes que hacer click en el elemento que deseas modificar.

Al hacer esto, se seleccionará y en el menú de la izquierda verás todas las opciones que tienes disponibles.

Manual básico Elementor editar texto

Ahora es tan fácil como cambiar el texto por el que quieras, puedes hacerlo tanto desde el menú, como desde la web.

Manual básico Elementor editar texto 2

Con las imágenes lo mismo, sólo tienes que seleccionarla y buscar la imagen que quieras añadir.

Manual Básico Elementor seleccionar imagen

Cuando seleccionas cualquier elemento, verás que tienes tres pestañas disponibles en el menú, que son:

Las opciones que tienes en estas pestañas pueden variar dependiendo del elemento deseado, pero tienes muchas opciones y muy interesantes, como los efectos de movimiento.

Manual Básico Elementor efectos de movimiento

Si lo que quieres es añadir un nuevo elemento o widget, es realmente fácil, sólo tienes que hacer click con el ratón sobre él y arrastrarlo al sitio donde quieras añadirlo.

Manual Básico Elementor arrastrar elementos

Si lo que quieres es añadir una de las plantilla que hayas creado, puedes hacerlo desde el botón de la caja de widgets.

Manual Básico Elementor añadir plantilla

Manual Básico Elementor añadir plantilla 2

Como puedes ver, Elementor tiene un montón de opciones pero su funcionamiento es muy sencillo, obviamente, se necesita de cierto tiempo de aprendizaje, pero con un poco de tiempo, se pueden conseguir resultados profesionales en tu WordPress.

Lo más importante es que no necesitas conocimientos previos, sólo conocer cómo funciona Elementor y un poco de esfuerzo para hacer tu web.

 

Hosting WordPress SSD con LiteSpeed

Si estás pensando en usar Elementor en WordPress, te recomendamos que utilices un hosting capaz de mover el plugins con soltura, ya que se trata de un plugin que consume bastantes recursos.

Nuestros planes de hosting WordPress, cuentan con discos SSD y servidor web LiteSpeed, para que la web cargue tan rápido como sea posible.

Además, tendrás certificados SSL gratuitos, panel de control cPanel y un soporte técnico especializado en la plataforma y atendido desde España, por teléfono y email.

  • Hosting especializado en WordPress con discos SSDWordPress 53´99 / mes
  • Hosting especializado en WordPress con discos SSDWordPress 257´99 / mes
  • Hosting especializado en WordPress con discos SSDWordPress 509´99 / mes
  • Hosting especializado en WordPress con discos SSDWordPress 7511´99 / mes
  • Hosting especializado en WordPress con discos SSDWordPress 53´99/mes
  • Hosting especializado en WordPress con discos SSDWordPress 257´99/mes
  • Hosting especializado en WordPress con discos SSDWordPress 509´99/mes
  • Hosting especializado en WordPress con discos SSDWordPress 7511´99/mes
    • Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • Supeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamiento
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!
    • Copia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por Hostinet
    • Podrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento web
    • Precio para nuevas altas. Contratación anual.