fbpx

Elementor Pro: Curso Completo Gratis

¿Sabes qué es Elementor Pro?

Elementor Pro es uno de los más completos constructores visuales de WordPress que existen hoy en día para crear páginas web sin conocimientos previos y con resultados profesionales. A pesar de que Elementor es una alternativa relativamente nueva, ya que lanzado a mediados del año 2016, se ha vuelto bastante popular en muy poco tiempo. 

Ya somos muchos los usuarios hemos decidido construir nuestras páginas web usando Elementor Pro, principalmente debido a que es un page builder con una interfaz de usuario extremadamente amigable, que te permite conseguir un acabado totalmente profesional al maquetar tu sitio web sin necesidad de escribir ni un solo código.

Mi Academia de cursos está realizada exclusivamente con la plantilla GeneratePress y el plugin de Elementor Pro. Puedes echar un vistazo clicando aquí: https://www.davidibiza.com/

Contenidos

Elementor Pro es tan fácil de usar porque basa la construcción de páginas web en un sistema de arrastrar y soltar directamente sobre la máscara de la página, lo que te permite previsualizar la apariencia de los cambios en tiempo real.

Es importante señalar que Elementor tiene dos versiones: la versión gratuita, que incluye algunas de las funcionalidades y la versión Pro, donde puedes disfrutar de un arsenal de alternativas visuales de alta calidad, que te permite construir sitios web realmente sorprendentes.

elementor pro

Elementor Pro también se ha vuelto muy popular porque la versión gratuita no está tan limitada como podrías pensar (y como generalmente ocurre con este tipo de herramientas).

La verdad es que la versión gratuita te ofrece de entrada 30 elementos visuales geniales para construir páginas de manera sencilla, aparte de la opción de insertar todo tipo de widgets para conseguir la máxima personalización.

No te quiero ya ni contar todo lo que puedes conseguir si luego ya te decides a llevar tu sitio a un nivel superior y comprar la licencia.

En este artículo quisiera hablarte un poco sobre mi experiencia utilizando este page builder. Te contaré todo sobre los diferentes elementos visuales de la versión Pro y cómo sacarles el máximo provecho, te hablaré sobre las ventajas de la versión paga y también sobre las tarifas y formas de pago disponibles para adquirirla.

Además, dispondrás de un curso completo y gratuito donde te mostraré paso a paso el funcionamiento de todos los módulos para que puedas usar Elementor Pro como un profesional en todos tus proyectos. Aquí te dejo el curso completo en un único vídeo de YouTube (en la descripción del mismo tendrás un acceso directo a cada una de las clases para una mejor experiencia de usuario).

Si quieres ver el resto de clases en vídeos individuales baja un poco más este post y encontrarás explicado cada módulo con su vídeo correspondiente. 

Planes y precio de Elementor Pro

Elementor Pro te da la posibilidad de contratar 3 planes diferentes. Aquí lo importante es ver cuál de ellos es el que se adapta mejor a tus necesidades particulares.

precios elementor pro

Elementor Pro Personal – $49/año (44€) – Una página.

Ideal para emprendedores digitales que saben que, para elevar el nivel de su negocio en línea es necesario construir un sitio de alta calidad. Este plan te permite un solo sitio web.

Elementor Pro Plus – $99/año (89€) – Hasta 3 páginas

Este plan está pensado más para empresas en línea más grandes que mantengan más de una página web. 

Elementor Pro Expert – $199/año (179€) – Hasta 1000 páginas

Ideal para agencias y profesionales del diseño web que desean contar con las mejores herramientas para ofrecer productos de alta calidad a sus clientes.

¿Cómo puedo pagar Elementor Pro?

La verdad es muy sencillo porque solo tienes que completar un par de sencillo pasos y puedes usar cualquier tarjeta de crédito: Visa, Mastercard, American Express o Discover.

Si no cuentas con una tarjeta de crédito al momento, entonces puedes simplemente realizar un pago usando tu cuenta de PayPal.

¿Qué ventajas consigo al comprar Elementor Pro?

Customización completa del sitio

No había visto antes un maquetador de páginas web que me permitiera hacer tantas modificaciones al concepto visual de las plantillas sin tener que modificar el código de origen.

Es una herramienta perfecta para crear páginas web innovadoras, que se salgan del molde y le hagan saber a tus lectores que no estás ofreciendo más de los mismo.

Visualización de lo cambios en tiempo real

Elementor Pro está basado en un sistema de Drag & Drop, así que puedes añadir y modificar los bloques y elementos directamente sobre la página e ir observando cómo se ven los cambios sin necesidad de actualizar y abrir la vista previa.

Gran biblioteca de Widgets

Con el plan básico ciertamente tienes bastantes bloques muy útiles a tu disposición, pero cuando adquieres la versión Pro, vas a conseguir el paquete completo con más de 50 Widgets personalizables, que abarcan una gran cantidad de funcionalidades.

Utilizar los widgets de Elementor Pro para personalizar tu sitio en lugar de tener que estar descargando plugins gratuitos te va ahorrar mucho tiempo y trabajo. Además, garantizas que tu sitio cargue mucho más rápido.

Gran comunidad

Elementor Pro es uno de los constructores visuales para páginas web más usados hoy en día, así que no estarás solo.

Hoy en día puedes hacer una investigación rápida y conseguir muchísimos foros y grupos relacionados con Elementor Pro.

Las preguntas más comunes sobre Elementor Pro

¿Y si no pago la versión de Elementor Pro después de un año?

Muchas personas llegan a pensar -incorrectamente- que, si al pasar un año y vencer la licencia, no pagan la renovación, se cerrará su sitio web y perderán toda la información… o inclusive cosas peores.

La verdad es que tu página seguirá funcionando igual que siempre e inclusive podrás seguir haciendo cambios en ella (con las herramientas incluidas en la versión básica).

La única diferencia real es que dejarás de recibir actualizaciones, mejoras en la seguridad y el servicio de soporte al usuario en caso de sufrir algún inconveniente técnico.

¿Cuánto vale renovar la licencia luego del año?

Sin duda es una buena noticia porque Elementor hace un descuento a la hora de renovar. 

Si por ejemplo, has comprado el plan básico para tu sitio web por $44, renovarlo después del año te costará solo $24.50. Eso es casi un 50% de descuento.

¿Qué va a pasar con el trabajo que completé usando la versión gratuita?

Algunos usuarios tienen miedo a pasarse a la versión Pro por miedo a perder los avances que han construido hasta el momento usando la versión gratis de Elementor.

La verdad es que al pasarte a Elementor Pro no verás afectada en absolutamente nada tu sitio web.

Cualquier plan de la versión Pro funciona simplemente como un Plugin que se instala y de abre la disponibilidad de muchas nuevas funcionalidades que ahora tendrás a la mano.

¿Qué pasa si cambio mi dominio?

Si cambias el dominio de tu página web y tienes la versión de Elementor Pro para un solo sitio, puedes migrar sin problemas al nuevo sitio.

La forma más sencilla de hacerlo es a través del menú en la herramienta de gestión de sitios: Account – Active installs- Websites. 

Ya verás como es muy intuitivo y te resultará muy fácil desinstalar e instalar Elementor Pro en la página que desees.

¿Existe algún demo de prueba para la versión Pro?

La verdad es que por el momento no se han decidido a ofrecer un periodo de prueba para enganchar con la versión Pro.

Sin embargo, la compra incluye una política de retorno completo de la inversión en caso de que te arrepientas de la compra (hasta el momento no conozco a la primera persona que se haya arrepentido).

¿Si compro el plan personal puedo pasarme a uno superior?

Puedes incrementar tu plan sin ningún problema. De hecho, no tienes que pagar el monto completo de la suscripción, solo la diferencia que aplique entre tu plan antiguo y el nuevo.

Lo mejor de todo es que al hacerlo, se corre la fecha de expiración de tu licencia.

¿Puedo usar la versión Personal de Elementor Pro en varios sitios?

Aunque de entrada pareciera que no es posible, la verdad es que si puedes usarlo en varios sitios.

El único inconvenientes es que solo lo puedes mantener activo en una sola página a la vez, por lo que tienes que hacer reinstalaciones cada vez que quieras actualizar.

¿Elementor Pro es compatible con todas las plantillas de WordPress?

La respuesta es: Sí.

Puedes usar el maquetador de Elementor para transformar y personalizar cualquier tipo de plantilla de WordPress, bien sea básica o paga. 

El único asunto es que, si eliges alguna plantilla que tenga su propio maquetador visual, tal vez te puedas conseguir con algunos problemas de compatibilidad.

¿Qué puedo editar usando Elementor Pro?

La respuesta es: TODO.

Esto es precisamente lo que hace a Elementor Pro un maquetador tan atractivo, que puedes personalizar hasta el último rincón en cada página de tu sitio para hacerlo completamente único.

De hecho Elementor ha sacado la plantilla “Hello” especial para permitirte la máxima personalización. Esta plantilla es realmente básica e incorpora pocos elementos por defecto para que tú le des tu toque personal a todos los elementos visuales.

  • Header
  • Footer
  • Página de error 404
  • Formularios
  • Artículos
  • Productos de WooCommerce
  • Páginas de búsqueda

¿Cuál es la diferencia entre la versión gratuita y Elementor Pro?

Antes te he mencionado que una de las cosas que me parece maravillosa de Elementor es que han diseñado una versión gratuita muy completa, que te permite trabajar en un sitio web sin carencia de herramientas… hasta cierto punto.

La versión gratuita puede funcionar bien para páginas más básicas y genéricas. Sin embargo, el máximo nivel de personalización lo consigues con la versión Pro.

Por ejemplo, si estás pensando en construir una tienda virtual con WooCommerce, resulta ideal que compres Elementor Pro, que te permite diseñar una tienda virtual totalmente única gracias a su arsenal de widgets especiales para WooCommerce.

Te muestro algunas de las razones por las que creo que vale la pena pagar Elementor Pro:

modulos elementor pro

Paquete de Widgets completo

Los Widgets son las herramientas ideales para construir un sitio web atractivo y funcional, además te permiten personalizar al máximo para diferenciarte de la competencia. 

La versión paga de Elementor te incluye un paquete con más de 50 widgets increíbles para crear entradas, listas de precios, enlaces a tus RRSS, portafolios, sliders con animación, etc.

Lo mejor de todo es que constantemente están ofreciendo actualizaciones con más y mejores widgets.

Maquetador especial para WooCommerce

Ya lo he expresado antes, pero me parece importante hacer hincapié aquí.

Si tienes o estás por construir una tienda online con WooCommerce, seguro que vas a querer la versión de Elementor Pro, que te ofrece elementos visuales especiales para catálogos de productos, listas de precios y la creación de pop-ups que resultan perfectos para las promociones.

Soporte al cliente 24/7

Me ha parecido fantástico contar con asesoría especializada en caso de tener una duda o que surja alguna clase de inconveniente mientras diseño una página (seguramente que nos ha pasado a todos).

Tener la versión Pro disponible, te permite acceder rápidamente al chat de soporte, donde te brindan soluciones inmediatas a tus dudas.

Actualizaciones constantes

He visto que el equipo de Elementor siempre está trabajando para ofrecer mejores herramientas y ese es uno de mis grandes motivos para pasarme a la versión Pro.

Con los widgets personalizados que ofrecen, me ahorro grandes cantidades de tiempo, trabajo y dolores de cabeza al tener estar buscando y probando add-ons gratuitos, si es que necesito insertar alguna herramienta en la página.

 

Herramienta

Gratis

Pro

Editor visual Drag & Drop

30 Widgets Básicos

Paquete de 50 Widgets adicionales

No

Diseñador de Pop-Ups

No

Maquetador para WooCommerce + 15 Widgets

No

Efectos Visuales Especiales

No

Efectos para el puntero del mouse

No

Actualizaciones constantes

No

Soporte al usuario 24/7

No

Personalización del Header y el Footer

No

Carrusel interactivo

No

Introducción al curso

 2000 plantillas y bloques profesionales gratis para Elementor

Bloques disponibles en Elementor Pro

Formulario personalizable

¡No te vuelvas a romper la cabeza tratando de construir un formulario de contactos decente!

Elementor Pro te incluye un widget especial para insertar y editar completamente formularios en cualquier página en un dos por tres. 

Lo mejor de todo es que puedes personalizarlo completamente a tu gusto sin necesidad de insertar códigos complicados.

El widget de formularios te deja modificar rápidamente: cantidad y posición de campos, color, tamaño, alineación, opción para colgar archivos, campos de fecha, aceptación de términos de servicio, notas y mucho más.

El widget de formulario es ideal si quieres que tus lectores puedan:

  • Suscribirse a tu newsletter
  • Realizar reservas
  • Enviar archivos
  • Mucho más.

Formulario con auto-respuesta

Esta herramienta realmente me encanta y es perfecta para aumentar la interactividad con tus visitantes… de forma automática.

Funciona exactamente igual que el widget de formulario tradicional, que puedes personalizar por completo a tu gusto.

Además, puedes configurar diferentes mensajes de respuesta que se envían de forma automática al correo electrónico de tus leads, bien sea para agradecerles el contacto o para suministrarle información importante relacionada con tus servicios.

Widget para visualizar publicaciones (Posts)

Como te mencionaba, este widget es genial porque te ahorra trabajo y le da un aspecto increíble a tu página, mostrando las entradas destacadas o más recientes a tu blog de la forma que tú prefieras.

Generalmente necesitarías de un add-on para poder mostrar tus entradas destacadas en las diferentes páginas de tu sitio, pero este widget te deja hacerlo de forma directa y muy sencilla de configurar.

Lo mejor de todo es que tienes un rango amplio de customización, con el que inclusive puedes elegir “a dedo” cuáles son las entradas que quieres mostrar con su imagen destacada, fecha y resumen.

Puedes también seleccionar grupos de entradas dependiendo de la categoría, autor, formato, por fecha, etiquetas particulares y mostrarlas en el orden de tu preferencia (algo difícil de conseguir con un add-on gratuito).

Además, puedes seleccionar y modificar los elementos visuales de las previsualizaciones: letra, tamaño, color, separación, cantidad de columnas, entradas por página etc.

La verdad es que, como yo, seguramente vas a quedar sorprendido con todas las opciones de personalización disponibles en este bloque.

Portafolios

El bloque de portafolios funciona muy parecido al de posts, sin embargo te permite crear tablas visuales para mostrar, de forma muy organizada los elementos de tu portafolios, bien seas diseñador, arquitecto, músico o lo que sea.

Muchas personas también utilizan este bloque para mostrar las publicaciones de su blog de forma innovadora y romper el patrón convencional.

Igualmente dispones de una gran selección de herramientas que te permiten personalizar por completo la forma en que se muestran los elementos en la página.

También puedes seleccionar, uno por uno, qué elementos se van a mostrar. También puedes crear grupos por categorías: autor, fecha, etiquetas, formato, etc.

Slides

Los Slides están de moda para la maquetación de sitios web. El problema de este estilo es que los add-ons para insertar slides suelen ser muy pesados, lo que aumenta los tiempos de carga de la página y, finalmente puede terminar afectando tu SEO.

Elementor ha resuelto este problema con un widget para configurar slides que no resultan nada pesados y que, como todos los demás elementos, puedes personalizarlo por completo a tu gusto.

La principal ventaja que consigues al insertar slides, bien sea en tu landing page o en cualquier otra página de tu sitio, es que puedes mostrar promociones, noticias y una gran cantidad de información sin consumir espacio y sin que tu lector tenga que hacer scroll.

La cantidad de opciones personalizables está genial. Puedes elegir: tamaño, cantidad de diapositivas, fondo, velocidad de cambio de diapositivas, animación para el cambio, insertar botones diferentes en cada diapositiva, etc.

Card Skins

Los Card Skins está muy de moda y resulta la herramienta visual ideal para darle a tu sitio un diseño realmente refrescante.

La verdad es que me parece que los usuarios reaccionan muy bien a las páginas que muestran publicaciones utilizando los “cards”, ya que suele aumentar el tiempo de navegación del lead dentro de la página

Los Card Skins te permite mostrar tus publicaciones en forma de pequeñas tarjetas de presentación (algo parecido a lo que hace Pinterest)que puedes modificar completamente según tu preferencia.

Es un widget que no ralentiza tu sitio web y es muy fácil de usar. 

Elige y personaliza:

  • Cantidad de tarjetas 
  • Tamaño de las tarjetas 
  • Separación
  • Formato 
  • Color 
  • Fotografía destacada
  • Mucho más.

Login

Me ha sorprendido mucho esta opción y me parece perfecta para páginas de colaboración grupal.

Con Elementor Pro puedes personalizar por completo el cajetín de inicio de sesión para WP y no usar el aburrido cuadro de toda la vida.

Widget Login te permite modificar todos los elementos del cuadro de registro: texto, color, tamaño de las cajas, apariencia de los botones, fondo y opción para recuperar contraseña.

Lo que me ha parecido genial es que puedes insertar el formulario de inicio de sesión en cualquier rincón de tu sitio web para que los usuarios puedan registrarse o ingresar más fácilmente.

Widget NavMenu 

Una novedad que Elementor Pro ha introducido en su actualización del año 2017 y que verdaderamente me ha parecido muy útil.

NavMenu te permite deshacerte de las aburridas barras de menú horizontales que vienen por defecto en todas las plantillas y crear una nueva barra de menú con muchas opciones de personalización y la posibilidad de incluir nuevos elementos como datos de contacto, animaciones geniales y botones de enlace a redes sociales.

Una de las opciones que más me gusta de este widget es que te deja insertar animaciones en el texto, subrayado o cambios de color cuando el usuario pasa el puntero sobre cada opción del menú.

Puedes configurar muchísimas dimensiones visuales para que tu página luzca genial:

  • Disposición (horizontal o vertical)
  • Efectos del puntero
  • Alineación en la página
  • Color
  • Tamaño
  • Indicador de submenú
  • Optimización para móvil y tabletas
  • Separación entre elementos
  • Mucho más

Widget de cabecera animada

Las cabeceras animadas me han parecido lo máximo para lograr una personalización única de tu sitio web.

Animated Headlines es una excelente forma de darle a tu sitio web una tarjeta de presentación única que realmente llame la atención de tus lectores al entrar.

Con este sencillo bloque puedes cambiar la cabecera estática del sitio por una animada, que además, como todos los otros bloques de Elementor Pro, puedes modificar completamente a tu gusto.

Puedes customizar prácticamente todo en la cabecera:

  • Texto
  • Fuente del texto
  • Tipo de animación (subrayado, tipeo, círculo, tachado, equis, etc.)
  • Animación en todo el texto o solo una parte
  • Color del texto
  • Color de la animación
  • Color del fondo
  • Tamaño de la cabecera

Lista de precios

Un bloque sencillo pero ideal para páginas páginas de negocios, tiendas virtuales, restaurantes o academias de E-learning.

Elementor Pro te deja insertar en cualquier página y personalizar por completo una lista de precios relacionada con tus productos o servicios, que también incluye una breve descripción de cada elemento.

Como de costumbre con Elementor Pro, puedes configurar y adaptar el aspecto visual de las listas de precio por completo: color, disposición, tamaño, fuente, cantidad de elementos por página, formato, etc.

Esta herramienta te resulta perfecta para mostrar:

  • Menú de restaurantes
  • Descripción de servicios ofrecidos
  • Planes de suscripción a academias en línea
  • Productos con memoria descriptiva
  • Mucho más.

Tabla de precios

El módulo de tabla de precios funciona de forma algo parecida la de la lista de precios, sin embargo, te permite mostrar de forma condensada y más organizada los precios y condiciones de los servicios.

Es el widget que yo uso casi siempre cuando tengo que mostrar precios de productos y servicios. Resulta ideal para sitios de suscripción mensual o anual.

Lo que me parece genial es que me deja definir a mi gusto todos los elementos visuales y además puedo insertar comentarios explicativos sobre cada producto.

También puedes identificar rápidamente con etiquetas cuáles de los productos se encuentran en promoción actualmente o cuál de todos es el más popular.

Flip Blox

El bloque de Flip Box es una de las más recientes novedades de este año en Elementor Pro y muchos usuarios aún no se animan a usarlo… pero a mi me ha parecido fantástico.

Los Flip Box son pequeños cajetines de contenido dinámicos de dos lados completamente personalizables, con los que pueden mostrar diferentes elementos de un mismo producto cuando el lector pasa por encima de cada caja. 

Usar los Flip Box me parece muy conveniente para todo tipo de páginas porque es una forma muy interactiva de promocionar y mostrar información relevante sobre tus servicios en un mismo espacio.

Particularmente me gusta usarlo en páginas de E-learning o academias en línea para destacar la información más relevante de cada curso.

Lo ideal es que puedas personalizar la parte frontal del Flip Box con un título o llamado a la acción llamativo y luego personalices la parte posterior para mostrar más información relacionada sobre este producto cuando el lector pase el puntero por encima.

Los Flip Box son completamente customizables y puedes personalizar a gusto:

  • Tamaño
  • Imagen
  • Letra
  • Color
  • Tipo de animación
  • Cantidad de Flip Box por página
  • Mucho más

¡Llamados a la acción! (CTA)

Como bien sabes, en un buen sitio web nunca debe faltar la dosis gusta de llamados a la acción.

Acertar en el diseño y posición de los CTA puede significar la diferencia definitiva entre perder a un lead o convertirlo en un suscriptor, o inclusive que puedas lograr una conversión de entrada.

Elementor Pro ha incorporado una herramienta especializada que te permite diseñar, insertar y personalizar completamente llamados a la acción en cualquier página de tu sitio.

Carrusel multimedia

El bloque de carrusel de medios o carrusel multimedia es perfecto para que agregues vida a tu sitio web. Esta herramienta es particularmente útil si trabajas con productos muy visuales.

Ideal para páginas web de: diseñadores, arquitectos, fotógrafos y cocineros. O inclusive para usarlo como un muestrario de productos sin tener que ocupar mucho espacio de tu página.

Puedes insertar el carrusel en cualquier parte de la página y cambiar su disposición con tres opciones diferentes de diseño.

Elige el tamaño y color a tu gusto, así como también puedes personalizar la velocidad de desplazamiento, cantidad de imágenes, tamaño de cada imagen, separación y tipo de animación.

Puedes combinar sin problemas vídeos e imágenes en un mismo carrusel para hacerlo más entretenido. 

Bloque carrusel de testimonios

Bloque de reseñas

Bloque de plantilla

Bloque de citas

El bloque de citas me parece maravilloso para crear una colección de testimonios relacionados con tu producto o servicio.

Las cajas de citas te permiten mostrar en cualquier espacio de una página una serie de cajas con las citas relacionadas sobre tus productos o servicios.

Muestra de forma clara y divertida los tweets de tus clientes.

Como todas las otras herramientas de Elementor Pro, vas a poder personalizar al máximo el aspecto visual de las citas; cambiado tamaño, diseño, color, etiqueta, insertar enlaces al tweet, mencionar nombres de usuario, etc.

Bloques de tipo individual

Bloque Popups

Redes Sociales

Elementor Pro te abre la opción de añadir los “Share Buttons” o botones para compartir tu contenido en las redes sociales sin necesidad de descargar plugins de WordPress que van poniendo lento el sitio.

No dejes nunca de utilizar esta opción, si es posible en varios lugares de tu sitio web porque es una excelente manera de hacer que tu contenido aumente su alcance de forma muy rápida.

Este widget te permite agregar fácilmente botones para que tus lectores comparan en sus redes sociales con un solo clic.

Puedes personalizar y modificar los botones de las redes sociales más populares: Facebook, Google+, Twitter, Linkedin y Whatsapp.

Puedes modificar a voluntad el perfil visual de los botones:

  • Estilo
  • Color de los botones (puedes elegir entre los originales de cada app o el de tu preferencia)
  • Texto del botón
  • Altura
  • Separación
  • Ubicación en la página
  • Mucho más

Widget de Facebook

Elementor Pro incluye varios widgets especiales para crear una ventana de visualización rápida de tu cuenta de facebook en directamente en la página.

Botón “Me gusta”

El widget te permite insertar dentro de tu página los botones para “me gusta” y “recomendar”.

Esta caja es una opción alternativa para que tus lectores puedan interactuar contigo en las redes sociales de forma directa, lo que reduce el riesgo de perder el lead alargando demasiado el embudo de la página.

Puedes personalizar los botones en cuanto a tamaño, ubicación en la página y tipo de colores a los botones.

Feed de Facebook

Existen numerosos plugins gratuitos de WordPress que te dejan mostrar una ventana rápida con el feed de tu cuenta de Facebook, pero ya hemos hablado de que estos plugins van poniendo cada vez más lento tu sitio.

Elementor Pro te da la ventaja, no solo de mostrar el feed de Facebook sin descargar ningún plugin, sino de personalizar completamente esta opción para adaptarla a tus gustos personales y que luzca genial.

Primero, puedes ubicarla en cualquier página del sitio y ubicarla arriba, abajo o a un lado. Igualmente puedes configurar el tamaño.

Compartir publicaciones de Facebook

“Post Embed” es una opción que permite mostrar tu actividad de Facebook directamente en cualquier lugar de tu página.

Con “Embed comments” puedes compartir los comentarios positivos de los usuarios de Facebook directamente en los posts de tu blog o en cualquier página.

Bloques de sitio 

Bloques de sitio es una categoría en el menú de widgets de Elementor Pro, que te van a dar la oportunidad de incluir bloques para modificar rápidamente la apariencia de cada uno de los elementos de cada página.

Esta herramienta en particular es una de mis favoritas porque me permite trabajar mucho más rápido en páginas web innovadoras. Bien sea que quiero conservar la misma estética en cada página o hacer modificaciones particulares en cada una de ellas.

Cuando aprendes a sacar provecho de los bloques de sitio vas a tener control absoluto de la apariencia de tu sitio web. Modifica a tu gusto el tamaño, color, alineación, texto y disposición de absolutamente todos los elementos visuales.

bloques de sitio

Logo del sitio

Inserta tu logo en la cabecera o en cualquier otro sitio de la página que tu quieras. 

Puedes modificar su tamaño, asignar una leyenda, introducir un enlace, transparencia y asignar efectos cuando pase el puntero por encima del logo.

Título del sitio

Te permite insertar y modificar de forma muy amplia las características del título de tu sitio web.

Con esta opción puedes jugar con: tamaño de letra, color, sombras, disposición, alineación, etc.

Nombre de la página

Es una opción semejante a la del sitio, solo que esta te permite mostrar y configurar el nombre de cada página.

NavMenú

Con este bloque puedes insertar en cualquier lugar de la página que quieras una barra de menú y configurarlo a tu gusto.

Las opciones de personalización son geniales porque te dejan orientarlo como prefieras, añadir efectos, cambiar colores, insertar botón de hamburguesa  y mucho más.

Formularios de búsqueda

Esta opción es bien sencilla. Básicamente te permite insertar y customizar a gusto barras de búsqueda en cualquier lugar de la página que desees.

Como el resto de las herramientas de Elementor Pro, puedes jugar con el diseño, tamaño, animación, botones y mucho más.

Bloque de mapa del sitio

A mi en lo particular siempre me gusta incluir mapas del sitio porque te brinda bastantes ventajas a la hora de posicionar tu página.

Esta herramienta de bloque es ideal para insertar mapas del sitio innovadores en cualquier lugar que lo desees de la página.

Igualmente vas a poder personalizar por completo el estilo y la apariencia del mapa. La opción te permite definir cantidad de columnas, tipo, estilo de texto, alineación, tamaño, color, etc.

Puedes excluir páginas determinadas que no quieras mostrar en tu mapa. También puedes incluir en el mapa otros elementos de tu sitio web como las entradas.

Carrito de compras

Una herramienta ideal para páginas de comercio que trabajen con WooCommerce.

Si bien es cierto que WooCommerce incluye por defecto el icono del carrito de compras, con Elementor Pro puedes mejorar el concepto visual para que tu sitio destaque sobre la competencia.

Con este bloque puedes modificar el tipo de icono del carrito, modificar el formato del monto de compra, mostrar subtotal, cambiar el color de todos los elementos, cambiar el tamaño y la alineación del carrito en la página.

Widgets de Elementor Pro para WooCommerce

Sin duda que algo que me gusta mucho de Elementor es que se han preocupado por facilitar las cosas para los desarrolladores de tiendas virtuales o páginas con catálogos de productos que trabajan con el plugin de WooCommerce.

La ventaja principal de este aspecto es básicamente que puedes modificar a tu antojo las características visuales de un catálogo o tienda, mostrar displays de tus productos destacados en cualquier lugar del sitio y modificar las características de cada display por separado.

Parece un poco lógico, pero igual te comento que solamente podrás acceder a las opciones de bloque de WooCommerce si ya has instalado previamente el plugin de WooCommerce en tu página de WordPress.

A continuación te explico algunos de los bloques de Elementor Pro para WooCommerce que más me han gustado.

widgets elementor pro para woocommerce

Productos WooCommerce

El bloque de productos es la herramienta básica y la que más vas a usar.

La ventaja principal que te ofrece este widget es que puedes mostrar diferentes catálogos de productos personalizados en cualquier página del sitio y ubicarlos en cualquier lugar de la página que tú prefieras.

Otro elemento clave es la customización visual. Si eres dueño de una tienda en línea, seguro que te vas a enamorar de esta opción porque te permite personalizar por completo la apariencia con la que muestras tus productos.

Tienes opciones para modificar:

  • Cantidad de columnas y filas
  • Mostrar el catálogo en cualquier lugar de la página
  • Mostrar u ocultar resultados
  • Seleccionar artículos por etiquetas, fecha de publicación, más vendidos, categorías o simplemente elegir manualmente los productos de tu preferencia.
  • Modificar tamaño y color del display
  • Modificar texto y añadir comentarios
  • Agregar etiquetas de oferta
  • Mucho más

Elementos de WooCommerce

Te permite añadir en cualquier lugar del sitio los diferentes elementos de WooCommerce para concretar las compras.

Puedes añadir el botón de carrito de compras, monto subtotal, página de pago, etc.

Custom Add to Cart

Es un botón que puedes personalizar al 100% para ubicarlo en cualquier lugar de tu sitio y hacer que tus visitantes agreguen un producto determinado al carrito de compras de forma sencilla.

Es ideal para todo tipo de páginas porque es una manera de crear atajos en el embudo de conversión y conseguir conversiones más rápidas ya que el lector tiene que navegar menos dentro de la página.

Puedes jugar a tu gusto con las características visuales del botón: tamaño, color, fuente, texto, animaciones, sombra, etc.

Lleva tu contenido a un nuevo nivel con Dynamic Content de Elementor

Dynamic Content for Elementor es un plugin de Elementor Pro que te ofrece un paquete de widgets complementarios para mejorar la función de las plantillas.

Dynamic Content es exclusivo de Elementor Pro y es una herramienta que me gusta mucho recomendar a las personas que realmente quieren lograr resultados únicos al construir páginas web complejas, que tengan muchas funcionalidades.

Lo que más me gusta de Dynamic Content es que tiene un bloque editable diferente para cada parte de la estructura de una página, lo que te permite el más alto nivel de detalle a la hora de personalizar un sitio.

Es importante señalar que este plugin tienes que comprarlo aparte de la suscripción anual de Elementor Pro.

Déjame mostrarte cómo funciona y qué ventajas de ofrece Dynamic Content for Elementor

bloques dynamic content for elementor

Instalación y activación

Para la instalación

Después de realizar tu compra en https://www.dynamic.ooo/pricing/ debes hacer la descarga de la aplicación directamente en tu PC.

Una vez que se haya descargado, entonces es momento de que completes la instalación en tu sitio web. Es imprescindible que el sitio web ya tenga instalado Elementor (aunque sea la versión básica) para que este nuevo plugin pueda ser activado.

Para instalarlo, ve a directo al escritorio de WordPress – Plugins – Subir plugin – instalar ahora y elige el archivo directamente de tu carpeta de descargas.

Activación

Ya instalado, simplemente debes hacer clic sobre el botón Activar como lo harías con cualquier otro plugin de WordPress

Entra al apartado Licencia e introduce el código llave que te han dado al momento de finalizar tu compra.

¿Qué bloques incluye Dynamic Content?

Puedes encontrar los diferentes widgets de Dynamic Content en la parte de abajo del menú de bloques de Elementor Pro.

Dynamic content – Posts

Al igual que el widget de Elementor Pro, te permite crea una previsualización de las entradas de tu blog en cualquier página del sitio.

Puedes organizarlas de forma creativa con todas las opciones de contenido dinámico y también puedes filtrar para crear grupos de entradas de acuerdo a: fecha, autor, etiquetas, categorías, etc.

Elige posicion, cantidad de contenido a previsualizar, mostrar fecha, mostrar imagen destacada, agrega animaciones y mucho más.

Dynamic Content – Creative

Con el bloque creative puedes incluir una variedad de efectos visuales profesionales a las imágenes de tu sitio web, sin necesidad de complicarte con códigos o contratando a un diseñador web.

Puedes elegir diferentes tipos de efectos creativos para imágenes como: efecto parallax, panorama para crear imágenes 360°, transformación de vectores, efecto tilt para imágenes, efecto de transformación “antes y después”

Dynamic Content – Developer

Es una sección con 4 bloques avanzados dedicados especialmente para desarrolladores web profesionales.

Los bloques te permiten:

  • Crear shortcodes en cualquier parte de las páginas del sitio. 
  • Incluir archivos de código php, java o css de forma sencilla
  • Conexión remota con otros sitios para importar contenido

Dynamic Content – Contenido

Pop-ups

Esta opción hace mucho más fácil personalizar y diseñar diferentes maneras de mostrar tu contenido de manera única.

Una herramienta que me gusta mucho es el editor de ventanas modales, que sirve para crear pop-ups completamente customizables en tu sitio.

Puedes editar el texto o incluir un formulario o una plantilla prediseñada.

Puedes modificar el momento en que carga el pop-up, el color, tamaño, animación, etc.

Fire Modal Windows

Fire Modals te permite crear ventanas emergentes que se despliegan tras presionar un botón. 

Igualmente puedes usar una plantilla prediseñada para insertarla y personalizar la animación.

Esta opción funciona perfecto para crear un menú o un formulario de registro diferente.

Plantillas dinámicas

La opción de crear plantillas dinámicas es maravillosa para personalizar tu sitio con una estructura definida y ahorrar mucho tiempo.

Te permite modificar y configurar cada elemento de una página para crear una plantilla que puedes guardar y pegar en otras páginas para conservar la forma.

Ya con la plantilla situada en las páginas que desees, ya lo único que queda por hacer es modificar el contenido de texto y realizar los ajustes que requiera cada página o entrada.

Tokens

Utiliza shortcodes predefinidos para mostrar contenido del sitio.

Dynamic Content – Listas

Este widget te permite crear listas animadas y completamente personalizables para mostrar contenido importante de forma muy organizada y condensada.

Firebrowser

Es un atajo que te permite  crear una previsualización del contenido de un directorio de tu preferencia.

Como todos los otros bloques, puedes personalizar tamaño, disposición, color, forma y otros elementos visuales de todos los elementos de una carpeta.

También te permite configurar para que muestre solo archivos con determinadas extensiones o inclusive crear una barra de búsqueda por nombre.

Menú compuesto

Puedes crear listas de menú bastante complejas con ventanas desplegables de opciones hijos.

Esta opción también permite una buena customización con respecto a texto, fuente, color, separación, tamaño y la orientación de los elementos del menú (horizontal o vertical).

The Plus Addons for Elementor

Plugins que agregan bloques a Elementor hay muchos en el mercado tanto gratuitos como de pago, sin embargo, la mayoría de ellos se limitan solo a eso a agregar solo bloques sin incluir otro tipo de funcionalidad adicional que los hagan destacar de la competencia y que justifiquen la compra.

Esto último no pasa con The Plus Addons for Elementor que no solo agrega más de 50 módulos a Elementor sino una amplia gama de funcionalidades adicionales a Elementor con el cual podrás realizar prácticamente cualquier web que tengas en mente. Entre ellas se encuentran:

  • Decenas de módulos organizados en 6 categorías
  • Funcionalidades especiales a columnas y secciones
  • Opciones para mejorar el rendimiento
  • Diseños precreados listos para importarse
  • Vinculación a herramientas de terceros
  • Grandes opciones de personalización

Cómo integrar Elementor y MailerLite (email marketing)

Insertar política de privacidad y textos legales

Crear plantillas en el footer

Crear plantillas en la cabecera

Plantillas de archivo

Plantillas de sección y página completa

Plantillas de tipo individual

Contenido dinámico

Últimos ajustes a Elementor Pro

Últimas novedades de Elementor 2.6

Últimas novedades de Elementor 2.7

¿Merece la pena comprar Elementor Pro?

Bueno, la verdad es que después de conocer todas sus funcionalidades y de tener la experiencia de probar, una por una, todas las opciones de personalización visual, la respuesta la tengo más que clara.

Si que vale la pena pagar para elevarte a la versión Pro de Elementor.

El precio me parece bastante asequible si tienes en cuenta la calidad superior que puedes conseguir al diseñar un sitio web, además de la cantidad de tiempo y trabajo que te ahorras por usar un maquetador Drag & Drop.

Por otro lado, es posible inclusive que te salga más barato comprar el paquete de Elementor Pro, que tener que buscar y pagar por separado algunos plugins complementarios para tu sitio.

Para profesionales del diseño web

Si creo que vale la pena contratar Elementor Pro para particulares, ni te digo cuanto lo puedo ofrecer para personas que se dediquen a diseñar páginas web.

Es una herramienta que te va a permitir ofrecer a tus clientes un producto muy superior, especialmente si no manejas muy bien o no tienes el tiempo para personalizar los sitios a fuerza de códigos.

Puedes aprovechar el precio promocional de tan solo $139 para comprar la versión más completa, con la que vas a poder construir hasta 1000 páginas.