¬ŅQuieres dise√Īar tu sitio de WordPress sin contratar a un desarrollador? Entonces haces bien en interesarte por un plugin constructor de p√°ginas como Elementor.

En este an√°lisis de Elementor y Elementor PRO, echaremos un vistazo a sus caracter√≠sticas, rendimiento y facilidad de uso, pero antes de entrar en materia, tengo una sorpresa para ti, y es que ya puedes hacerte con el tutorial WordPress avanzado que llevo tiempo creando para ense√Īarte todo lo que se de forma totalmente gratuita.

¬ŅQuieres descargar Elementor Pro Gratis?

Consigue la versi√≥n PRO de Elementor totalmente gratis al comprar el M√©todo PimPamPRESS que incluye m√°s de 3000‚ā¨ en plugins premium adem√°s de formaci√≥n paso a paso para crear una web profesional en minutos.

Más información

Si usas WordPress, est√°s acostumbrado a usar diferentes plugins y widgets que est√°n disponibles para ayudarte a formatear tu sitio seg√ļn tus necesidades.

WordPress no siempre ha sido tan dinámico visualmente como lo es hoy en día. Si usted tenía WordPress al principio, tendrá recuerdos de páginas simples y frustraciones al incrustar otras URLs, HTML y animaciones con problemas o alojamiento de imágenes.

WordPress se ha movido m√°s all√° de todo esto en los √ļltimos a√Īos, y con muchos plugins disponibles sigue evolucionando m√°s all√° del formato b√°sico y abraza una gama de opciones que permiten crear p√°ginas √ļnicas, centradas en el mensaje.

Uno de estos plugins es Elementor. Desde su debut, Elementor ha ganado más de 1 millón de usuarios activos

Características de Elementor Review

Elementor es un plugin de creación de páginas de arrastrar y soltar para WordPress.

Cuando activas Elementor en tu sitio y visitas tu pantalla de edición de post/página estándar en WordPress, verás un nuevo botón que te permite habilitar Elementor.

No requiere que usted posea ning√ļn conocimiento o habilidad en HTML o PHP. Todo se puede hacer a trav√©s de una pr√°ctica interfaz de usuario.

Funciona en la parte frontal, lo que significa que le muestra los resultados de su trabajo de inmediato de una manera¬Ľlo que ves es lo que obtienes¬ę.

Disponible en versi√≥n gratuita o de pago, este page builder permite a los usuarios construir una plantilla de su propio dise√Īo para utilizarla en sus p√°ginas web, o descargar plantillas para Elementor gratis.

Lo que hace a Elementor tan diferente de otros creadores de p√°ginas es que est√° formateado para ser un creador de p√°ginas en vivo.

Esto significa que lo que usted ve en su lado, a medida que desarrolla su contenido, es exactamente lo que el visitante de su sitio ver√° cuando aterrice en su p√°gina.

Tener la capacidad de ver exactamente lo que su p√°gina ser√° presentada como, durante la etapa de construcci√≥n, da una visi√≥n √ļnica de c√≥mo ser√° visto por el visitante del sitio web.

Elementor incluye varias caracter√≠sticas de dise√Īo que permiten la personalizaci√≥n completa de sus gr√°ficos, como sombras de caja, fuentes, superposiciones de fondo, efectos de flotador, efectos de titulares e incluso animaciones.

Elementor proporciona al usuario m√°s de 100 plantillas, o 300 bloques a partir de los cuales puede construir sus propios dise√Īos.

Estos bloques pueden combinarse de numerosas maneras para crear plantillas personalizadas √ļnicas y llamativas.

Los bloques est√°n preprogramados con intenciones espec√≠ficas, como llamada a la acci√≥n, servicios y testimonios, lo que ayuda a eliminar las conjeturas sobre c√≥mo desarrollar su dise√Īo.

Elementor tambi√©n permite la edici√≥n en tiempo real, en la que puede ajustar los m√°rgenes de los segmentos de la plantilla y el tama√Īo de la fuente para adaptarse a su dise√Īo.

Cuenta con un práctico botón de deshacer/rehacer para revisiones rápidas, así como acceso a una lista de todas las revisiones realizadas anteriormente.

Simplemente haga clic en Revisiones y se le presentar√° una lista completa de todas las ediciones realizadas en la p√°gina actual en la que est√° trabajando.

Elementor cuenta con un dise√Īo de generador de p√°ginas que elimina encabezados, pies de p√°gina y cualquier otro formato que pueda inhibir su proceso creativo.

Tambi√©n permite un modo de mantenimiento que muestra a los usuarios un marcador de posici√≥n de la p√°gina de destino¬Ľmuy pronto¬Ľ mientras usted construye su sitio sin preocuparse de presentar resultados finales menos que perfectos.

Si est√° interesado en llegar a un p√ļblico multiling√ľe, Elementor tambi√©n lo ha pensado.

Con RTL y el soporte multiling√ľe integrado en el framework, puede traducir y a√Īadir f√°cilmente su propio lenguaje de desarrollo a su p√°gina.

Elementor soporta 28 idiomas diferentes, incluyendo tres versiones de ingl√©s, dos versiones de chino, finland√©s, espa√Īol, franc√©s, holand√©s, italiano, etc.

Elementor Review – ¬ŅQu√© puede hacer Elementor?

Cuando estés trabajando en tu página de Elementor, recuerda que tus ediciones serán en tiempo real.

Cuando introduces algo en tu extremo, se traduce en un cambio instant√°neo en el extremo del espectador.

Afrontémoslo, no importa cuántas veces revisemos, siempre tenemos un amigo que nota uno de nuestros errores.

Ahora, usted puede cambiarla inmediatamente, en lugar de tener que rehacer la codificación de su página.

Elementor tambi√©n tiene un modo de desarrollo de¬ęlienzo¬Ľ. Anteriormente habl√© de las cajas personalizadas que est√°n disponibles para la colocaci√≥n de clic y arrastre, y ah√≠ es donde esta funci√≥n entra en juego.

El modo de lienzo permite un control artístico total sobre el aspecto de su sitio web. Elementor también permite la edición de vistas móviles, lo que le permitirá ver cómo se traduce su página web a formatos móviles.

Si su audiencia se basa principalmente en el móvil, esta es una herramienta valiosa para aumentar la participación de los usuarios.

Elementor también lleva las cosas más lejos al permitirle mostrar/ocultar widgets individuales en ciertos dispositivos.

Por ejemplo, si tiene una imagen enorme, es posible que no desee mostrarla en la versión móvil de su sitio.

Los controles de dise√Īo sensibles de Elementor le permiten ocultarlo en dispositivos m√≥viles con un simple clic de rat√≥n.

Debido a que los creadores de páginas eliminan la necesidad de código personalizado, a veces hay que sacrificar un poco de flexibilidad sobre dónde posicionar los elementos para lograr esa simplicidad.

Lo bueno de Elementor, sin embargo, es que te da toneladas de controles intuitivos para asegurarte de que puedes colocar cada widget, sección y columna exactamente donde quieras.

Comparación entre Elementor PRO y FREE

Lo mejor de todo esto es que Elementor básico es gratuito. Mientras que hay algunos extras que vienen con la versión de pago, la versión gratuita viene con muchas características y opciones.

Puedes a√Īadir widgets de pago para realizar ventas online, enlaces a otros sitios que gestiones o v√≠deos y peque√Īas animaciones que llamar√°n la atenci√≥n de tu p√ļblico. Otros beneficios incluyen

ELEMENTOR FREE vs ELEMENTOR PRO

VERSI√ďN PAGADA
El plugin de pago de Elementor para WordPress se establece en una estructura de tarifas basada en el sitio. Los planes anuales son de $49 para un sitio, $99 para dos sitios, o $199 para sitios ilimitados.

Con la versi√≥n de pago, usted tiene mayor acceso a m√°s herramientas que har√°n que su edificio sea a√ļn m√°s f√°cil.

Algunas de las características del plan Pro incluyen:

Si desea un breve resumen de por qué debe actualizar a Pro, aquí están los puntos principales:

1.Theme Builder le permite personalizar cada parte de su tema

Con Elementor Pro Theme Builder, ya no est√° limitado a las limitaciones de su tema.

Puede dise√Īar visualmente su encabezado, pie de p√°gina, p√°gina de archivo, mensajes individuales y todas las dem√°s partes de su sitio utilizando Elementor.

Esto funciona en cualquier tema de WordPress, y no requiere codificación.

2.Dise√Īar visualmente las formas e integrarlas

Los formularios de contacto son una parte esencial de todo sitio web, ya que son los motores de las conversiones y los leads.

El widget Formas de Elementor Pro es revolucionario porque todo el proceso de gestión es visual.

Dise√Īe sus formularios en la parte frontal y con√©ctelos a cualquier plataforma de automatizaci√≥n de marketing o CRM de su elecci√≥n con unos pocos clics.

3.Plantillas y bloques profesionales

Elementor Pro ofrece muchas m√°s plantillas y bloques hechos profesionalmente que se pueden personalizar f√°cilmente para crear sitios web impresionantes.

Las plantillas y los bloques integran los widgets de Pro, para que pueda crear p√°ginas con diapositivas, titulares animados, formularios y otras funciones importantes de Elementor Pro.

4.Características y widgets profesionales clave

Elementor Pro incluye algunos widgets y caracter√≠sticas vitales que son importantes para cualquier dise√Īador web profesional.

Estos incluyen titulares animados para un dise√Īo de titulares impresionante, el widget Posts para una visualizaci√≥n asombrosa de entradas de blog, widgets de WooCommerce, diapositivas, carrusel multimedia y fuentes personalizadas.

¬ŅNecesita Elementor Pro?

Si sólo desea crear páginas de estilo básico, la versión gratuita de Elementor debería tener suficiente potencia.

De hecho, Elementor probablemente ofrece la versión gratuita más rica en características de cualquier creador de páginas.

Dicho esto, si quieres usar Elementor para construir tus páginas principales del sitio web (o construir todo tu sitio web ahora, gracias al generador de temas), entonces Elementor Pro es una gran opción debido a los nuevos elementos, controles adicionales, y otras funcionalidades.

Elementor Plugin Review – Ventajas y desventajas

Aquí está todo lo que me gusta y lo que no me gusta de Elementor.

VENTAJAS DE ELEMENTOR

DESVENTAJAS DEL ELEMENTOR

ADDONS DE ELEMENTOR

Dado que el equipo de Elementor ha facilitado a los desarrolladores la ampliación de la funcionalidad de Elementor, también puedes encontrar toneladas de otras extensiones de Elementor que van más allá del plugin oficial de Elementor.

Addon Widgets le permite formatear widgets nativos de WordPress en su sitio Elementor. Estos incluyen categorías de productos WooCommerce como productos recientes, best-sellers, productos destacados y avisos de venta.

Los complementos de √ļltima generaci√≥n para Elementor le ofrecen una enorme colecci√≥n de widgets creativos de Elementor que satisfacen todas sus necesidades de dise√Īo con varias personalizaciones y combinaciones para crear un sitio web hermoso e intuitivo.

Elementor Addons & Templates – Sizzify Lite a√Īade una serie de elementos para ayudar a Elementor a trabajar mejor con WooCommerce, as√≠ como algunos otros elementos √ļtiles.

AnyWhere Elementor te permite guardar las plantillas que crees e incrustarlas en otras √°reas usando atajos.

Con este complemento, tambi√©n puede crear m√ļltiples dise√Īos, a√Īadir elementos de publicaci√≥n o crear ganchos para los temas GeneratePress y OceanWP.

Elementor Addon Elements es bueno si quieres animar un poco tu sitio, pero tambi√©n puedes usarlo para a√Īadir una nota profesional a tu negocio (marca).

Header Footer Elementor fue creado para permitirle crear nuevos encabezados y pies de p√°gina en Elementor. B√°sicamente, puede dise√Īar un encabezado o pie de p√°gina con Elementor y a√Īadirlo a su sitio.

StylePress para el plugin Elementor le permite crear plantillas para ambos estilos y organizarlo todo para que parezca un dise√Īo de tema real. Simplemente cree un dise√Īo y as√≠gnelo a un estilo y a un tipo de p√°gina.

Hotel Booking & Elementor Integration est√° dise√Īado espec√≠ficamente para el plugin de MotoPress Hotel Booking.

Su objetivo principal es ayudar a la gente a editar visualmente los atajos del plugin Hotel Booking en Elementor.

TEMAS ELEMENTOR Y PLANTILLAS

¬ŅBuscas algunos temas y plantillas de Elementor que te ayuden a crear un sitio WordPress impresionante con el creador de p√°ginas de Elementor?

Pueden hacer tu vida con Elementor mucho m√°s f√°cil:

Algunos de los increíbles temas de Elementor incluyen Astra, GeneratePress, OceanWP y Hestia.

Las plantillas Elementor no son temas completos de WordPress. Puede importarlos a través de la interfaz Elementor, en lugar de instalarlos como un tema de WordPress en su sitio.

Algunas de las grandes plantillas de Elementor incluyen Elementorism, EasyThemePacks, The Landing Factory, Katka Elementor Template Pack y LaunchParty Section Blocks.

Revisión de Elementor Impresión General

Aunque hay una versión profesional de Elementor disponible, honestamente obtienes el 90% de la asombrosidad del plugin de forma gratuita.

En comparación con otros creadores de páginas, la interfaz de Elementor es una de las más fáciles de entender.

Pero no importa qué plugin de generador de páginas elija, siempre habrá una curva de aprendizaje antes de que pueda empezar a crear páginas increíbles.

Elementor WordPress es un verdadero cambio de juego para aquellos que quieren ser capaces de formatear, dise√Īar y desarrollar su propio contenido original pero no saben c√≥mo codificar.

Aunque llevará un poco de tiempo acostumbrarse, Elementor proporciona soporte por correo electrónico a sus suscriptores de pago, y los tutoriales en vídeo para el aprendizaje a su propio ritmo a sus suscriptores gratuitos.

Los complementos adicionales le ayudan a a√Īadir a√ļn m√°s funciones. Y una gran selecci√≥n de temas disponibles y temas orientados a Elementor hacen que la creaci√≥n de sitios web sea a√ļn m√°s f√°cil.

En resumen, si tienes un sitio web en el que realizar negocios o interactuar con la comunidad en general, debes dar a Elementor algo m√°s que un primer vistazo.

Diferencias entre Elementor Gratis y Elementor pro

¬ŅEst√° intentando elegir entre las versiones gratuita y Pro de Elementor? La versi√≥n gratuita es uno de los plugins m√°s populares de WordPress.org, pero tambi√©n est√° esa intrigante versi√≥n de pago que a√Īade un mont√≥n de nuevas funcionalidades.

As√≠ que…. ¬Ņnecesitas abrir tu cartera y pagar por Elementor Pro?

¬ŅO ser√°s igual de feliz usando la versi√≥n gratuita de WordPress.org?

En este post, te ayudaremos a responder a esa pregunta desglosando lo que obtienes en Elementor free vs Pro. A continuación, le haremos algunas recomendaciones sobre cuál elegir en función de para qué desea utilizar Elementor en su sitio web.

Lo que obtendrá en la versión gratuita de Elementor

Con la versi√≥n gratuita de Elementor, usted puede hacer mucho. Lo m√°s importante es que puede utilizar la interfaz visual y de arrastrar y soltar de Elementor para dise√Īar sus p√°ginas, mensajes y otros tipos de contenido.

Esto significa que puede crear dise√Īos radicalmente distintos para diferentes p√°ginas.

Incluso puede crear dise√Īos multi-columna, algo que notoriamente falta en el conjunto de caracter√≠sticas por defecto de WordPress.

Por otro lado, Elementor tambi√©n puede ayudarte a asegurar que todo el dise√Īo de tu sitio sea coherente (por ejemplo, si necesitas que tu blog y las p√°ginas de tu tienda WooCommerce tengan un estilo similar).

Su trabajo es a√ļn m√°s f√°cil por el hecho de que puede crear sus propias plantillas de p√°gina y almacenarlas para usarlas en p√°ginas y mensajes posteriores. Esto le ahorra tener que recrear los mismos dise√Īos varias veces.

Adem√°s, tiene acceso a una cantidad decente de material preconstruido con el que trabajar al crear su contenido. Esto incluye unos 30 elementos diferentes, junto con una generosa biblioteca de plantillas y bloques de p√°ginas.

Los elementos en oferta cubren todas las bases esenciales – texto, im√°genes, encabezados, HTML, etc. – pero tambi√©n le permiten a√Īadir algunas caracter√≠sticas no est√°ndar para las que normalmente tendr√≠a que descargar un plugin (o realizar alg√ļn otro tipo de soluci√≥n).

Por ejemplo, puede incluir un bot√≥n, un mapa de Google, un carrusel de im√°genes, iconos de medios sociales o incluso pesta√Īas de acorde√≥n, colocando cada uno un solo elemento en el editor.

Las diferencias entre Elementor free y pro

La versión gratuita de Elementor no carece exactamente de características. Por el contrario, aporta mucho a la mesa. Sin embargo, hay muchas diferencias en lo que ofrecen las versiones Free vs. Pro de Elementor.

La versión premium hace todo lo que la versión gratuita puede hacer, por supuesto. Esto significa que puede utilizar la misma herramienta de creación de arrastrar y soltar.

Sin embargo, ya no est√° limitado a utilizar esa herramienta dentro de las √°reas de contenido de su sitio. La funcionalidad del generador de temas de Elementor Pro le permite usar el editor del plugin para modificar casi todas las partes de su sitio:

Por ejemplo, puede utilizar el constructor de arrastrar y soltar para crear encabezados y pies de p√°gina.

Tambi√©n puede dise√Īar p√°ginas que antes eran intocables, como el archivo y las p√°ginas de un solo post. Para todos estos elementos, puede crear plantillas y utilizarlas en todo su sitio web, o s√≥lo aplicar dise√Īos espec√≠ficos para establecer p√°ginas (o tipos de p√°ginas).

Para usuarios más avanzados, también puede crear plantillas para tipos de mensajes personalizados e incluir contenido dinámico de campos personalizados que agregue con plugins como Campos personalizados avanzados o Pods.

La otra gran ventaja de comprar Elementor Pro es que tiene acceso a una biblioteca m√°s grande de:

Podrá agregar funciones más avanzadas a su contenido, como formularios, deslizadores y tablas de precios. Esto expande enormemente los tipos de páginas que puede crear, y de nuevo le ahorra tener que instalar un montón de complementos adicionales (por ejemplo, puede que ya no necesite un plugin de formulario de contacto).

Estas son sólo las adiciones clave de la versión Premium Рpuedes encontrar una lista completa de lo que se incluye en Elementor free vs pro en el sitio web del desarrollador.

Otras caracter√≠sticas √ļtiles incluyen la posibilidad de a√Īadir CSS personalizado directamente a los widgets, y la opci√≥n de crear’widgets globales’ que pueden colocarse en varias p√°ginas y editarse desde una sola ubicaci√≥n (por ejemplo, un formulario de suscripci√≥n por correo electr√≥nico que est√° estrat√©gicamente ubicado en todo el sitio).

Sin embargo, esto le dar√° una idea de lo que ofrecen las dos versiones.

Cómo elegir entre Elementor free vs pro para su propio sitio web

Por fin, llegamos a la decisi√≥n clave. ¬ŅDeber√≠a optar por la versi√≥n gratuita de Elementor o pagar por la actualizaci√≥n premium?

En primer lugar, es importante reiterar que no todo el mundo necesitará Elementor Pro. La versión gratuita viene con muchas funcionalidades y opciones de personalización.

Sin embargo, la versi√≥n premium tambi√©n puede valer la pena el precio de la entrada. Los elementos, plantillas y bloques adicionales pueden ser la clave para dise√Īar contenido verdaderamente √ļnico.

Adem√°s, la funcionalidad del generador de temas le ofrece un nivel de control sin precedentes sobre el aspecto de su sitio.

En pocas palabras, aquí está quien estaría mejor optando por Elementor free vs pro:

Por supuesto, ser√≠amos negligentes si no mencion√°ramos los precios. Si te inclinas por Elementor Pro, tendr√°s que asegurarte de que se ajusta a tu presupuesto. Afortunadamente, una licencia para un solo sitio no es demasiado cara – $49 para todas las funciones premium y un a√Īo de soporte.

Por √ļltimo, si todav√≠a no est√° seguro de qu√© versi√≥n necesita, su mejor opci√≥n es simplemente instalar la versi√≥n gratuita y probarla. Es muy f√°cil actualizar a Elementor Pro en una fecha posterior, y no perder√° nada de su trabajo.

Cómo usar Elementor en WordPress

Ahora he terminado de explicaros por qué creo que Elementor Page Builder es increíble, vamos a ver ejemplos más prácticos. Supongo que ya has instalado el plugin de Elementor y está listo para funcionar.

Pasaré por el proceso de crear una página y un post, y si sigues el proceso Рsabrás cómo publicar con Elementor antes de que te des cuenta.

Así que, comencemos.

Cómo crear una página con Elementor

Abre el panel de control administrativo de WordPress y ve a P√°ginas > A√Īadir nuevo.

Haga clic en el bot√≥n ¬ęEditar con Elementor¬Ľ y ser√° redirigido al panel de personalizaci√≥n de Elementor.

Ahora tienes dos opciones. La primera es crear la p√°gina desde cero. Esto significa que arrastrar√° los diferentes elementos y los soltar√° en el espacio de trabajo de la p√°gina. El segundo es mucho m√°s f√°cil, as√≠ que le mostrar√© el camino…

En el centro del √°rea de trabajo puede ver dos botones, haga clic en el bot√≥n gris ¬ęA√Īadir plantilla¬Ľ.

La biblioteca que ahora se abre contiene muchas plantillas de p√°ginas y muchas de ellas son de uso libre. Las plantillas Elementor no son lo mismo que los temas.

Un tema es un conjunto de p√°ginas prefabricadas, todas personalizadas en un dise√Īo s√≥lido, mientras que una plantilla es una colecci√≥n de piezas de LEGO (elementos). Las plantillas son b√°sicamente una p√°gina compuesta de muchos elementos.

Elija la p√°gina que le ha gustado y haga clic en el bot√≥n ¬ęInsertar¬Ľ.

He elegido la p√°gina de inicio del restaurante – s√≥lo para mostrarles c√≥mo se ve. La p√°gina que ha cargado no afecta al encabezado y pie de p√°gina de su sitio web – s√≥lo llena el ¬ęcuerpo¬Ľ con contenido de demostraci√≥n.

Como puedes ver, la p√°gina insertada se combina con elementos est√°ndar personalizados y puedes cambiarlos como quieras.

Para iniciar la personalizaci√≥n, debe hacer clic en el elemento que desea cambiar y se abrir√° un men√ļ en el campo de la izquierda.

Ese men√ļ tiene tres pesta√Īas: ¬ęContenido¬Ľ, ¬ęEstilo¬Ľ y ¬ęAvanzado¬Ľ.

La pesta√Īa ¬ęContenido¬Ľ le permite cambiar lo que se mostrar√° en ese elemento: texto, imagen, enlace o cualquier otra cosa. Aqu√≠ se personaliza la esencia pura, sin ning√ļn estilo.

La pesta√Īa ¬ęEstilo¬Ľ le ofrece las herramientas para cambiar la apariencia de su contenido. Colores, fuentes, fondos, alineaciones, bordes y m√°rgenes.

La interfaz es sencilla, así que estoy seguro de que entenderás cómo usarla después de jugar durante unos minutos.

La pesta√Īa ¬ęAvanzado¬Ľ contiene diferentes funciones adicionales, como el fondo completo del elemento o la animaci√≥n de entrada.

No lo necesitar√° mucho tiempo, pero a√ļn as√≠ deber√≠a conocer las funciones aqu√≠ para cuando las necesite.

Con Elementor Page Builder crear p√°ginas se vuelve f√°cil e interesante como jugar a un videojuego.

Usted elige la plantilla con la estructura adecuada, la aplica y luego la personaliza de acuerdo con el dise√Īo del tema que utiliza (o no, depende totalmente de usted c√≥mo debe lucir su sitio, pero le recomiendo que al menos se atenga a un esquema de color establecido).

Además, después de crear una página, puede guardarla como plantilla y utilizarla para todas las demás partes del sitio web.

¬ŅC√≥mo Crear un Post con Elementor?

Cuando se trata de la creación de nuevos mensajes, no puedes seguir el mismo proceso que describí anteriormente, así que intentemos crear un mensaje desde cero y veamos algunas otras características.

¬ŅEn qu√© consiste un post? Por lo general, se compone del t√≠tulo, la imagen destacada, los metadatos, el texto, los botones para compartir y los comentarios. Puede haber algunas diferencias en su caso, as√≠ que si cree que necesita agregar otros botones o listas, h√°galo.

Aquí voy a crear un post muy simple para que puedas ver cómo funcionan todas las funcionalidades básicas.

Comenzar√© a dejar caer todos los elementos mencionados en el campo de trabajo (algunos de ellos ya est√°n ah√≠). No se preocupe, si en alg√ļn momento desea cambiar la posici√≥n de cualquier elemento, no ser√° un problema.

Es hora de hacer que todo se vea m√°s bonito. Presione el elemento title y establezca los detalles de la apariencia que desea que tenga. En mi caso, me gustar√≠a cambiar la fuente, la alineaci√≥n y el tama√Īo del t√≠tulo.

Ahora vamos a poner la imagen. Haga clic en el elemento de imagen, elija la imagen y fije los m√°rgenes.
Tambi√©n agregu√© el texto del mensaje a la secci√≥n de texto y cambi√© la fuente y el tama√Īo de las letras.

Los botones para compartir y la sección de comentarios están bien, así que los dejé como están.

¬°Voil√†! Una simple p√°gina de correo est√° lista. Para guardarlo como plantilla para su uso posterior, tiene que presionar el peque√Īo bot√≥n de flecha en la parte inferior y elegir una opci√≥n de guardado.

Mejores addons o complementos para el plugin Elementor

Estar m√°s que seguro de que la mayor√≠a de ustedes ya saben de la popularidad de Elementor, Me gustar√≠a hablar sobre el gran n√ļmero de alternativas para realizar el trabajo de este plugin.

Es por eso que he preparado un resumen de 12 complementos efectivos para Elementor Page Builder.

Fueron desarrollados para aportar más creatividad al trabajo diario con Elementor. Además, cada complemento se centra en una tarea y un propósito específicos.

Para una b√ļsqueda rentable en Elementor Marketplace, no puedo dejar de mencionar las siguientes particularidades:

Sin embargo, en primer lugar, recordemos algunas características de Elementor Page Builder que permiten crear y moderar sitios web sin estrés:

Por lo tanto, que esta visi√≥n general sea √ļtil para usted!

JETELEMENTS – ADDON PARA ELEMENTOR PAGE BUILDER WORDPRESS PLUGIN

Comenzando con el primer addon para WordPress Elementor, no puedo dejar de mencionar que JetElements mantiene esta posici√≥n no accidentalmente. ¬ŅH√°bil? Si! ¬ŅMultifuncional? Por supuesto! JetElements ha sido creado para facilitar el trabajo de los usuarios profesionales y principiantes.

Adem√°s, es conocido como uno de los complementos m√°s vendidos para Elementor Page Builder. Proporciona a sus usuarios un enorme conjunto de widgets de contenido y diferentes plantillas de secciones y subp√°ginas predise√Īadas.

JetElements se adapta tanto al propósito corporativo como al individual, ya que se suministra con la rica variedad de módulos y actualizaciones de moda. Cualquier sitio web relacionado con un tema puede ser creado y personalizado gracias a JetElements. Es una herramienta imprescindible si necesita crear sitios web verificados para sus clientes. Puede administrarlo usando sólo un complemento multifuncional para su Elementor Builder.

Con la ayuda de este dise√Īo, usted dise√Īa cada detalle √ļnico de un sitio web. ¬ŅTe gustar√≠a decorarla con un scroll de una p√°gina, reproducir v√≠deos o a√Īadir un texto animado? Es absolutamente f√°cil con JetElements. Pru√©belo usted mismo!

ELEMENTOR X – ADDON PARA ELEMENTOR PAGE BUILDER WORDPRESS PLUGIN

Element X es un addon realmente bueno a un precio razonable. Gracias a ello, cualquiera puede mejorar el proceso de trabajo de WordPress Elementor Page Builder.

Este dise√Īo cumple con todos los requisitos de un usuario moderno. Viene con un gran n√ļmero de elementos incorporados. Comparaci√≥n de im√°genes, men√ļ de precios, miembros del equipo y l√≠nea de tiempo son s√≥lo algunos de ellos.

Elija Element X para que su negocio, tienda online, restaurante, autoescuela o incluso el sitio web de una tienda de tatuajes destaque lo mejor posible

JETWOOBUILDER – ADDON DE WOOCOMMERCE PAGE BUILDER PARA ELEMENTOR WORDPRESS PLUGIN

JetWooBuilder ha sido cuidadosamente creado para satisfacer cualquiera de sus necesidades de comercio electrónico. Construir y pulir un sitio web para su tienda en línea sin la ayuda de profesionales.

Sólo tienes que ser un experto por tu cuenta!

Este pr√°ctico complemento puede ayudarte a a√Īadir diferentes formularios de contacto, listas de precios, categor√≠as y cuadr√≠culas de productos, fichas de taxonom√≠a y mucho m√°s en tu sitio web de WooCommerce. Tambi√©n puede hacer una sola p√°gina de producto.

Así que, no dudes en visitar JetWooBuilder para hacer que la personalización de un sitio web WooCommerce sea menos aburrida!

JETBLOG – PAQUETE DE BLOGS PARA ELEMENTOR PAGE BUILDER WORDPRESS PLUGIN

Bloguear es algo muy popular hoy en d√≠a. ¬ŅQu√© tiene de especial? En mi opini√≥n, es la singularidad e individualidad de una persona que dirige un blog. Eso hace que cada blog sea excepcional, no es lo mismo que muchas otras p√°ginas web que pueden contener la misma informaci√≥n. Es por eso que es muy recomendable crear su sitio web blog por su cuenta y a su gusto.

Al mismo tiempo, también es importante mantener la tendencia.

JetBlog es una de las mejores soluciones para alcanzar las ideas mencionadas. El plugin consiste en diferentes módulos inteligentes, tales como listas, títulos, videos y tickers. También puede disfrutar de la forma en que su contenido puede verse gracias a este complemento. Así que, date prisa para comprobar la funcionalidad de JetBlog.

JETMENU – MEGA MEN√ö PARA ELEMENTOR PAGE BUILDER WORDPRESS PLUGIN

No importa qué sitio web tenga, deje que se convierta en el más fácil de usar de la Web!

¬ŅC√≥mo? S√≥lo tiene que crear un men√ļ pr√°ctico y agradable a la vista. Aseg√ļrese de que sus visitantes estar√°n agradecidos por la forma en que usted les ahorra tiempo. Men√ļ desplegable o vertical – ¬°decide por ti mismo y haz que incluso el tema m√°s popular de WordPress se ejecute de nuevo!

JETENGINE – A√ĎADIR Y EDITAR CONTENIDO DIN√ĀMICO CON EL PLUGIN ELEMENTOR WORDPRESS

Si sugieres que tu contenido necesita algunos cambios, puedes administrarlo con la ayuda del complemento JetEngine. Adem√°s, una buena estructura es una garant√≠a para un mejor conocimiento del contenido. Debido a este dise√Īo para WP Elementor Page Builder, puede crear diferentes tipos de mensajes, taxonom√≠a personalizada y mucho m√°s.

JetEngine también proporciona a su página web con una gran variedad de elementos dinámicos modernos, como widgets de listas, calendarios, y cualquier cosa posible. Todo esto crea una atmósfera agradable y animada.

JETTRICKS – ADDON DE EFECTOS VISUALES PARA ELEMENTOR WORDPRESS PLUGIN

Hay muchas variantes para potenciar el atractivo visual de un sitio web. Puede cambiar un color por uno m√°s moderno, a√Īadir efectos de animaci√≥n y hacer algunos cambios en la galer√≠a. Es totalmente posible con el uso del complemento JetTricks.

Además, proporciona todos los elementos visuales y efectos con una calidad de píxeles de Parallax perfecta. No dude en probarlo para mejorar la apariencia de su página!

JETTABS – TABS Y ACORDEONES PARA ELEMENTOR PAGE BUILDER WORDPRESS PLUGIN

Crear pesta√Īas (horizontales y verticales) y acordeones es muy f√°cil ahora con el complemento Elementor llamado JetTabs. Es totalmente receptivo y manejable. Crea widgets pegadizos por ti mismo usando JetTabs!

JETPOPUP – ADDON POPUP PARA ELEMENTOR WORDPRESS PLUGIN

Los Popups son muy √ļtiles cuando quieres que algo llegue a la audiencia de tu sitio web. Gracias al complemento JetPopup, puedes crear cualquiera de ellos seg√ļn tu prop√≥sito. Aseg√ļrese de que tendr√°n un aspecto elegante y que la velocidad de la animaci√≥n no le defraudar√°.

JETBLOCKS – WIDGETS ELEMENTOR HEADER & FOOTER WORDPRESS PLUGIN

Mejore su sitio web con encabezados geniales! Esté también atento a la creación de pies de página! En cuanto a los pies de página, son importantes para la información técnica. También juegan un papel de mapa del sitio web.

Por lo tanto, con JetBlocks no tendr√° problemas para personalizar los encabezados y pies de p√°gina. Adem√°s, puede dotarlos de su propio logotipo y de diversos elementos funcionales y opciones. Este complemento le permite a√Īadir efectos modernos y atractivos a las cosas comunes.

JETREVIEWS – WIDGET DE REVISIONES PARA ELEMENTOR PAGE BUILDER WORDPRESS PLUGIN

JetReviews es otro complemento √ļtil para WordPress Elementor. Es absolutamente necesario para crear bloques de revisi√≥n y barras de puntuaci√≥n. H√°galo f√°cilmente eligiendo entre opciones de color y diferentes estilos!

JETPARALLAX – ADDON PARA ELEMENTOR PAGE BUILDER WORDPRESS PLUGIN

Más y más animación para su sitio web! Usted ni siquiera puede imaginar la variedad de poderosos efectos de animación que el complemento JetParallax puede traer a su sitio web. Utiliza tantos elementos animados como necesites sin preocuparte por su velocidad. La velocidad de todo el rendimiento de su sitio web también estará en lo más alto.

Gracias a JetParallax, usted puede permitir a su sitio web cualquier efecto de animaci√≥n cualitativo sin necesidad de Photoshop o la ayuda de dise√Īadores web.

Qué son y cómo funcionan los Motion Effects de Elementor Pro 2.5

Los Motion Effects, son como su propio nombre indica, efectos de movimientos a√Īadidos a Elementor a partir de la versi√≥n 2.5.

Esta versión de Elementor Pro hace que las diferentes secciones de tu web cobren vida gracias a los Motion Effects.

A modo de introducción, te invito a ver este breve video de los creadores del plugin para que te hagas una idea de a lo que me refiero.

¬°No te lo pierdas!

Introducing Motion Effects: Powerful Animations to Bring Your Site to Life

Video de Elementor Page Builder for WordPress

Como ya sabes, los creadores de Elementor nos tienen acostumbrados a grandes mejoras en cada versión, como por ejemplo su theme builder, los popups, o la posición personalizada, pero ahora, con esta nueva actualización, podrás crear efectos visuales que modifican el aspecto de los diferentes elementos de tu web al hacer scroll.

T√©cnicamente, se trata de una mezcla entre el famoso efecto parallax (que ya tiene un tiempecito) y diferentes tipos de animacions, transiciones y otros efectos, pero los del maquetador visual que nos ocupa, lo han decidido englobar bajo el nombre comercial de ‘Motion Effects‘ y la verdad es que es toda una novedad en lo que al mercado de page builders se refiere, ya que ning√ļn otro lo incluye hasta la fecha.

Cada uno de estos efectos, podr√° ser aplicado a los diferentes elementor o widgets de tu web para a√Īadir las diferentes opciones arriba mencionadas.

Cómo funcionan los efectos de movimiento (Motion Effects) de Elementor Pro

Para activar los efectos de movimiento s√≥lo tienes que abrir Elementor en una p√°gina que est√©s construyendo y hacer clic en un widget ya a√Īadido a la p√°gina.

Una vez seleccionado el elemento, en la parte superior, en la pesta√Īa ¬ęAvanzado¬Ľ encontrar√°s la opci√≥n ‘efectos de movimiento‘.

Tras pulsarlo, ver√°s que se despliegan los siguientes grupos:

A. Efectos de scroll

Al hacer clic en efectos de desplazamiento o scroll se abrir√° otro (m√°s) men√ļ que incluye los diferentes efectos:

Por supuesto, aunque no te lo recomiendo especialmente para no ralentizar demasiado la velocidad de carga, podr√°s aplicar m√°s de un efecto a cada widget.

Una vez pinches en el icono para la edición de cada elemento, como sabes, se abrirá un panel para modificar los parámetros y detalles de cada efecto, entre otros:

Además, podrás modificar para cada elemento que se visualice o no en cada dispositivo (escritorio, tablet o móvil).

B. Efectos del ratón

En este apartado, tendrás acceso a las opciones de seguimiento del movimiento del ratón y otros efectos 3D a los que a su vez podrás modificar la velocidad y la dirección.

Estos efectos se pueden aplicar a imágenes, texto o casi cualquier otro widget, y además seleccionar si quieres que el movimiento siga al ratón o se mueva al contrario del mismo. Es decir, que el elemento se mueva a la izquierda cuando muevas el ratón a la derecha.

Con el efecto Inclinación 3D además, tendrás la opción de dar profundidad a una imagen o widget.

Ventajas y desventajas de los Motion Effects

Como puedes ver con los efectos de movimiento ‘Motion Effects’ Elementor Pro cuentas con un mont√≥n de efectos para animar (casi) cualquier elemento de tu web.

Esto es bueno, ya que puedes lograr un gran dise√Īo y conseguir la atenci√≥n de tus usuarios donde m√°s te interese.

A su vez, esto tiene el gran inconveniente de que al ser tan tremendamente sencillo a√Īadir todos estos efectos a tu p√°gina, te puedes cargar toda la usabilidad y velocidad de carga a golpe de clic y con ello, tarde o temprano tu posicionamiento en Google y posibles ventas.

Por eso, mi consejo como dise√Īador web es que si vas a usar los efectos de movimiento en tu web principal, te recomiendo que los reserves s√≥lo para ciertas p√°ginas muy concretas y con el objetivo de llamar la atenci√≥n sobre las partes m√°s importantes de tu web, por ejemplo la secci√≥n para suscribirse a tu web, el formulario de contacto etc.

Si por el contrario se trata de una p√°gina de prueba, una landing de una campa√Īa temporal que s√≥lo recibir√° tr√°fico de pago o referido o quieres fardar ante alguien, puedes desatar tu creatividad a lo loco.

Conclusión

Elementor es uno de los creadores de p√°ginas m√°s populares para WordPress (si no el m√°s popular). Es r√°pido, intuitivo y est√° repleto de funciones √ļtiles. Si quieres¬Ľsubir de nivel¬Ľ en la forma en que creas contenido en tu sitio web, este plugin es una buena forma de empezar.

Para recapitular, aquí están las principales diferencias entre Elementor free y pro:

Y de nuevo, echa un vistazo a nuestra revisión completa de Elementor si quieres saber más sobre cualquiera de estas características.

¬ŅTiene alguna otra pregunta sobre Elementor free vs Pro para su situaci√≥n espec√≠fica?

Descarga gratis tu regalo de bienvenida: Guía WordPress 5.0 (2020)

tutoriales wordpress castellano 2018
  • Actualizado enero 2020
  • +80 p√°ginas a todo color
  • Pantallazos paso a paso
  • Desde cero a experto
  • Siempre actualizado
  • Contenido exclusivo
  • Gratis por tiempo limitado
Responsable del fichero ¬Ľ Daniel Perales Rodr√≠guez. Finalidad ¬Ľ Env√≠o de contenido gratuito y prospecci√≥n comercial. Legitimaci√≥n ¬Ľ Es gracias a tu consentimiento. Destinatarios ¬Ľ Tus datos se encuentran alojados de forma segura en mi plataforma de email marketing MailerLite UAB. Ejerce tus derechos de acceso, rectificaci√≥n, limitaci√≥n o suprimir tus datos enviando un email a tutorialwp.onlin@gmail.com o ante la Autoridad de Control Encontrar√°s m√°s informaci√≥n en:
Aviso Legal | Política Privacidad | Política Cookies | Condiciones Contratación