Elementor 2.0 Review: Changing the Face of Web Design

Cambiando la cara del diseño web

En esta revisión de Elementor, veremos este conocido complemento de creación de páginas y su versión reciente de Elementor 2.0. Ya sea que esté buscando personalizar algunas páginas web o diseñar un sitio nuevo, la nueva versión de Elementor 2.0 tiene las herramientas y características para ayudarlo a realizar su visión creativa.

Siga leyendo para obtener más información sobre lo que Elementor tiene para ofrecer y para obtener una comprensión profunda de las últimas funciones lanzadas con Elementor 2.0. También veremos los beneficios de actualizar a Elementor Pro. Y las funciones avanzadas proporcionadas por esta extensión premium. Empecemos …

Una introducción a Elementor

Elementor

Para aquellos de ustedes que no han usado Elementor y no están familiarizados con el complemento, comenzaremos con una introducción rápida a esta solución y veremos lo que tiene para ofrecer.

Elementor es un popular complemento de creación de páginas de WordPress que se lanzó hace poco menos de dos años. Alrededor de este tiempo, Elementor se había convertido en un serio competidor en el mundo de los complementos de creación de páginas. Ofrece una experiencia impresionante y una amplia funcionalidad, lo que da como resultado una base de clientes en constante crecimiento.

Elementor admite tanto un libre y la versión premium de su complemento. Elementor Pro es una extensión del complemento gratuito y proporciona herramientas avanzadas para mejorar el flujo de trabajo y aumentar las conversiones y las ventas. Discutiremos la versión Pro de Elementor más adelante en el artículo. Pero por ahora, veamos qué tiene para ofrecer la versión básica gratuita de Elementor …

Características de Elementor

Elementor incorpora un editor intuitivo de arrastrar y soltar, que permite a los usuarios diseñar o personalizar fácilmente cualquier página personalizada o tipo de publicación en WordPress. Y todo ello sin necesidad de tocar una línea de código. Todas las personalizaciones se pueden realizar en el front-end de su sitio, para que pueda ver el desarrollo de los diseños de su página en tiempo real.

La biblioteca de plantillas de Elementor tiene más de 300 plantillas bellamente diseñadas para elegir, creadas para satisfacer todas las industrias y nichos. Una vez que se ha elegido una plantilla, el editor de Elementor le brinda un gran control sobre cada detalle de estilo. Las plantillas y los diseños de página se pueden guardar y reutilizar, así como exportar para su uso en otros sitios web.

Elementor también proporciona un conjunto completo de widgets de forma gratuita. Estos widgets funcionan en el generador de páginas en vivo, lo que le permite agregar infinitas posibilidades de diseño a sus páginas. Estos son algunos de los widgets que puede usar en sus páginas …

  • Galería de imágenes.
  • Carrusel de imágenes.
  • Mapas de Google.
  • Botones.
  • Video.

Los widgets y complementos de terceros también se pueden integrar en el generador de páginas de Elementor. Por lo tanto, puedes rodearte de todos tus elementos de diseño favoritos.

Éstos son algunos de los otros características principales que ofrece Elementor …

  • Personalización total en el diseño.
  • Fondos de video.
  • Edición en línea.
  • Imagen y galería de lightbox.
  • Más de 800 fuentes de Google.
  • Diseño de página de destino.
  • Edición móvil.
  • Fácil de usar para desarrolladores.

Elementor también viene con un amplio soporte, que incluye videos tutoriales y artículos detallados. Estos enseñan paso a paso cómo usar este complemento para crear sitios web impresionantes.

Ahora sabemos un poco más sobre Elementor y algunas de las características con las que viene en su versión básica gratuita. A continuación, echemos un vistazo a la versión reciente de Elementor 2.0 y descubramos qué herramientas y funciones se han agregado a este complemento ya rico en funciones.

Nuevas funciones en Elementor 2.0

En febrero, el equipo de Elementor comenzó a desplegar Elementor 2.0. Con cada nueva característica, esperan resolver los problemas a los que se enfrentan los usuarios de WordPress a diario cuando intentan diseñar y personalizar sitios web. Entonces, ¿qué características se han introducido y cómo mejorarán la experiencia de Elementor?

Bloques Elementor

Bloques

Una de las primeras características lanzadas bajo Elementor 2.0 fue Bloques Elementor. Esta función completamente gratuita proporciona una forma flexible de crear páginas de forma rápida y eficiente.

Los bloques son básicamente secciones prediseñadas que cuando se combinan pueden crear páginas completas. Explore y filtre las diferentes opciones de diseño disponibles, luego agregue los bloques apropiados a cada página de su sitio web con solo un clic. Esto le brinda más flexibilidad que las plantillas de página, pero sigue siendo suficiente soporte de diseño para ahorrarle tiempo y garantizar que cree un sitio web fácil de usar, profesional y atractivo.

Cada bloque se puede personalizar, lo que le permite transformar el contenido y convertir rápidamente sus pensamientos e ideas en un sitio web. Y los bloques vienen preconstruidos con widgets y configuraciones de diseño, por lo que puede concentrarse en el proceso de diseño y no preocuparse por los aspectos técnicos de la creación de una página. Luego, los bloques se pueden guardar y reutilizar en diferentes páginas.

Escoger y elegir bloques para hacer una página no es solo una forma divertida de diseñar. Blocks agilizará su flujo de trabajo y administrará su proceso de creación, lo que dará como resultado páginas terminadas y de alta calidad en muy poco tiempo.

Actualmente en la Biblioteca de bloques, hay 253 tipos de bloques diferentes disponibles, divididos en 15 categorías, que incluyen Premio, Equipo, Testimonios, Portafolio, Llamado a la acción y Membresía. El equipo de Elementor también irá ampliando esta biblioteca con el tiempo, asegurándose de que sea cual sea su proyecto, habrá bloques para adaptar.

API de desarrollo de Elementor

API de desarrollador

En abril, Elementor anunció su nuevo Centro de desarrolladores para desarrolladores de Elementor. Este es un sitio nuevo y un recurso realmente impresionante, uno que tendrá un gran impacto en cualquier desarrollador de WordPress que quiera extender Elementor o integrarlo en un producto.

El Centro para desarrolladores tiene dos secciones …

Echemos un vistazo a estos dos elementos con más detalle …

Recursos para desarrolladores de Elementor

El Centro de recursos para desarrolladores contiene guías paso a paso, tutoriales y ejemplos de código que explican cómo los desarrolladores pueden crear sus propias extensiones de Elementor o soluciones personalizadas para los clientes. Hay información para desarrolladores de complementos y temas, así como información sobre estándares de codificación de WordPress recientes y las mejores prácticas más recientes.

Referencia de código de Elementor

Con los documentos de referencia del código de Elementor, puede aprender rápidamente qué hace cada función, clase, método y gancho de Elementor. Aquí puede buscar fácilmente la referencia del código para encontrar un código específico, que se actualiza automáticamente con cada nueva versión de Elementor. El equipo de Elementor también planea agregar fragmentos y ejemplos de código a la referencia del código en el futuro previsible.

Si es un desarrollador de plugins o temas de WordPress, Elementor Dev Center es un recurso invaluable que vale la pena revisar.

Elementor Pro 2.0 – Generador de temas

Generador de temas Elementor 2.0

Elementor Pro versión 2.0 vio este complemento de creación de páginas actualizado para incluir capacidades de creación de temas. Hasta ahora, no era posible personalizar algunas áreas de su tema con el editor Elementor Pro, como encabezado, pie de página, publicación única y archivo.

Elementor Pro Theme Builder ha ampliado el concepto de plantillas e introducido nuevos tipos de plantillas para encabezados, pies de página y otras áreas de su sitio. Esto ahora le permite diseñar y personalizar cada parte de su sitio web, no solo las áreas de contenido, utilizando el editor de arrastrar y soltar de Elementor. ¡Dile adiós al código!

El generador de temas Elementor Pro funciona en cualquier tema de WordPress y le permite crear visualmente todos los aspectos de su sitio web, en la parte frontal de su sitio web. Usando plantillas dinámicas, puede enmarcar su contenido y luego aplicarlo a su sitio. Luego, las plantillas se llenan con contenido dinámico de su sitio web con solo un clic.

Elementor Pro 2.0 también ofrece Más de 25 bloques de encabezado y pie de página, además de una función de encabezado fijo para comenzar. Ya no estará limitado por el encabezado y pie de página de su tema. Ahora puede usar Elementor Blocks para crear diseños elegantes y llamativos que funcionen con el resto de la marca de su sitio web.

Elementor Pro 2.0 – Próximas funciones

Está por venir

Como mencionamos anteriormente, Elementor 2.0 se está implementando en etapas. Y para Elementor Pro 2.0, todavía hay algunas características por venir.

La integración de WooCommerce debería estar con nosotros en breve, proporcionando un poderoso control de diseño sobre su tienda WooCommerce, páginas de productos y otros elementos de comercio electrónico, a través del Editor Elementor. Los widgets incluirán …

  • Widget de productos WooCommerce: muestre y filtre sus productos WooCommerce en su sitio.
  • Widget de categorías de WooCommerce: elija las categorías de productos que se muestran.
  • Widget de Woo Elements: agregue páginas de comercio electrónico a su sitio, incluida la página del carrito, la página de un solo producto, la página de pago, etc.
  • Woo Add to Cart Widget: muestra un botón “Agregar al carrito”.

Estas integraciones harán de Elementor la herramienta perfecta para diseñar un sitio de comercio electrónico según sus especificaciones exactas.

Soporte extendido para Campos personalizados avanzados (ACF) y Toolset. Con esta función, podrá crear campos de contenido en ACF o Toolset y luego incrustarlos visualmente en cualquier página. Lo cual, para los desarrolladores, podría cambiar las reglas del juego.

¿Debería actualizar a Elementor Pro?

Elementor Pro

Después de leer el notable Theme Builder que el equipo de Elementor ha incorporado en la extensión Elementor Pro, así como las integraciones de WooCommerce, ACF y Toolset que están a la vuelta de la esquina, es posible que se pregunte si debería actualizar a Pro.

Así que echemos un vistazo a lo que Elementor Pro tiene para ofrecer …

  • Modelos profesionales: elija entre una selección de modelos profesionales premium.
  • Formularios: diseñe y agregue formularios de contacto, formularios de suscripción, formularios de inicio de sesión, etc.
  • Medios: muestre imágenes y videos con un widget de carrusel o diapositivas.
  • CSS personalizado: agregue su propio código y véalo en acción en el editor en vivo.
  • Integraciones: integre fácilmente MailChimp, Facebook SDK, reCAPTCHA y Adobe TypeKit, por nombrar algunos.
  • Redes sociales: agregue botones para compartir, íconos sociales, integraciones de Facebook y más.

Los usuarios de Elementor Pro también pueden beneficiarse de la asistencia al cliente 24 horas al día, 7 días a la semana. Obtenga ayuda rápida con cualquier problema y respuestas a cualquier pregunta que pueda surgir. Obviamente, Elementor Pro es una herramienta excelente, y si se toma en serio lo bien que se ve el diseño de su sitio web, la actualización a Pro debería estar en su radar.

Reflexiones finales sobre Elementor 2.0

Como puede ver, Elementor 2.0 tiene algunas características nuevas increíbles. Desde Elementor Blocks y Developer API, hasta el fantástico nuevo generador de temas Elementor Pro 2.0 e integraciones avanzadas, Elementor está cambiando la cara del diseño web. No hace falta decir si el complemento Elementor es imprescindible para cualquier persona que diseñe o personalice un sitio web, pero ¿elegirá la versión gratuita o premium?

¿Preguntas sobre las nuevas versiones de Elementor 2.0? No dude en preguntar en los comentarios a continuación …

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba