ELEMENTOR PRO

Todos los usuarios de WordPress lo han sabido.Elementor es el complemento de creación de páginas más popular. Al ser un complemento freemium, puede disfrutar de la experiencia de crear una hermosa página de una manera visual usando Elementor con la opción de actualizar a la versión pro para desbloquear funciones más avanzadas. ¿Qué características ofrece Elementor Pro?

En realidad, hay dos formas de ampliar la funcionalidad de Elementor. Además de actualizar a la versión pro, también puede instalar complementos de terceros desarrollados por desarrolladores conocidos como weDevs, WPDeveloper, en Crocoblock. Si prefiere actualizar a Elementor Pro y aún se pregunta qué funciones puede desbloquear, aquí está la lista.

Creador de temas:

WordPress está escrito en PHP. Dicho esto, para crear un complemento o tema de WordPress, también debe dominar PHP y los lenguajes de soporte como JavaScript. Pero fue entonces. Hoy en día, puede crear su propio tema de WordPress sin codificar gracias a la función de creación de temas que ofrecen algunos complementos de creación de páginas como Elementor.

¿Qué es un creador de temas?

Para comprender el concepto de creador de temas, primero debe comprender los componentes de un tema de WordPress. Un tema de WordPress consta de archivos de plantilla. Cada archivo de plantilla controla el diseño de una parte del tema. Por ejemplo, el archivo header.php controla el diseño del encabezado del tema, mientras que el archivo footer.php controla el diseño del pie de página del tema. La mayoría de los temas de WordPress tienen los siguientes archivos de plantilla:

header.php: Para controlar el diseño del encabezado.
footer.php: Para controlar el diseño del pie de página.
single.php: para controlar el diseño de una sola publicación (publicación de blog).
sidebar.php: Para controlar el diseño de la barra lateral.
archive.php: Para controlar el diseño de las páginas del archivo.
page.php: Para controlar el diseño de la página.

Un creador de temas le permite crear plantillas personalizadas para reemplazar las plantillas anteriores, así como otras plantillas pertenecen a un tema. Puede crear la plantilla personalizada utilizando el editor visual del creador de páginas que utiliza (Elementor en este caso).

Una de las ventajas de utilizar un generador de temas en lugar de un tema es que puede establecer dónde se aplicará una plantilla personalizada. Por ejemplo, puede configurar una determinada plantilla de encabezado personalizada para que se aplique a una determinada publicación, página, publicación en determinadas categorías, todo el sitio web, etc. En otras palabras, puede tener diferentes diseños de una determinada parte del tema (por ejemplo, el encabezado) creando varias plantillas personalizadas para la misma parte. Otra ventaja es que tiene opciones de personalización ilimitadas (lea: WordPress vs Theme Bulder).

Constructor de WooCommerce:

¿Tiene un sitio web de comercio electrónico impulsado por WooCommerce? Elementor Pro también es capaz de llevar el diseño de su sitio de comercio electrónico al siguiente nivel permitiéndole crear plantillas personalizadas para su WooCommerce. No es necesario comprar un tema de WooCommerce. En su lugar, puede personalizar las partes de WooCommerce usted mismo utilizando el editor visual de Elementor.

Las partes de WooCommerce en las que puede crear las plantillas personalizadas son:

Página de un solo producto
Páginas de archivo de productos (categorías y etiquetas)
Página de la tienda

Tiene los siguientes widgets para crear las plantillas personalizadas para WooCommerce:

  • Productos
  • Migajas de pan de WooCommerce
  • Añadir personalizado al carrito
  • Páginas de WooCommerce
  • Categorías de Producto
  • Carrito de menú
  • Titulo del producto
  • Imágenes del producto
  • Precio del producto
  • Añadir al carrito
  • Calificación del producto
  • Stock de producto
  • Meta del producto
  • Breve descripción
  • Contenido del producto
  • Fichas de datos de productos
  • información adicional
  • Producto relacionado
  • Ventas adicionales

Creador de formularios:

Elementor Pro le da acceso al widget de formulario. Puede usar el widget para agregar un formulario a la plantilla de creación de páginas / temas en la que está trabajando. El widget le permite crear una amplia gama de tipos de formularios, gracias a su amplia compatibilidad con tipos de campos. Estos son los tipos de campo admitidos por el widget de formulario de Elementor:

  • Texto
  • Correo electrónico
  • Textarea
  • URL
  • Tel
  • Radio
  • Seleccione
  • Caja
  • Aceptación
  • Número
  • Fecha
  • Tiempo
  • Subir archivo
  • Contraseña
  • HTML
  • Oculto

Puede integrar su formulario con reCAPTCHA para protegerlo de los spammers. Con un pequeño truco, también puede utilizar el widget Formulario para crear un registro de formulario en su sitio web. Elementor también le permite crear un formulario de varios pasos para permitirle crear un formulario largo simplificado, así como para brindar una mejor experiencia de usuario a sus usuarios. Elementor en sí no tiene una función predeterminada para administrar los envíos de formularios. Para hacerlo, puede utilizar Form Vibes. Lea nuestro artículo anterior para obtener más información.

El widget Form de Elementor admite integraciones con los servicios populares GetResponse, ActiveCampaign, ConvertKit, Discord, etc.

Creador de ventanas emergentes:

El generador de ventanas emergentes es una de las funciones que puede desbloquear después de actualizar a Elementor Pro. La función le permite crear hermosas ventanas emergentes en su sitio web sin codificación. Incluso puede utilizar las plantillas de formulario listas para usar que se ofrecen para agilizar su flujo de trabajo. Hay más de 100 plantillas emergentes listas para usar que ofrece Elementor. Desde ventanas emergentes de suscripción de correo electrónico, ventanas emergentes de consentimiento de cookies, barras de notificación, etc.

  • El generador de ventanas emergentes de Elementor admite los siguientes tipos de activadores:
  • En la carga de la página
  • En desplazamiento
  • Al desplazarse al elemento
  • Al hacer clic
  • Después de la inacticidad
  • Intento de salida en la página

El creador de formularios de Elementor Pro también admite condiciones de visualización, lo que le permite establecer dónde aparecerá una ventana emergente al igual que las plantillas del creador de temas. También le permite mostrar una ventana emergente en función de las siguientes condiciones:

  • Después de x visitas a la página
  • Después de x sesiones
  • Al llegar de una determinada URL
  • Al llegar a los motores de búsqueda
  • Mostrar una ventana emergente solo en usuarios no registrados
  • Mostrar en tipos de dispositivos específicos (computadora de escritorio, tableta, teléfono inteligente)
  • Mostrar en navegadores web específicos
  • Gracias a su soporte de activación al hacer clic, también puede hacer uso del generador de ventanas emergentes para crear un menú de pantalla completa y un menú fuera del lienzo (también puede usar JetMenu para crear esos tipos de menú, así como un megamenú). Hay muchas formas creativas de utilizar el generador de ventanas emergentes Elementor Pro.

Integraciones de terceros:

Como se mencionó anteriormente, puede usar el widget Form de Elementor para crear una amplia gama de formularios gracias a su amplio soporte de campos de formulario. Uno de los cuales, puede usar el widget Formulario para crear un formulario de suscripción por correo electrónico para generar clientes potenciales. Puede conectar su formulario con servicios populares de marketing por correo electrónico como ActiveCampaign, GetResponse, etc. Estos son los servicios de terceros con los que puede integrar su formulario:

  • Obtener una respuesta
  • ActiveCampaign
  • MailerLite
  • ConverKit
  • MailPoet
  • Mailchimp
  • Goteo
  • Flojo
  • Discordia
  • HubSpot


Estas integraciones de terceros son particularmente útiles si desea utilizar Elementor para crear páginas de destino.

CSS personalizado;

Es cierto que Elementor le permite crear hermosas páginas en su sitio de WordPress sin tener que lidiar con CSS. Sin embargo, si desea crear un sitio web completamente único, puede hacer uso de sus habilidades de CSS. La función le permite implementar las funciones de CSS que aún no están disponibles en Elementor, como CSS Transform para agregar un elegante efecto de desplazamiento a Elementor. Puede agregar CSS personalizado a cada elemento de Elementor. Ya sea una sección, columna o widget. Puede ir al bloque CSS personalizado en la pestaña Avanzado en el panel de configuración (panel en el lado izquierdo) dentro del editor de Elementor para agregar CSS personalizado.

Efectos de movimiento;

Elementor Pro viene con opciones de configuración que le permiten aplicar efectos de movimiento a un elemento en la página en la que está trabajando. Puede hacer uso de la función para agregar efectos de animación a su página sin necesidad de comprender JavaScript. Puede combinar esta función con la animación Lottie para llevar sus efectos de animación más allá.

Los efectos de movimiento que ofrece Elementor Pro se dividen en dos tipos: efecto de desplazamiento y efecto de mouse. Además, también puede aplicar la opción adhesiva a una sección y widgets.

Más de 90 widgets:

Como saben, Elementor se lanza como un complemento freemium, lo que significa que hay una versión gratuita disponible que le permite disfrutar de la experiencia de usar Elementor sin gastar un centavo. El hecho de que Elementor Pro es técnicamente un complemento de Elementor Free. Si bien Elementor Free ofrece widgets básicos, la versión pro viene con widgets más avanzados como Formulario, Publicaciones, Inicio de sesión, Lista de precios, etc. Estos son los widgets que puede desbloquear después de actualizar a Elementor Pro.

Contenido dinámico:

No solo puede usar Elementor para crear sitios web estáticos. Gracias a su soporte de contenido dinámico, también puede utilizar Elementor para crear un sitio web dinámico, como un blog, un portal de noticias, un sitio web de listas y otros tipos de sitios web dinámicos. Puede agregar contenido dinámico a una plantilla o página del generador de temas utilizando los siguientes widgets:

  • Logotipo del sitio
  • Título del sitio
  • Título de la página
  • Título de la entrada
  • Extracto de la publicación
  • Foto principal
  • Información de la publicación
  • Publicaciones

Campos personalizados:

Los widgets que mencionamos en el punto 9 anterior se pueden usar para agregar el contenido dinámico predeterminado de WordPress, como el título de la publicación, el meta de la publicación, la imagen destacada, etc. ¿Qué pasa con los campos personalizados? Elementor Pro también le permite agregar campos personalizados. Al maximizar esta función, puede usar Elementor para crear cualquier tipo de sitio web con el mínimo de complementos posible. Elementor Pro es compatible con los siguientes complementos de campo personalizados populares

  • Vainas
  • Campos personalizados avanzados
  • Conjunto de herramientas
  • JetEngine


¿Cómo integrar un determinado complemento de campo personalizado con Elementor?

Simplemente puede crear el grupo de campos personalizados usando su complemento de campo personalizado favorito y usar Elementor para mostrar los datos de los campos personalizados que creó. Puede mostrar los campos personalizados en una plantilla. Puede leer nuestro artículo anterior para aprender cómo agregar campos personalizados en Elementor.

Más de 300 plantillas listas para usar:

En Elementor, tiene dos opciones para crear una página o una plantilla de creación de temas. Primero, puede crear su página desde cero utilizando su propio concepto de diseño. En segundo lugar, puede crear su página a partir de una plantilla lista para usar ofrecida por Elementor. Si usa Elementor Pro, tendrá acceso a todas las plantillas listas para usar disponibles en la biblioteca de plantillas, incluidas las etiquetadas como “PRO”. Elementor en sí tiene más de 300 plantillas listas para usar en total. Puede hacer clic en el icono de la carpeta en el área del lienzo del editor de Elementor para abrir la biblioteca de plantillas.

Kits de plantillas:

En agosto de 2019, Elementor lanzó su primera edición del kit de plantilla mensual. ¿Qué es un kit de plantillas?

Un kit de plantillas de Elementor es un conjunto de plantillas de Elementor diseñadas específicamente para un determinado tipo de sitio web. Todas las plantillas de un kit de plantillas tienen el mismo concepto de diseño. Desde la tipografía, el color, etc. Un kit de plantillas le permite hacer un sitio web más rápidamente. En el momento de escribir este artículo, Elementor ya tiene 16 kits de plantillas.

Editor del sitio completo:

El concepto de edición completa del sitio le permite editar dos o más elementos de su sitio web desde un solo lugar. En el contexto de Elementor, puede editar el pie de página, el encabezado y una plantilla como una plantilla de publicación única o una plantilla de página de categoría desde un solo lugar.

Supongamos que está editando la plantilla de publicación única personalizada de su sitio web y hay algunos cambios que desea realizar en el encabezado personalizado. En tal caso, no es necesario cerrar el editor de Elementor para realizar los cambios en el encabezado. Simplemente puede colocar el mouse sobre el encabezado (o pie de página) y hacer clic en la manija amarilla. De manera similar, cuando está editando el encabezado personalizado y desea realizar algunos cambios en la plantilla de publicación única personalizada, simplemente puede colocar el mouse sobre la plantilla de publicación única y hacer clic en el controlador amarillo también.

Widget global:

El widget global es una función de Elementor Pro dedicada a optimizar su flujo de trabajo. Además, la función también le ayuda a tener un diseño consistente en ciertos elementos como el botón o el formulario.

Supongamos que está creando un sitio web que consta de varias páginas. En algunas páginas, desea agregar un botón. En tal caso, puede definir un widget de botón global. Luego, puede usar el widget de botón global definido en cada página que esté creando, en lugar de agregar un nuevo widget de botón y hacer un estilo desde el principio. Esto le ahorrará mucho tiempo para realizar su proyecto.

Cuando realiza un cambio en un widget global, el cambio se aplicará a todas las páginas donde se agregue el widget global asociado.

Enlaces de acción:

Al crear una página de destino con Elementor, es posible que desee agregar una determinada acción. Por ejemplo, es posible que desee que sus visitantes se comuniquen con usted a través de WhatsApp o correo electrónico. Elementor Pro le permite agregar una determinada acción a un botón o enlace. Puede usar la función para agregar un botón de WhatsApp, un botón de correo electrónico, etc. a su página de destino. Estas son las acciones que puede establecer:

  • Enviar correo electrónico
  • Contacto vía WhatsApp
  • Enviar mensaje de texto (SMS)
  • Haz una llamada
  • Iniciar un chat de Skype
  • Iniciar un chat de Messenger
  • Iniciar un chat de Viber
  • Agregar evento a Google Calendar
  • Agregar evento al calendario de Outlook
  • Agregar evento al calendario de Yahoo

Para establecer una determinada acción, puede hacer clic en el icono dinámico en el campo de enlace y seleccionar URL de contacto. A continuación, puede hacer clic en el icono de llave inglesa para seleccionar la acción que desea establecer.

Fuentes personalizadas:

Elementor ya tiene colecciones de fuentes ricas, pero si desea más, puede instalar las familias de fuentes de su elección. La versión pro de Elementor le permite agregar nuevas fuentes en los siguientes formatos:

  • WOFF
  • WOFF2
  • TTF
  • SVG
  • EOT

También puede integrar su Elementor con Adobe Fonts si usa Adobe Fonts.

Iconos personalizados:

Elementor tiene una rica biblioteca de íconos que le permite agregar íconos a su página. El propio Elementor utiliza un proveedor externo para proporcionar colecciones de iconos (Font Awesome en este caso). Si desea utilizar sus propios iconos, Elementor Pro le permite hacerlo. Puede cargar un conjunto de iconos y Elementor los pondrá a disposición en la biblioteca de iconos. Puede ir a Elementor -> Iconos personalizados para agregar iconos personalizados en Elementor.

Colores dinámicos:

Elementor Pro le permite agregar contenido dinámico a su WordPress. Además de los campos personalizados y el contenido dinámico predeterminado de WordPress, también puede agregar colores dinámicos. Con esta función, puede establecer (dinámicamente, por supuesto) colores distintos para el mismo elemento en una plantilla determinada. Por ejemplo, puede usar la función para establecer diferentes colores de título de publicación de su sitio web. El color del título de la publicación se define a través de un campo personalizado cuando escribe una nueva publicación.