Revisión de Elementor 3.6: nuevas funciones y mejoras

¿Ya probaste el Elementor 3.6?

¿O estás esperando un buena revisión de Elementor 3.6 para decidirse?

Bueno, si es así, ¡su espera ha terminado!

Porque en este artículo, conocerá en detalle todas las nuevas funciones y mejoras de Elementor 3.6.

Elementor 3.6 se trata de ayudarlo a crear sitios web que eleven la identidad de la marca. Por lo tanto, se enfoca principalmente en funciones que ayudarán a crear diseños adaptables de dispositivos con píxeles perfectos que se carguen más rápido para que sus usuarios tengan la mejor experiencia de compra.

Junto con las nuevas funciones, también obtendrá nuevos widgets de WooCommerce para mejorar la experiencia de compra en su sitio web de Elementor.

Sin embargo, es una versión experimental, por lo que no tiene que cambiar a Elementor 3.6 de inmediato. Puede probar las nuevas funciones y luego cambiar gradualmente si lo desea.

Pero para eso, necesitas saber cuáles son las características y mejoras de Elementor 3.6 , ¿verdad?

Entonces, vayamos al grano y pasemos a la revisión de Elementor 3.6...

Nuevas funciones y mejoras de Elementor 3.6

He intentado incluir todas las características y mejoras principales que ofrece el último Elementor. Lea el blog para encontrar más detalles sobre las funciones.

Introducción de contenedores Flexbox

Elementor 3.6 ha introducido una nueva estructura de diseño como los contenedores CSS flexbox. ¡Con los contenedores flexbox, ya no hay necesidad de secciones internas !

Puede agregar widgets directamente a un contenedor y también agregar contenedores dentro de un contenedor para crear filas y columnas. Puede personalizar las direcciones de los contenedores para convertirlos en una fila o una columna.

Este diseño de contenedor garantizará diseños receptivos con píxeles perfectos. Además, los contenedores flexbox utilizan una salida DOM más optimizada que mejorará notablemente el rendimiento del sitio.

En caso de que esté preocupado acerca de cómo va a convertir su sitio actual de Elementor estructurado en secciones y columnas a la nueva estructura de contenedor flexbox, no lo esté.

Porque Elementor 3.6 viene con una opción de convertidor fácil de usar en la configuración de página/publicación. Simplemente puede hacer clic en el botón/opción de conversión y tener una versión de contenedor flexible de su página sin tener que arrastrar y soltar más.

Nueva función de importación/exportación

Elementor 3.6 le brinda nuevas capacidades cuando se trata de exportar e importar, lo que hará que el diseño web sea más rápido que nunca.

¿Se pregunta cómo?
Bueno, la nueva versión de Elementor viene con la función Kit de plantillas de importación y exportación que le permite no solo importar contenido, configuración del sitio y plantillas, sino también un kit de sitio web completo en otro sitio web .

Por lo tanto, ahora puede exportar/importar todos los complementos que usa un sitio web junto con Elementor y Elementor Pro, como WooCommerce a otro sitio con unos pocos clics. También puede elegir qué complementos y configuraciones desea importar.

Otra gran cosa acerca de esta nueva función es que puede importar todos los enlaces dinámicos y referencias del sitio. Y también podrá ver una versión resumida de todos los complementos, configuraciones, etc. que elija en la pantalla.

Transiciones de página con precargador

¡Sí! Ahora no necesitará ningún complemento adicional para agregar un precargador a su sitio de Elementor. Elementor 3.6 brinda la opción de crear su propia transición de página personalizada con un precargador que refleja y promueve su marca mientras le brinda a su usuario una mejor experiencia.

Puede encontrar la configuración de transición de página en Configuración del sitio. Puede personalizar el color de fondo, el color del texto y la animación de entrada. También puede elegir el tipo de precargador, como imagen, texto, animación , etc., junto con el tiempo de demora y la configuración del tiempo del precargador.

Reorganizar colores y fuentes globales

Algunos pueden no considerar que esta adición sea muy crucial. Sin embargo, si eres un perfeccionista y te gusta trabajar de forma organizada, esta característica puede hacer que tu proceso de diseño web sea más sencillo.

Ahora, puede reorganizar las fuentes y los colores globales. Puede reorganizar el orden de los colores del sistema global y los colores personalizados. Sin embargo, solo puede eliminar los colores personalizados. Del mismo modo, puede reorganizar las fuentes globales y eliminar las fuentes personalizadas, no las del sistema.

Adición de widgets y mejoras

Si estaba esperando nuevos widgets de WooCommerce para mejorar la experiencia de compra de sus clientes, le alegrará saber que se agregaron dos nuevos widgets junto con nuevos diseños mejorados del widget Agregar al carrito.

Widget de resumen de compra :

Con este widget de WooCommerce, puede crear y personalizar la página de confirmación del pedido. Aquí puede personalizar los mensajes de confirmación, los datos de pago, los datos bancarios, las descargas, el resumen de la compra, los datos de facturación, etc.

Widget de avisos de WooCommerce:

Con este widget, puede mostrar avisos personalizados en el encabezado de las páginas de WooCommerce. Este widget anulará cualquier aviso predeterminado de WooCommerce. Puede agregar y personalizar diferentes avisos de WooCommerce desde la configuración del sitio.

Nuevo diseño del widget Agregar al carrito:

Ahora obtendrá nuevas opciones de diseño para su widget Agregar al carrito de Elementor. Los tres diseños son Automático, En línea o Apilado. De esta manera, tendrá más control para mejorar la apariencia de su sección Agregar al carrito.

Mejoras de rendimiento

Como cada nueva versión, esta nueva versión de Elementor también ha mejorado muchas funciones para aumentar el rendimiento general de su sitio web. Esta vez, la adición de una carga perezosa es lo más destacado.

Con la función de carga diferida, a diferencia de las versiones anteriores, ahora todo el contenido de su sitio web no se cargará al mismo tiempo. Más bien, solo cargará la parte que sea inmediatamente visible para el usuario . Y el resto del contenido se cargará a medida que el usuario se desplace hacia abajo.

Esta carga diferida se aplicará en el widget de carrusel y la función de presentación de diapositivas de fondo de todas las secciones de su sitio web. Como resultado, verá un gran salto en las mejoras de rendimiento.

De hecho, te sorprenderá saber que, con la nueva versión, el CSS se reduce de 137 kb a 11 kb. ¡Sí, la diferencia es de 126kb!

Además, se eliminó 'elementor-section-wrap' para minimizar las salidas DOM, ya que las salidas DOM optimizadas le brindarán una mejor velocidad de carga del sitio web.

¿ElementsKit es compatible con Elementor 3.6?

Sí. ElementsKit es completamente compatible con Elementor 3.6

Entonces, aquellos de ustedes que aman usar ElementsKit para crear y personalizar sitios de Elementor, no tienen nada de qué preocuparse.

Nuestros equipos de desarrolladores y control de calidad han probado Elementor 3.6 con nuestra última versión de ElementsKit y podemos asegurarle que no hay conflicto .

Sin embargo, si tiene algún problema con ElementsKit de su sitio después de comenzar a usar Elementor 3.6, puede póngase en contacto con nuestro equipo de soporte .

Si usted es alguien que está emocionado de usar Elementor 3.6 y está buscando un complemento para agregar más funciones sin tener que enfrentar errores o errores, seguramente puede probar ElementsKit: el complemento definitivo para Elementor.

Tiene más de 85 widgets y módulos que actualmente están haciendo más fructíferos los esfuerzos de desarrollo web de más de medio millón de usuarios. Será el complemento perfecto para su caja de herramientas de diseño web de Elementor.

Ultimas palabras

¡Bueno, eso es todo! Elementor 3.6 parece impresionante, ¿no?

Si bien cambiar a un contenedor flexbox parece un poco desalentador al principio, el proceso de conversión que proporciona Elementor es bastante bueno.

Honestamente, la adición de la carga diferida es mi favorita, ya que mejorará en gran medida la velocidad de carga del sitio web, lo cual no es negociable cuando se trata de la experiencia del usuario y el mantenimiento de una tasa de rebote baja.

Sugeriría que primero pruebe todo en un sitio de ensayo. Si está satisfecho con los resultados, muévalo a su dominio real.

Espero que hayas encontrado útil el blog. Comparta qué nueva característica es su favorita personal en el cuadro de comentarios.