Elementor Page Builder:
La MEGA GUIA DEFINITIVA

Si estás buscando el mejor editor visual para el diseño de páginas web, has llegado al sitio correcto. 

Con este tutorial elementor aprenderás desde cero a utilizar este potente maquetador y lograrás un resultado profesional sin necesidad de ser un experto programador.

A mediados del 2016 salió al mercado Elementor Page Builder y desde ese entonces hasta ahora ha logrado posicionarse en tiempo record como uno de los mejores, sino el mejor, de los maquetadores web por encima de otros quizás más conocidos y de mayor trayectoria, esto gracias a su facilidad de uso, estabilidad y todas las funcionalidades que te permiten crear cosas realmente increíbles.

En esta guía Elementor Page Builder queremos explicarte todo sobre este editor para que aprendas a usarlo y le saques el mejor provecho.

Veamos punto por punto lo principal que debes saber y de ahí en adelante ya dependerá de ti lograr excelentes resultados. 

¿Estás preparado? Manos a la obra

 Elementor Page Builder es un maquetador visual para WordPress de código abierto que permite editar webs realizando cambios sobre la página sin necesidad de tener que escribir líneas de código.

Es un plugin (aplicación que amplía las funciones de un programa o herramienta)   gratuito que también ofrece una versión de pago Pro, la cual contiene muchas más posibilidades que la versión gratuita, aun cuando ésta es de por sí bastante funcional.

Elementor es ideal para quienes desean empezar su página desde cero o mejorar la que ya tienen en poco tiempo, de una manera amigable, dándole la forma que se quiera sin tener que ser un experto diseñador web.

DISEÑA CON ELEMENTOR

Facilidad de uso: Prácticamente cualquier persona puede manejarlo, sus funciones son muy sencillas y las posibilidades de personalización son enormes.

Resultados en tiempo real: Cada cambio que realices lo puedes ver de manera inmediata. Puedes ir construyendo tu sitio mediante la técnica de arrastrar y soltar bloques a lo largo de la página.

Código abierto: Es el primer editor visual de código abierto lo que supone una gran ventaja ya que puedes modificar su código fuente y adaptarlo a tus necesidades.

Compatibilidad: Es compatible con una gran variedad de plantillas y además puedes crearlas, guardarlas y volver a utilizarlas cuantas veces quieras.

Optimizado para SEO: Favorece el posicionamiento en google ya que su código es bastante limpio.

Genera código HTML: Para conseguir las maquetaciones Elementor utiliza código HTML por lo que si decides en algún momento desinstalarlo, no dejará la molesta marca de los shortcodes. Seguirás teniendo el contenido en formato HTML pero sin los estilos gestionados por el plugin.

Para el desarrollador y el usuario: Reúne todo lo que necesita el desarrollador sin olvidar lo que necesita el cliente como usuario no experto. Cubre las necesidades de ambos perfiles lo que es algo fundamental.

Mucho más que responsive: No sólo está preparado para ser responsive, es decir, que permite adaptar la visualización de la página de acuerdo al dispositivo que se use para visitarla, sino que también permite editar la vista del móvil o Tablet, pudiendo modificar ciertos elementos en la versión móvil.

Sin barreras de idioma: Está traducido al castellano y es compatible con los plugins de traducción WPML y Polylang.

Además de todas las razones anteriores, también podemos decir que fue creado tomando en cuenta el punto de vista del diseñador y no sólo el del programador, siendo aquí donde radica una de sus mayores fortalezas, ya que permite hacer muchísimas cosas que con otros maquetadores ni se pensaban posibles.

Y por si fuese poco añadimos a la larga lista de las virtudes de Elementor, que pesa menos, es más rápido y se actualiza constantemente.

Todo lo anterior se puede certificar por las más de 1 millón de instalaciones activas y las 5 estrellas de valoración de las que goza.

Seguramente que después de haber leído todo esto querrás comprobarlo por ti mismo. Así que pasemos al siguiente punto.

Puedes instalarlo directamente en WordPress a través del repositorio o descargarlo desde la página oficial de Elementor y subir el archivo después de forma totalmente gratuita.

La forma más rápida y cómoda es hacerlo desde tu WordPress para lo que tendrás que ir a la opción Plugin>>>Añadir nuevo.

En la parte superior derecha encontrarás el buscador, ahí debes escribir el nombre del maquetador: Elementor Page Builder. Una vez que aparezca sólo tienes que hacer clic en Instalar ahora y luego en Activar.

Una vez instalado ya puedes empezar a disfrutar de sus funcionalidades pero no olvides que también tienes la posibilidad de adquirir la versión de pago PRO, que te resultará una muy buena inversión si deseas ponerle total seriedad al asunto de tu página.

Primero prueba con la versión gratuita a ver qué tal te va. Seguramente vas a querer al cabo del tiempo disfrutar la versión PRO, pero para empezar está muy bien la versión gratuita.

Luego que hayas instalado el maquetador notarás que tendrás una nueva opción en los menús del escritorio del WordPress que corresponde a Elementor.

Antes de empezar a trabajar con él, tómate unos pocos minutos para configurarlo.

El menú consta de 5 submenús: Ajustes, Mi Biblioteca, Herramientas, Información del sistema y Licencia.

Información del sistema y Licencia muestran la información referente a la página web y a la licencia con la que se está usando Elementor. Cómo has de suponer, no se pueden modificar y en realidad no afecta en nada su funcionamiento.

Nos centraremos entonces en los menús restantes, es decir en Ajustes, Mi Biblioteca y Herramientas,

En el submenú Ajustes encontrarás 4 pestañas: General, Estilo, Integraciones y Avanzado. 

Veamos los ajustes que se pueden realizar en cada una de ellas.

Tipos de entrada: En esta opción seleccionas en qué tipo de contenido vas a poder usar Elementor. Como mínimo las opciones presentes serán: entradas y páginas. Es opciones pueden variar dependiendo del tema y los plugins que tengas instalados. Lo que más se recomienda es seleccionar sólo páginas y las entradas que sean según el tema.

Perfiles excluidos: Con esta opción puedes restringir el uso del plugin a otros usuarios que tengan acceso a tu WorPress.

Desactivar colores globales/Desactivar tipografías globales: Con la activación de estas opciones utilizarás los colores y la tipografía que vienen por defecto en las plantillas que estés usando. Es mejor dejarlas sin marcar por si luego quieres hacer algún ajuste.

Mejorar Elementor: Con esta opción se envía de forma anónima datos relacionados sobre el uso que le das al maquetador, esto con la finalidad de mejorar el producto en cada actualización.

Puedes marcarlo o no, esto no influye de ninguna forma en su funcionamiento. Queda a tu elección.

Fuentes genéricas predeterminadas: Aquí seleccionas la familia de fuetes que serán utilizadas por defecto.

Ancho del contenido: Se refiere al ancho máximo del contenido que vas a crear con Elementor.

Si no necesitas algo especial deja el que viene configurado por defecto.

Espacio entre Widgets: En esta parte puedes indicar el espacio por defecto que que deseas exista entre Widgets. En realidad no hace falta cambiar este valor, el que trae funciona bastante bien.

Extender hasta ajustar selección: Ajusta una sección hasta una parte en concreto de la web.

Selector de título de página: Introduce el selector que tiene el título de la página que vas a editar por si en algún momento quieres eliminarlo de tus diseños.

Recaptcha: Esta opción te permite activar el servicio de protección contra spam. Puedes incluir en los formularios que vayas a crear los conocidos recuadros con letras difíciles de reconocer que tienen que ser completados para asegurarse que está siendo utilizado por una persona.

Avanzado: En este apartado se establece el método de impresión del código CSS y se puede cambiar el método de carga del editor en caso que se genere un conflicto entre los otros plugins y Elementor.

DISEÑA CON ELEMENTOR

En esta sección podrás ver los diseños que hayas guardado y además tendrás la posibilidad de importar otros.

Elementor incluye una serie de herramientas que te pueden resultar de mucha utilidad y que en algunos casos te ahorrará tener que instalar otros plugins.

Regenerar CSS y sincronizar biblioteca: Esta herramienta se utiliza para recuperar los archivos originales en caso de fallas al usar el editor.

Reemplazar URL: Si vas a cambiar la URL no tendrás mucho problema gracias a esta herramienta, basta con escribir la dirección antigua, la nueva y hacer clic.

Revertir a la versión anterior: Si llegas a tener algún problema luego de haber actualizado, no te preocupes. Con esta herramienta podrás volver a la versión anterior.

Conviértete en probador de betas: Puedes hacer que en las actualizaciones aparezcan las versiones beta lo cual no es recomendable si estás usando Elementor en una página que está online. Recuerda que las versiones beta pueden contener errores ya que no son versiones definitivas.

Modo de mantenimiento: Esta herramienta te permite colocar tu web en modo mantenimiento si tienes que realizar cualquier ajuste en ella. Se manejan dos opciones: código 200 para poco tiempo y código 503 para más tiempo.

Para comenzar a utilizar Elementor lo primero que debes hacer es crear o abrir la página en la que vas a trabajar y luego hacer clic sobre Editar con  Elementor.

La forma de trabajar con este maquetador es bastante sencilla, básicamente debes arrastrar y soltar los diferentes elementos que se encuentran en la parte izquierda, los cuales describiremos con detalle más adelante.

Si vas a trabajar en una página que ya has creado, los elementos que añadas con Elementor se van a sumar al contenido que ya existe, el cual también podrás editar.

La primera pantalla que verás al entrar en Elementor mostrará del lado izquierdo un panel dividido en tres partes y del lado derecho la zona que corresponde al espacio donde se colocan los distintos elementos que se arrastran hasta ella y donde verás cómo va quedando tu página.

Estos elementos son modificados desde el panel izquierdo. Este panel dijimos que está divido en tres partes: En la primera parte, ubicada en la zona superior, podemos ir a las opciones generales de configuración o cambiar a la vista Widgets.

En la parte central, dependiendo de la vista que hayamos seleccionado (configuración general o Widgets) tendremos las diferentes opciones según corresponda.

En la parte inferior están ubicadas las opciones para cerrar Elementor y regresar al escritorio de WordPress, ver el diseño en distintos tamaños de pantalla, ir a la documentación del plugin, guardar el diseño como una plantilla para utilizarla en otra página y guardar la página.

En la zona de trabajo o diseño, vas a encontrar dos opciones: Añadir nueva sección y añadir plantilla.

Las plantillas son modelos diseñados de manera profesional que puedes personalizar tanto como quieras. Son una buena opción para principiantes y para aquellos que quieran empezar de forma más rápida.

Elementor contiene una buena cantidad de plantillas que pueden adaptarse perfectamente al tipo de proyecto que vas a realizar.

Al hacer clic en el botón Añadir plantilla, aparecerá una ventana emergente con los diferentes tipos de plantillas disponibles.

Cuando tengas ubicada la que quieres utilizar, haz clic en Insertar, se cargará la plantilla y puedes comenzar a modificarla.

Para personalizar la plantilla sólo debes hacer clic sobre cada uno de los elementos y en el panel izquierdo aparecerán las opciones que les corresponda para configurarlo a tu gusto.

DISEÑA CON ELEMENTOR

Si queremos empezar desde cero y hacer nuestro propio diseño, veamos primero cómo funcionan los diseños de este maquetador.

Los diseños se construyen utilizando básicamente secciones, columnas y widgets.

También conocidas como bloques, las secciones son la parte básica del diseño en Elementor ya que es en ellas donde se colocarán el resto de los widgets.

Puedes añadir nuevas secciones, duplicar una que te ha gustado para no volver a crear su diseño y guardarla como plantilla para usarla posteriormente  en otra parte de tu página.

Se pueden insertar tantas secciones como se quiera en la página y dentro de cada una la cantidad de widgets que gustes.

Cuando haces clic en Añadir nueva sección, deberás elegir el tipo de estructura que quieras para la sección.

Una vez elegida puedes realizar los ajustes que consideres necesarios y posteriormente agregar los widgets que tu diseño requiera.

Para ello haz clic en las tres líneas de la parte superior del panel izquierdo y tendrás acceso a las opciones de configuración de la sección.

Disposición: En esta parte puedes ajustar el ancho del contenido, establecer el espacio entre las columnas, la posición del contenido bien sea alto, medio o bajo, el alto de la sección y establecer etiquetas HTML .

Estilo: Esta parte de los ajustes está relacionado con los colores que quieras par el fondo, insertar una imagen, elegir un tipo de borde y determinar su ancho así como cambiar la tipografía.

Avanzado: Puedes establecer efectos en movimiento, trabajar con los márgenes y relleno, establecer elementos superpuestos y hacer uso de uno de los puntos más fuertes del maquetador que es editar la versión móvil, cambiando el tamaño de las secciones o evitando que se muestre lo que no se quiere para esta versión.

Manejar las secciones con este editor es realmente muy fácil y cómoda, además con el botón derecho del ratón se puede copiar, duplicar, reestablecer estilos o borrar lo que agiliza en gran medida el diseño de la página.

Las columnas son bloques que pueden añadirse dentro de las secciones. Puedes crear la cantidad que quieras y dentro de ellas incluir  los elementos que consideres de los disponibles en el maquetador.

Al igual que pasa con las secciones, las columnas también pueden ajustarse desde los apartados disposición, estilos y avanzado que manejan más o menos los mismos campos.

Es así como en el apartado disposición se manejan todos los ajustes relacionados con la posición del contenido, el ancho y la extensión. En estilo, los colores, las capas de fondo, imágenes o formas para las columnas. Y en avanzado, los márgenes, rellenos y versión responsive para dispositivos.

Otra de las características muy apreciadas de Elementor es que haciendo clic puedes jugar con el ancho de las columnas sin tener que ir al panel de ajustes lo que puede resultar mucho más cómodo y rápido.

Los widgets son los distintos elementos con los que vas a construir tu página. Añadir un widget a una columna es muy sencillo, sólo tienes que arrastrar y soltar. Notarás que cuando arrastras el widget aparece una línea azul.   Esta línea te indica el lugar donde se va a colocar.

Para muchos elementos se repiten algunas opciones de configuración como las relacionadas al fondo y los bordes por lo que no se explicarán para cada uno de ellos para no repetir la información, pero ya sabes que puedes ajustarlos.

Cómo se puede intuir con esta herramienta incluimos en nuestros diseños los encabezados de página pudiendo crear títulos h1, h2, h3 etc.

Además se puede enlazar cada uno de los títulos a cualquier página que queramos, ajustar su tamaño, colores, tipografía, colocar bordes alrededor del título entre otras opciones.

Creo que no necesita mucha explicación, pero aun así aclaremos que sólo permite añadir la imagen, no se puede añadir texto sobre ella.

Puedes elegir cualquier imagen que tengas subida en WordPress.

El tamaño puede establecerse dependiendo del tema y de los plugins. Tienes las opciones de completo que hará que ocupe todo el ancho disponible o personalizado en donde puedes establecer las dimensiones de forma manual.

La opción alineación te permite determinar si la imagen va a aparecer centrada, a la derecha o la izquierda.

Si deseas que algún texto aparezca debajo de la imagen puedes introducirlo en la opción leyenda.

En cuanto al estilo, puedes aplicar una escala a la imagen, establecer transparencia y hacer que al pasar el ratón por la imagen ocurra una animación.

Se utiliza principalmente para incluir textos de mediana y larga extensión en cualquier parte de la página usando el mismo editor de WordPress, lo que supone una ventaja para quienes ya están familiarizados con él.

Puedes elegir la posición del texto con total libertad dentro de las columnas o secciones donde lo hayas incluido.

Si quieres incluir un vídeo en tu página con esta herramienta podrás hacerlo muy fácilmente.

Incluye la url de un vídeo de YouTube o Vimeo y funcionará en la sección o columna donde lo hayas colocado.

Elementor te permite hacer ciertos ajustes como:

  • Elegir la proporción de tu vídeo ((16:9, 4:3 o 3:2).
  • Auto- reproducir el vídeo.
  • Establecer el tamaño del botón de Play.
  • Elegir si se mostrarán o no vídeos sugeridos al finalizar la reproducción
  • . Mostrar u ocultar los controles del reproductor.
  • Elegir una imagen de portada para el video

DISEÑA CON ELEMENTOR

Los botones son elementos básicos de toda página y con Elementor podrás tener muchas opciones para crearlos y ajustarlos de acuerdo al estilo del diseño que tengas en mente.

Veamos cómo podemos trabajar con ellos y que ajustes se pueden hacer en sus diferentes opciones.

Tipo: Se pueden usar los diseños establecidos. Fondo de color azul para información, fondo de color verde para éxito, fondo de color naranja  para advertencia y fondo de color rojo para peligro.

Texto: Incluye el texto que quieras que aparezca en el botón.

Enlace: Especifica la página que debe abrirse al hacer clic en el botón.

Alineación: Alineación del botón en el lugar donde se haya colocado.

Tamaño: Puedes seleccionar diferentes tamaños dentro de los que se encuentran disponibles.

Icono: Si lo deseas es posible incluir un icono dentro del botón y configurar si va a aparecer antes o después del texto.

Puedes personalizar tus botones como gustes en la opción estilo.

Organiza tu página como quieras con tan sólo arrastrar este widget a la parte que desees. Puedes evitar que se vea todo muy junto, separando  con él diferentes secciones o títulos.

Se trata de una barra horizontal que puedes utilizar para dividir el contenido de tu página de una forma elegante y que luce muy bien.

Puedes escoger entre una línea sólida, doble, punteada o discontinua.

También puedes configurar el grosor que va a tener el separador, escoger el color y la alineación.

Con la opción brecha determinas el espacio que va a existir por encima y por debajo de la línea.

Aunque bien se sabe que tratándose del diseño de una página vale todo lo que la creatividad del diseñador pueda dar, se ha establecido una especie de tácito estándar para los separadores ya que se adapta perfectamente a casi todos los diseños y queda bastante bien con los siguientes parámetros: estilo sólido, peso 2, color #ccc, ancho 60 y alineación centrada.

Su función es la misma que la de los separadores con la diferencia que separa añadiendo un espacio en blanco. Si bien puedes hacer esto mismo configurando los márgenes, con este elemento es mucho más rápido y sencillo.

Obviamente no tienes mucho que ajustarle salvo el espacio que quieres que tenga.

Elementor ha ganado más puntos de los que ya tenía hasta ahora con la facilidad de uso de este widget.

Completando los siguientes campos podrás añadir un mapa de google de la forma más sencilla que hayas podido imaginar.

Dirección: Escribe la dirección (bien especifica) que quieras que aparezca.

Nivel de zoom: Establece el nivel de zoom con el que quieres que se muestre la dirección, puede ser por ejemplo entre 17 y 18.

Alto: Como su nombre lo indica, en este campo configuras el alto del mapa. No es lo mismo que la altitud, ten cuidado con eso

Impedir scroll: Activando esta opción se impide la manipulación del mapa, es decir, no se puede hacer zoom ni navegar por él.

Los mapas son elementos muy importantes dentro de las páginas de empresas o negocios que poseen una tienda física, ya que permiten al usuario ubicarlos de una manera mucho más fácil.

Los iconos resultan siempre muy útiles combinándolos con otros elementos haciendo el diseño mucho más atractivo.

De este elemento podemos configurar lo siguiente:

Estilo del icono en la opción Ver: Con el valor predeterminado el icono aparecerá solo. Con el valor Apilados el icono se muestra dentro de una forma y con algún relleno. Si seleccionas el valor Encuadrado, el icono también aparecerá dentro de una forma con bordes pero sin relleno.

Icono: Selecciona cual es el icono que quieres utilizar. Toma en cuenta que el buscador está en inglés. Tienes muchísimas opciones para elegir.

Forma: Esta opción aplica si escoges el valor Apilados o Encuadrado. Tienes dos formas entre las que elegir: círculo o cuadrado.

Enlace: Puedes escribir alguna dirección web convirtiendo el icono en un enlace con la opción de que el enlace se abra en una ventana nueva.

También puedes determinar la alineación del icono.

En cuanto al estilo tienes muchas nuevas opciones para personalizar aún más los iconos en cuanto a color, tamaño y rotación así como efecto hover.

Todos los widgets que hemos revisado hasta ahora son los que puedes utilizar con la versión gratuita de Elementor. Cómo habrás visto, pues hacer cosas bien interesantes con ellos.

Sin embargo, la versión PRO ofrece otros widgets que te permiten aumentar el potencial de tu página y que puedes manejar tan fácilmente como los anteriores, obteniendo un resultado totalmente profesional sin necesidad de ser un experto diseñador o estar obligado a tener conocimientos sobre programación web.

DISEÑA CON ELEMENTOR

 Este elemento te permite mostrar las últimas entradas de tu blog de muchas formas diferentes.

Elige que cantidad de posts quieres que aparezcan, si prefieres un cierto número de entradas o todas ellas.

También puedes jugar con la posición de la imagen destacada de la entrada, colocándola  encima o a la izquierda del texto.

Determina si quieres que el contenido se muestre organizado por categoría, autor, ordenado por fecha o por títulos, así como el número de columnas, el tamaño de la imagen y la cantidad de palabras que se mostrarán como resumen.

En cuanto al estilo tienes la posibilidad de personalizar el color, la tipografía y el espaciado de los elementos de la vista previa del post como las imágenes, el título de la entrada, contenido y paginación.

Al igual que los otros widgets tienes la opción de establecer márgenes, usar fondos y modificar el responsive.

Es parecido al post con la diferencia que está orientado a mostrar el portafolio aunque también se utiliza para mostrar las entradas del blog en forma de cuadrícula.

La verdad es que es un atractivo sistema de fotografías con el que puedes ajustar el número de columnas y entradas por página, las imágenes de acuerdo al tamaño, elegir mostrar el título o no, seleccionar colores así como la tipografía.

Vuelve Elementor a sumar más puntos está vez en su versión PRO con la inclusión de este elemento que ha conseguido sea ligero afectando muy poco el tiempo de carga de la web, razón principal por la que no se recomendaba su uso.

Puedes seleccionar la cantidad de sliders que gustes, cada uno de ellos van a tener opciones para su personalización insertando textos o enlaces.

Elige la altura de la caja del slider.

Selecciona si quieres pausar la imagen, auto reproducir, la velocidad, bucle y la animación, ocultar o mostrar las flechas y puntos de navegación entre otros ajustes.

Además te permite elegir colores, estilos, tipografías, efecto hover y acercamiento.

En líneas generales se puede decir que está bien completo y que tratándose de que se ha logrado evitar que retrase tanto la carga de la página, pueden probarse a ver qué tal va.

Sin duda alguna las opciones que ofrece Elementor PRO en cuanto a los formularios son muy superiores a la del resto de los maquetadores que en su mayoría  estaban limitados a insertar sólo campos básicos con muchas restricciones de edición.

Con los formularios de Elementor se puede elegir los campos que se necesiten solo con un clic. Dentro de los campos disponibles están: nombre, email, mensaje, número, checkbox, reCaptcha, calendario (con fecha y hora).

Incluye además la útil opción honeypot, un sistema de seguridad que incluye un campo oculto para protegerse de los hackers

Es posible cambiar el tamaño, columnas e icono de cada campo así como los textos, colores, mensajes, y tipografías.

En cuanto al estilo y opciones avanzadas se manejan características similares a la de los otros widgets.

Definitivamente otro aspecto en el que Elementor se luce y sigue convenciendo.

Muchas páginas requieren crear un acceso para usuarios y como todo lo anterior, podrás hacerlo de una manera increíblemente fácil.

Todos los usuarios de la página incluido el administrador  pueden acceder, registrarse si no lo han hecho y también tiene la opción para recuperar la contraseña.

Como ya sabrás, puedes personalizar muchos aspectos del elemento para adaptarlo al diseño de tu página.

Muchas páginas requieren mostrar una lista de precios, el típico ejemplo son las webs de restaurantes que quieren incluir la carta con sus respectivos precios o bien empresas de servicio.

Se permite agregar la cantidad de elementos que gustes, además del título es posible añadir una pequeña descripción e incluso alguna imagen.

Colores, tipografías, tamaño y otros aspectos referentes al estilo también pueden ser personalizados tal y como ya nos hemos acostumbrados con este maquetador.

Siguiendo un poco la línea del elemento anterior, está opción es muy útil cuando se desea mostrar diferentes opciones de precio para un mismo producto o servicio.

Debes crear una sección con tantas columnas como renglones vayas a necesitar. Cada uno de ellos puedes personalizarlos en cuanto al estilo.

Los precios se asignan en la moneda que corresponda, en la posición que más te guste y con la posibilidad de establecer el tipo de descuento.

Además puedes establecer etiquetas destacables, enlaces y muchos otros ajustes interesantes.

Realmente está muy completo y es una forma muy atractiva de mostrar diferentes planes de pago y ofertas.

Una de los aspectos que más refuerzan la confianza de los usuarios son las experiencias y comentarios de personas que han utilizado el servicio o adquirido el producto que se ofrece en la página.

Elementor ofrece la posibilidad de incluir comentarios de clientes o de otros profesionales que han quedado satisfechos.

Este elemento es muy útil cuando se desea centrar la atención y recordar la fecha de un próximo lanzamiento o evento.

Se trata de la típica cuenta atrás con los días que faltan para el día en que se realizará la actividad esperada.

Claro está que puedes cambiar el texto que se muestra, la tipografía, el color de fondo y otros aspectos del estilo.

Todos sabemos la importancia que tienen hoy en día las redes sociales y que la posibilidad de compartir en ellas información de nuestra página es vital, ya que entre otras cosas puede aumentar el tránsito de nuestra web, además de acercarnos a nuestro público objetivo.

Elementor incluye iconos que permiten compartir en las distintas redes algún artículo o página al hacer clic sobre ellos.

Están disponibles diferentes opciones de formas, colores y tamaños con los que se puede dar un enfoque personalizado.

El carrusel de imágenes como podrás suponer se trata de un conjunto de imágenes que resulta muy útil para incluir logotipos de empresas con las que hayas trabajado o también es una manera diferente de presentar cierto tipo de servicios. Todo depende del estilo de tu web y la forma en que quieras presentar la información.

Es posible incluir todas las imágenes que se quieran, ajustar el tamaño, insertar una imagen o leyenda así como trabajar con los colores y opciones avanzadas.

Cuando describíamos al principio de este tutorial la interfaz de Elementor dijimos que en la parte inferior del panel izquierdo se encuentra el icono para ver como luce nuestro diseño en diferente dispositivos, es decir, en versiones de escritorio, tablets o móviles.

He aquí una de las maravillas de Elementor que ha cautivado a más de un usuario.

Quizás te estés preguntado por qué, te diremos que se trata de algo más que un visualizador.

Estableciendo ciertas opciones el diseño de tu página cambiará dependiendo del tamaño de la pantalla elegida.

No necesitarás tener conocimientos avanzados sobre media queries para adaptar el contenido de tu blog o página a dispositivos móviles.

Para que lo veas más claro, puedes establecer para cualquier elemento del diseño que tenga ciertos márgenes para la versión de escritorio, otros si se trata de la versión para Tablet y por si fuese poco otro distinto si es para dispositivos móviles.

Cabe destacar que ningún otro plugin permite hacer esto, lo que hace que Elementor tenga una gran ventaja respecto a otros editores visuales.

DISEÑA CON ELEMENTOR

Si has llegado hasta aquí,  lo más seguro es que no te haya quedado duda alguna de porque se considera a Elementor como el mejor maquetador hasta la fecha.

Pero si entre tanta información te has perdido un poco resumiremos lo tratado.

Es el maquetador más completo según la opinión de muchos diseñadores.

Es sumamente intuitivo lo que hace que su manejo y aprendizaje sea sencillo y rápido.

Cuenta con un código limpio lo que favorece el posicionamiento web.

Incluye gran cantidad de funcionalidades gracias a las cuales no tienes que descargar otros plugins.

Se actualiza constantemente.

Sus bondades pueden verificarse con la gran cantidad de descargas.

Puedes consultar la información sobre los cambios y novedades en su canal de YouTube y blog oficial.

En esta guía hemos tratado de describir de la mejor manera posible las características de este potente maquetador pero como todo en la vida para que sepas realmente lo que es, debes probarlo y seguramente no querrás usar otro más.

Descrubre todo el potencial de Elementor Page Builder con esta mega guia.

Leave a Replay

Deja un comentario

Elementor Page Builder

Descarga el maquetador numero #1 para WordPress y empieza a diseñar tu pagina web hoy mismo.

© All rights Reserved for BEN PINES - CEO POJO.ME . Design by DIGITAL MEDIA

Compartir
Twittear
+1
Pin