En el mundo del diseño y desarrollo web, ofrecer opciones creativas es imprescindible para destacar y alcanzar el éxito. En 2023, Elementor, el popular constructor de páginas de WordPress, ha dado un salto en creatividad y funcionalidad con la introducción de nuevos widgets que prometen revolucionar la forma en que creamos y gestionamos sitios web con WordPress y Elementor Pro. En concreto, a principios de año Elementor anunció que llegaba la era de los Elementos Anidados o Nested Elements y durante la primera mitad del año no hemos parado de recibir novedades que cambian la forma de crear webs con Elementor.
Si formas parte de una agencia creativa o un estudio de desarrollo web centrado en el diseño y la creatividad, te interesa saber cuáles son las posibilidades de estos 7 widgets que ha lanzado Elementor en 2023 y que están dando mucho juego a la hora de crear webs sin código.
Pestañas anidadas o Nested Tabs
El widget Pestañas Anidadas o Nested Tabs de Elementor es una característica que apareció en enero de 2023, con la versión 3.10. Es una herramienta que permite crear contenido organizado y de fácil navegación en tus páginas web y que desata múltiples opciones creativas. Con este widget, puedes crear pestañas con múltiples niveles, lo que significa que puedes anidar pestañas dentro de pestañas para organizar la información de manera jerárquica. Esto es especialmente útil cuando tienes una gran cantidad de contenido que deseas presentar de manera estructurada. Además, lo más destacable es que con el nuevo widget, dentro de las pestañas anidadas puedes incluir cualquier otro widget y crear diseñoa mucho más atractivos. En resumen, este widget es una excelente herramienta para mejorar la experiencia del usuario al permitirles acceder fácilmente a la información que necesitan de manera organizada y estéticamente atractiva.
Hace unos meses desarrollé el creativo y original diseño que la Agencia Jaimito había creado para la Memoria Anual de Fundación Exit, probando las nuevas tablas Anidadas. Gracias al nuevo widget conseguimos simular que la Memoria Anual corporativa era una carpeta con distintas pestañas y subpestañas.
Descubre más información sobre la versión 3.10 de Elementor y las Nested Tabs aquí.
Loop Carousel
El widget Loop Carousel de Elementor, lanzado en febrero con la versión 3.11, es un widget parecido al Loop Grid que fue lanzado en 2022. Mientras el Loop Grid te permite crear diseños personalizados en forma de cuadrícula para mostrar contenido de WordPress, como por ejemplo las entradas del blog o los productos en el caso de las eCommerce, el Loop Carousel muestra el contenido escogido en un formato de carrusel y permite a los visitantes desplazarse horizontalmente para ver más contenido.
Una característica clave del Loop Carousel es su capacidad para mostrar elementos de forma continua, sin interrupciones, lo que brinda una experiencia de navegación suave. Además, puedes personalizar el diseño, el número de elementos a mostrar y las transiciones para adaptar el carrusel a las necesidades específicas de tu sitio web.
Descubre más información sobre la versión 3.11 de Elementor y el Loop Carousel aquí.
Mega Menu
El widget Mega Menu de Elementor llegó en marzo con la versión 3.12 y es una potente herramienta que facilita la creación de menús de navegación expansivos y ricos en funciones para tu sitio web de WordPress, sin necesidad de otros plugins adicionales. Este widget ofrece opciones de personalización avanzadas, lo que te permite diseñar menús mega de varios niveles, que pueden incluir imágenes, iconos, widgets e incluso contenido dinámico.
Este widget es especialmente valioso para sitios web más grandes o plataformas de comercio electrónico que necesitan sistemas de navegación complejos e intuitivos.
Descubre más información sobre la versión 3.12 de Elementor y los Mega Menu aquí.
Contenedores con CSS Grid
Elementor ha lanzado nuevos contenedores con su versión 3.13 que salió en mayo, además de los famosos Flexbox que han revolucionado la contrucción visual de sitios web con Elementor Pro. Estamos hablando de los CSS Grid. Estos contenedores permiten a los diseñadores organizar y alinear elementos en una cuadrícula bidimensional. Esto facilita la creación de diseños complejos y estructurados con facilidad. Aunque creo que en la mayoría de casos usaremos los Flexbox, estos contenedores pueden ser muy útiles para la creación de tablas, por ejemplo. Mientras que CSS Grid es ideal para la organización de elementos en una cuadrícula bidimensional, Flexbox es una excelente opción para la alineación y distribución de elementos en una sola dimensión, como en diseños de una sola fila o columna.
La combinación de contenedores CSS Grid y Flexbox brinda a los diseñadores web un conjunto completo de herramientas para crear diseños personalizados y receptivos que se adaptan a una amplia gama de necesidades de diseño. Esta coexistencia permite una mayor flexibilidad y versatilidad en la creación de diseños atractivos y funcionales con Elementor.
Descubre más información sobre la versión 3.13 de Elementor y los contenedores CSS Grid aquí.
Nested Carousels o Carrusels Anidados
Con los Carrousels Anidados o el widget Nested Carousel, que llegaron en junio con la versión 3.14, se acabó usar el Carrusel de Testimonios y las plantillas para crear carrusels con información variada en ellos. Esta es una gran noticia para los amantes del diseño en los sitios web desarrollados sin código con WordPress y Elementor Pro, ya que desbloquea un sinfin de opciones creativas que hasta ahora teníamos que conseguir con código u otras inventivas.
El widget Nested Carousel es útil cuando deseas mostrar múltiples conjuntos de contenido relacionado en una sola área de tu página, permitiendo una experiencia de navegación interactiva y atractiva para tus visitantes.
El año pasado, de nuevo junto a la Agencia Jaimito, desarrollé sin código la web de Omplim. Todavía no existían los Carrusels Anidados y recurrimos al de Testimonios para crear el slider de la home.
Descubre más información sobre la versión 3.14 de Elementor y el widget Nested Carousel o Carrusel Anidado aquí.
Filtro de taxonomía o Taxonomy Filter Widget
La versión 3.15, lanzada en pleno verano, a finales de julio, llegó fuerte con dos widgets muy interesantes: el Filtro de Taxonomía y los Acordeones Anidados.
El Taxonomy Filter es un widget de Elementor que facilita la creación de filtros basados en taxonomía para contenido, como publicaciones o productos en tu sitio web de WordPress. Junto al widget Loop Grid, permite la creación de listas clicables con taxonomía, por ejemplo Categorías de Noticias o Blog.
En el pasado, había que recurrir a botones enlazados de forma dinámica u otras alternativas para crear diseños similares a los que ahora te permite este widget con pocos clics.
Cuando diseñé y desarrollé la web de Alternativa, por ejemplo, usamos las tablas anidadas para organizar los proyectos de la ONG en forma de lista. De haber existido el widget Filtro de Taxonomía seguramente, hubiera optado por esta opción.
Nested Accordion o Acordeón Anidado
Por último, Elementor ha introducido un nuevo widget llamado Nested Accordion o Acordeón Anidado que fusiona y extiende las capacidades del antiguo widget Accordion (Acordeón) y Toggle (Conmutador) en una sola herramienta versátil. Con este widget, puedes crear acordeones anidados, lo que significa que puedes tener múltiples capas de contenido plegables y expandibles dentro de un solo elemento, que además ofrece la opción de tener el widget que quieras dentro de su contenido desplegable. Esto ofrece una forma más eficiente de organizar y presentar información en tu sitio web, especialmente en sitios web con mucho texto.
Descubre más información sobre la versión 3.15 de Elementor y los widgets Taxonomy Filter o Filtro de Taxonomía y Nested Accordion o Acordeón Anidado aquí.
Conclusión
En resumen, Elementor ha lanzado una serie de widgets y herramientas altamente versátiles en 2023 para mejorar la experiencia de diseño web. Desde los widgets de pestañas anidadas y bucles de carrusel, que permiten una organización eficiente del contenido, hasta los contenedores CSS Grid que proporcionan una gran flexibilidad en el diseño, Elementor sigue mejorando sus capacidades de diseño web.
Además, el nuevo Mega Menú brinda una navegación de alto nivel y una interfaz de usuario amigable. El widget de filtro de taxonomía facilita la búsqueda de contenido específico, y el «Nested Accordion» combina las funcionalidades de acordeones y conmutadores en un solo elemento versátil.
Estas nuevas incorporaciones demuestran el compromiso de Elementor en proporcionar herramientas avanzadas y flexibles para diseñadores web y propietarios de sitios, permitiendo una creación de sitios web más atractiva, organizada y efectiva en 2023 y más allá. Las posibilidades para mejorar la creatividad y el rendimiento en diseño web están en constante expansión con Elementor.
Diseña tu próximo sitio web o el de tus clientes teniendo en cuenta estos widgets
Si deseas llevar tu web o la de tus clientes al siguiente nivel y necesitas ayuda para dar vida a tus ideas a través del diseño web sin código con WordPress y Elementor Pro, ¡no dudes en contactarme! Estoy aquí para colaborar contigo en la creación de un sitio web diseñado por ti mismo y lograr un resultado excepcional y con efectos wow. ¡Hagamos que tu próximo proyecto web sea un éxito! Contáctame 🙂