Si eres un usuario de WordPress, de seguro ya has utilizado o al menos oido hablar de Gutenberg, el editor de bloques introducido en la versión 5.0 de WordPress. A diferencia del editor clásico, Gutenberg se centra en la creación de contenido utilizando bloques, lo que hace que la creación de páginas y entradas sea una experiencia más visual e intuitiva. Sin embargo, si deseas llevar tus diseños y páginas a otro nivel, necesitarás un page builder para Gutenberg.
A continuación, te presentamos los 5 mejores constructores de páginas para Gutenberg:
1. Greenshift
Greenshift es un constructor de páginas para Gutenberg que destaca por tener las capacidades de animación más avanzadas de todos los plugins de gutenberg. Además, destaca por su facilidad de uso y enorme flexibilidad. Con Greenshift, puedes crear todo tipo de páginas, desde las más básicas y sencillas hasta páginas con diseños super complejos, utilizando su intuitiva interfaz. La herramienta también viene con una extensa variedad de bloques que lo convierten en una solución muy completa.
Greenshift cuenta con algunos complementos (Addons) de pago para complementar su versión gratuita. Estos Addons son el “Advanced Animation Addon”, “Query and Meta Addon”, “WooCommerce Addon”, “Marketing and SEO Addon” y el “Chart Addon”.
En su versión gratuita encontrarás más de 30 bloques, entre ellos el “Advanced Heading”, “Advanced List”, “SVG Shape”, “Table of Content”, “Video Box”, “Map”, “Social Share”, etc.., y en sus Addons de pago encontrarás algunos bloques únicos y exclusivos que solo encontrarás en Greenshift. Entre ellos el “Animation Container”, “DotLottie Smart Loader”, “Thumbs counter”, “Parent-child categorizator”, “Repeater Builder”, “Meta Getter”, y mucho más.
Otra de las fortalezas de este plugin, es que sus desarrolladores se han tomado muy en serio la optimización de la velociadad de carga en base a las métricas Core Web Vitals de Google. Esto te garantiza que todas páginas creadas con Greenshift serán extremadamente livianas y rápidas.
- Row
- Section
- Container / Wrapper
- CSS Grid of containers
- FlexBox
- Flipbox 3d Container
- Advanced Heading
- Advanced Text
- Heading with circle number
- Advanced List
- SVG Shape
- SVG Path Text
- Icon Box
- Image
- Info Box
- Colored TitleBox
- Accordion
- Advanced Tabs
- Slider and Carousel
- Table of Content
- Progress Bar
- Content toggler
- VideoBox
- Counter
- Countdown
- Button
- Sliding panel / Popup trigger
- Text with Popup trigger
- Social Share
- Switcher
- Map
- 3D Model Viewer
- Spline3D app loader
- Instalaciones activas: 20,000
- Rating: 4.9
2. GenerateBlocks
GenerateBlocks ha sido desarrollado por Tom Usborne, el mismo desarrollador del popular y legendario tema GeneratePress. Este plugin incluye 6 bloques en su versión gratuita y 8 en su versión Pro. Puede que te parezcan pocos, pero la verdad es que al combinarlos puedes construir casi cualquier cosa ya que son extremadamente flexibles y potentes. Aquí puedes ver algunos ejemplos de lo que puedes construir con estos bloques -> https://generateblocks.com/library/
Una de las mejores características de GenerateBlocks, es que sigue los mismos principios de código optimizado para la velocodad de carga que siempre han distinguido a GeneratePress. Es decir que es extremadamente liviano y rápido. En este aspecto, solo Greenshift es capaz de igualarlo. Si bien Kadence Blocks, Stackable, Otter y Spectra son bastante rápidos y livianos, el primer lugar se lo lleva GenerateBlocks junto a Greenshift.
El código HTML / CSS generado por GenerateBlocks en el front-end es extremadamente limpio, de hecho es el más limpio y reducido de todos los competidores en esta lista. Esto ayuda a que las páginas creadas con GenerateBlocks carguen super rápido. En este aspecto del HTML / CSS el segundo lugar se lo lleva Greenshift.
- Grid
- Container
- Button
- Headline
- Image
- Query Loop
- Instalaciones activas: 100,000
- Rating: 4.9
3. Kadence Blocks
Con Kadence Blocks convierte al editor de bloques de gutenberg en una poderosa herramienta de creación de páginas web que te permite obtener resultados impresionantes. Resultados que antes solo se podían lograr con Page Builders como Elementor y Divi. Esto es posible, ya que cada uno de los bloques de Kadence Blocks, ha sido creado para ofrecerte un altísimo nivel de flexibilidad, sin descuidar la velocidad, accesibilidad y extensibilidad.
Kadence también te ofrece una generosa cantidad de plantillas de inicio (starter templates), que en nuestra opinión personal, son las plantillas de inicio de mayor calidad. Si bien también encontrarás plantillas (templates) gratuitas en Greenshift, Spectra, Stackable, Otter y GenerateBlocks, es evidente que las de Kadence lucen más profesionales a nivel de diseño.
Su comunidad de facebook es una de las más activas y amigables en donde podrás interactuar y solicitar ayuda cada vez que lo necesites.
- Row Layout
- Section
- Accordion
- Advanced Gallery
- Advanced Buttons
- Advanced Text
- Countdown
- Count Up
- Form
- Google Maps
- Icon
- Icon List
- Info Box
- Advanced Image
- Lottie Animations
- Posts
- Show More
- Spacer/Divider
- Table of Contents
- Tabs
- Testimonials
- Instalaciones activas: 300,000
- Rating: 4.8
4. Spectra
Spectra, conocido anteriormente como Ultimate Addons for Gutenberg y desarrollado por la empresa BrainStorm Force, creadores del popular tema Astra, es uno de los plugins para gutenberg más populares.
Spectra te ofrece más de 30 bloques, que te permiten crear todo tipo de sitios web, desde sitios para pequeños negocios, hasta blogs, sitios para promover productos de afiliado y mucho más.
Al igual que sus competidores, Spectra cuenta con una generosa variedad de opciones de personalización, organizadas de manera lógica y clara dando como resultado una interfaz de usuario amigable e intuitiva. Podrás en la mayoría de los casos, realizar todos los ajustes en tus diseños sin tener que recurrir a código CSS personalizado.
Una de las ventajas de Spectra, es que te ofrece la librería más grande de plantillas de inicio (starter templates) y pre-diseños gratuitos (Pages, Patterns, Wireframes) listos para importar. Esto te ahorrará mucho tiempo en el proceso de creación de tu sitio web.
- Container
- Heading
- Image
- Buttons
- Info Box
- Call To Action
- Icon
- Blockquote
- Content Timeline
- Countdown
- Counter
- FAQ
- Form
- Google Maps
- How To
- Icon List
- Image Gallery
- Inline Notice
- Lottie Animation
- Marketing Button
- Modal
- Post Carousel
- Post Grid
- Post Timeline
- Price List
- Review
- Slider
- Social Share
- Star Ratings
- Table of Contents
- Tabs
- Taxonomy List
- Team
- Testimonials
- Instalaciones activas: 500,000
- Rating: 4.7
5. Stackable
Stackable es uno de los primeros plugins que aparecieron para gutenberg y desde sus inicios mostró claramente en base a su calidad y características, su intención de ser uno de los mejores y no ser simplemente uno más del montón.
En su versión gratuita te ofrece más de 35 bloques, todos con muchas opciones para personalizarlos a tu gusto y satisfacer tus requerimientos. Con Stackable podrás crear hermosas landing pages, sitios web de apariencia profesional, y todo tipo de sitio web debido a su alta flexibilidad. Stackable también cuenta con una librería de diseños en donde encontrarás templates pre-diseñados de alta calidad que te ahorrarán mucho tiempo al momento de crear tu sitio web.
Stackable también es muy rápido. Las páginas que construyas con Stackable pasarán con las mejores puntuaciones todas las pruebas de rendimiento como GTMetrix, PageSpeed Insights, etc…
- Accordion
- Blockquote
- Button
- Icon Button
- Social Buttons
- Call to Action
- Card
- Columns / Container
- Count Up
- Countdown
- Divider
- Expand / Show More
- Feature Grid
- Feature
- Heading
- Hero
- Horizontal Scroller
- Icon Box
- Icon Label
- Icon List
- Icon
- Image Box
- Image
- Map
- Notification
- Number Box
- Posts
- Price
- Pricing Box
- Progress Bar
- Progress Circle
- Separator
- Spacer
- Subtitle
- Table of Contents
- Team Member
- Testimonial
- Text
- Video Popup
- Instalaciones activas: 80,000
- Rating: 4.9
Mención Honorífica
Otter
Otter es un plugin deliveradamente minimalista, que te ofrece en cada uno de sus bloques un reducido pero cuidadosamente seleccionado grupo de opciones de personalización. Esto significa que si bien, para páginas de diseño sencillo, estas opciones serán suficiente para la mayoría de los casos, en algunas ocaciones cuando estes creando diseños más complejos y detallados, puede que necesites agregar tu propio código CSS para lograr la personalización que requieras.
Otter es desarrollado por Themeisle, los creadores del popular y super rápido tema Neve. Esto te garantiza que es un producto de alta calidad que llegó para quedarse, desarrollado y mantenido por una empresa sólida y de larga trayectoría en el mundo de WordPress.
Si eres de los usuarios que prefieren utilizar lo bloques nativos que vienen por defecto incluidos en el editor de bloques de gutenberg, entonces es probable que Otter sea tu opción preferida. A continuación te explicamos por qué.
En Otter, a diferencia de los demás constructores de páginas para gutenberg, el diseño de su interfaz de usuario se basa mayoritariamente en la interfaz nativa de gutenberg. Solamente la expande con opciones de personalización adicionales y agrega uno que otro pequeño cambio visual. Para comprobar esto, solo debes checkear como lucen los paneles de opciones de los bloques nativos de gutenberg y compararlos con los paneles de opciones de Otter, Greenshift, Kadence Blocks, Spectra, Stackable y GenerateBlocks.
- Masonry
- Accordion
- Advanced Heading
- Button Group
- Circle Counter
- Countdown
- Flip Card
- Icon
- Form
- Google Maps
- Icon List
- Maps
- Lottie Animation
- Popup
- Posts
- Progress Bar
- Product Review
- Section
- Sharing Icons
- Slider
- Stripe Checkout
- Tabs
- Instalaciones activas: 300,000
- Rating: 4.8
Conclusión
Si deseas llevar tus diseños y páginas a otro nivel, necesitarás un constructor de páginas para Gutenberg. Cada uno de los constructores de páginas mencionados anteriormente ofrece características y opciones avanzadas para la creación de diseños y páginas personalizadas. Si eres un principiante, es posible que desees comenzar con una herramienta más sencilla, como Kadence Blocks o Spectra. Si estás buscando una herramienta más avanzada pero aún lo suficientemente intuitiva para los usuarios principiantes, te recomendamos Greenshift o Stackable.
Al elegir un constructor de páginas para Gutenberg, asegúrate de considerar tus necesidades y habilidades, así como la cantidad de características y opciones que deseas en tu herramienta. Nuestro consejo es que instales y pruebes cada una de estas 5 opciones y descubrás por ti mismo cual se adapta mejor a tus preferencias personales y requerimientos específicos.
Preguntas frecuentes (FAQ)
¿Qué es Gutenberg y cómo se diferencia de otros editores visuales de WordPress?
Gutenberg es el editor visual predeterminado de WordPress desde la versión 5.0. A diferencia de otros editores visuales, Gutenberg se enfoca en la creación de contenido mediante bloques, lo que facilita la personalización y el diseño del contenido.
¿Cuáles son los bloques más útiles en Gutenberg?
Los bloques más útiles dependerán del tipo de contenido que desees crear, pero algunos de los bloques más populares incluyen el bloque de texto, el bloque de imagen, el bloque de encabezado y el bloque de lista.
¿Puedo crear mis propios bloques personalizados en Gutenberg?
Sí, Gutenberg tiene una API de bloques que permite a los desarrolladores crear sus propios bloques personalizados.
¿Gutenberg es compatible con temas de WordPress personalizados?
Sí, Gutenberg es compatible con temas personalizados de WordPress. Sin embargo, algunos temas pueden requerir un poco de personalización para obtener el mejor rendimiento con Gutenberg.
¿Gutenberg reemplaza completamente al editor clásico de WordPress?
Gutenberg es el editor visual predeterminado de WordPress, pero aún puedes usar el editor clásico de WordPress mediante un plugin.
¿Puedo utilizar Gutenberg para crear páginas de destino / landing pages?
Sí, Gutenberg es una excelente herramienta para crear páginas de destino personalizadas, livianas y de carga rápida.
¿Gutenberg es accesible para personas con discapacidades?
Sí, Gutenberg ha sido diseñado para ser accesible para personas con discapacidades visuales y cognitivas.
¿Puedo utilizar Gutenberg en un sitio web multilingüe?
Sí, Gutenberg es compatible con sitios web multilingües y con plugins de traducción.
¿Cómo puedo elegir el constructor de páginas para Gutenberg adecuado para mi sitio web de WordPress?
Al elegir un constructor de páginas para Gutenberg, debes considerar tus necesidades y habilidades, así como la cantidad de características y opciones que deseas en tu herramienta. También puedes leer reseñas y probar diferentes herramientas para encontrar la que mejor se adapte a tus necesidades.
¿Es necesario tener conocimientos avanzados de programación para utilizar un constructor de páginas para Gutenberg?
No, un constructor de páginas para Gutenberg está diseñado para ser utilizado por usuarios principiantes sin conocimientos avanzados de programación. Los bloques y herramientas son altamente visuales y fáciles de usar.
¿Cuál es el futuro de Gutenberg en WordPress?
Gutenberg es una parte integral de WordPress y seguirá evolucionando y mejorando en futuras versiones de WordPress. Además, se espera que los desarrolladores sigan creando nuevos bloques y funcionalidades para Gutenberg.