Gutenberg vs Brizy: ¿Qué constructor de páginas deberías usar para crear sitios web en 2024?

Gutenberg y Brizy son dos grandes herramientas para construir cualquier tipo de sitio web. Ambas son relativamente nuevas, fáciles de usar y ofrecen montones de funciones interesantes.

¿Está creando un sitio web y se pregunta cuál es el mejor? Cada una tiene sus argumentos.

Te guiaremos a través de ambos, y al final de este artículo, tendrás una buena idea de cuál es mejor para ti.

Hablaremos de sus principales características, diferencias, capacidades y mucho más. Para asegurarnos de que estamos de acuerdo, empezaremos por aclarar algunos aspectos básicos.

¿Qué es WordPress Gutenberg?

Gutenberg es el nuevo editor por defecto de WordPress. Te permite construir páginas web utilizando bloques, por eso se llama editor de bloques. Al igual que los ladrillos individuales se pueden juntar para construir una casa, estos bloques son elementos individuales que puedes juntar para construir tu sitio web.

Hay bloques de título, bloques de contenido, bloques de imagen y todo tipo de bloques, que le permiten añadir todo tipo de componentes importantes a su sitio.

Y lo mejor es que no es necesario programar. Todo lo que tienes que hacer es arrastrar y soltar los bloques para colocarlos en su lugar en una página.

Antes de la introducción de Gutenberg en 2018, el editor de WordPress era esencialmente un editor de texto que permitía añadir imágenes, texto, cambiar su color y poco más.

Si querías diseñar otras partes de tu sitio usando el editor, estabas limitado por las opciones de diseño de tu tema. Para hacer más cambios, tenías que usar código PHP, HTML o CSS.

Entra en el editor de bloques Gutenberg.

Aunque los bloques estaban disponibles mucho antes de Gutenberg, su llegada supuso la primera vez que el diseño de WordPress basado en bloques estaba disponible por defecto.

Se ha desarrollado desde su lanzamiento en 2018, y hoy en día, Gutenberg ofrece muchas características que pueden rivalizar incluso con los mejores constructores de páginas en algunos aspectos.

Lo que nos lleva a Brizy, uno de los mejores constructores de páginas disponibles en la actualidad.

¿Qué es Brizy?

Igual que Gutenberg, Brizy se lanzó en 2018. Ya ha ganado una base masiva de usuarios con más de 80, 000 instalaciones activas. Se considera una excelente alternativa a constructores de páginas más antiguos y populares como Elementor y Beaver Builder.

Hay varias razones que explican su creciente popularidad.

Para empezar, Brizy se centra en la facilidad de uso, especialmente para principiantes con pocos conocimientos técnicos.

Con su interfaz de arrastrar y soltar, puedes añadir rápidamente elementos a las páginas y crear un sitio web atractivo en cuestión de minutos. Brizy también ofrece un montón de plantillas pre-construidas que le permiten rápidamente iniciar el proceso de diseño.

Tiene toneladas de otras características. Pero antes de hablar de ellos, vamos a caminar a través de las diferencias entre los constructores de página y el editor de bloques.

Page Builders vs Editor de bloques

Hasta ahora, los constructores de páginas -como Brizy- y el editor de bloques Gutenberg podrían parecer lo mismo. Ambos son herramientas que te dan acceso a elementos que puedes usar para construir tu sitio.

Pero hay algunas diferencias clave entre Editor de bloques Gutenberg y un completo constructor de páginas de WordPress.

Éstos son los principales:

1. Por defecto frente a terceros: Como editor predeterminado, Gutenberg está totalmente integrado en el núcleo de WordPress. Los creadores de páginas, por otro lado, son plugins creados por desarrolladores externos. Esto tiene algunas implicaciones que discutiremos más adelante en el artículo.
2. Editor frente a constructor: El equipo de WordPress llama a Gutenberg un editor de bloques en lugar de un constructor de páginas por una razón. Si bien es definitivamente una actualización importante del editor anterior de WordPress, el enfoque de Gutenberg sigue siendo el texto. En otras palabras, el objetivo principal de Gutenberg es facilitar la edición de contenido en WordPress. Los constructores de páginas, por otro lado, generalmente tienen un enfoque más amplio e incluirán todo lo que necesitas para construir páginas web completas.
3. Edición backend vs frontend: Gutenberg sólo ofrece edición de backend. Si bien esto le da una idea bastante buena de cómo se verá su página, usted todavía tiene que obtener una vista previa para estar seguro de cómo la página se verá a los visitantes. Por el contrario, la mayoría de los creadores de páginas ofrecen un editor frontal y una vista previa en vivo. Esto le permite ver los resultados de cualquier cambio que realice en tiempo real.

Compara Gutenberg a Elementor aquí o Gutenberg con Beaver Builder.

Los creadores de páginas y el futuro del diseño web

Antiguamente, el editor de WordPress era básicamente un editor de texto, y para realizar cambios en el sitio era necesario tener conocimientos de programación.

Para colmar esta laguna, los desarrolladores crearon los creadores de páginas. Los usuarios con pocos conocimientos técnicos podían realizar acciones de diseño avanzadas, como ajustar el diseño de las páginas, crear encabezados y pies de página personalizados y mucho más.

Con la introducción de Gutenberg, muchas de las funciones que ofrecen los constructores de páginas ya están presentes en WordPress por defecto.

Naturalmente, la pregunta sobre la que debaten la mayoría de los desarrolladores de WordPress es si el editor Gutenberg ha sustituido o sustituirá a los constructores de páginas. A día de hoy la respuesta es no, ya que la mayoría de los page builders siguen siendo significativamente más sofisticados.

Si bien el editor Gutenberg proporciona una forma intuitiva y fácil de usar para construir sitios web, sigue siendo en gran medida un editor de contenido con algunas limitaciones.

Sin embargo, a medida que se vayan introduciendo más actualizaciones, Gutenberg acabará igualando y superando a cualquier otro constructor de páginas.

Comparación entre Gutenberg y Brizy

Ahora que entiendes las diferencias entre el editor de bloques y los constructores de páginas, podemos discutir cómo Gutenberg se compara con Brizy específicamente.

Gutenberg vs Brizy - Capacidades

El editor Gutenberg te permite editar todo el contenido de las páginas que crees, pero estás limitado a las restricciones del diseño principal de tu tema. Esto se debe a que Gutenberg no puede anular la configuración o los estilos de tu tema. En su lugar, asume la mayoría de estos ajustes.

Como tal, cuando usas Gutenberg, tus diseños de página dependen de tu tema.

Brizy, en cambio, es un constructor de páginas completo con todo lo que ello conlleva. Ofrece mucha más flexibilidad y te da la libertad de romper con el diseño y la configuración de tu tema para crear diseños únicos.

Puede añadir contenido a las páginas, editar el contenido y cambiar todo el diseño de una página, incluidos el encabezado, el pie de página y las barras laterales.

Hay más opciones de estilo y diseño con Brizy que le dan el control total del diseño de su sitio.

Gutenberg vs Brizy - Facilidad de uso

Tanto Gutenberg como Brizy tienen una interfaz de arrastrar y soltar que los hace muy fáciles de usar. Pero hay algunas diferencias entre ambos.

Con el editor de Gutenberg, puedes arrastrar bloques y soltarlos donde quieras en una página. Sin embargo, no puedes ajustar la altura o anchura de estos bloques, añadir un elemento a otro o crear diseños complejos. En comparación con la mayoría de constructores de páginas, las opciones son bastante básicas.

Por otro lado, la función de arrastrar y soltar de Brizy te permite ir mucho más allá del simple desplazamiento de elementos. Puede ajustar la altura y la anchura, crear diseños complejos y colocar determinados elementos dentro de otros. Esto te da mucho más control sobre el diseño de tus páginas web.

Gutenberg vs Brizy - Características principales

Como actualización del editor TinyMCE, Gutenberg tiene un montón de características interesantes que los usuarios de WordPress esperaban desde hace tiempo.

He aquí algunas de ellas:

• Utiliza un enfoque basado en bloques para el diseño de páginas y ofrece una amplia gama de tipos de bloques. Estos incluyen párrafo, encabezado, imagen de portada, vídeo y mucho más.
• Gutenberg tiene una Biblioteca de Bloques Reutilizables que te permite guardar los bloques que has editado y utilizarlos más tarde.
• El editor del backend es un editor WYSIWYG que le permite ver el contenido en un formato cercano a la forma en que aparecerá en el frontend de su sitio.
• Ofrece una función de "Esquema del documento" que le proporciona una rápida visión general de la estructura del contenido de una página. Desde el Esquema del documento, puede ver el recuento total de palabras, junto con el número y la jerarquía de los títulos, párrafos y bloques de una página. También puede utilizarlo para navegar fácilmente a un bloque individual y editarlo.
• Gutenberg permite la alineación de ancho completo cuando utilizas un tema compatible con esta función. De este modo, puedes crear diseños impresionantes ampliando el contenido a todo el ancho de la página.
• El Editor de bloques ofrece soporte para anclajes, una función que permite enlazar bloques a otras áreas de una página.
• Gutenberg es un proyecto de código abierto que se actualiza constantemente por algunos de los mejores desarrolladores de WordPress de todo el mundo. Esto significa que solo puede mejorar con el tiempo.

Puede ampliar Gutenberg con plugins de bloque.

Brizy, por otro lado, se ha convertido rápidamente en uno de los constructores de páginas más populares, compitiendo fácilmente con constructores de páginas más antiguos como Divi y Beaver Page Builder. Esto se debe a su impresionante colección de características innovadoras:

• Brizy tiene más de 500 bloques de contenido que puede seleccionar para construir su sitio.
• Además, cuenta con más de 60 plantillas de sitios web prediseñados que cubren una amplia variedad de categorías. Entre ellas se incluyen blogs, empresas, sitios web personales y de una página.
• Brizy ofrece una biblioteca de más de 4.000 iconos vectoriales que puede utilizar para añadir estilo y singularidad a su sitio web.
• Hay más de 40 atractivas ventanas emergentes disponibles en el constructor que puede utilizar para aumentar las conversiones.
• Le da acceso a varias herramientas de marketing avanzadas y es compatible con una serie de herramientas de marketing populares de terceros.
• Brizy ofrece tanto un plugin de creación de páginas para WordPress como una plataforma de creación de sitios web basada en la nube.

Gutenberg vs Brizy - Diferencias clave

Además de las diferencias en la interfaz de arrastrar y soltar, y el nivel de flexibilidad ofrecido, hay algunas otras diferencias clave a tener en cuenta.

Como Gutenberg forma parte del núcleo de WordPress, es compatible con todos los plugins de WordPress del mercado. Esto significa que puedes utilizar cualquier plugin que desees sin preocuparte de que el editor se interponga en tu camino.

Por otro lado, aunque Brizy ofrece soporte para plugins bien codificados, sigue siendo un plugin de terceros y eso conlleva un cierto grado de riesgo cuando se combina con otros plugins.

Gutenberg tampoco ofrece plantillas prediseñadas que te permitan construir rápidamente tu sitio. Dicho esto, hay bastantes plugins de terceros que ofrecen estas características. Brizy, por otro lado, tiene más de 60 entre los que puedes elegir.

Esto puede hacer de Brizy una mejor opción para las personas que son nuevas en WordPress o simplemente no tienen tiempo para invertir en la creación de sitios web personalizados.

Gutenberg vs Brizy - Experiencia de edición en vivo

Como ya se ha mencionado, Gutenberg solo ofrece edición en el backend, por lo que sigue siendo necesario previsualizar el frontend de tu sitio para estar seguro de cómo se mostrará exactamente a los visitantes.

Como la mayoría de los creadores de páginas modernos, Brizy ofrece una experiencia más intuitiva. El editor front-end le permite ver exactamente cómo su sitio web aparecerá a los visitantes en tiempo real, ya sea que esté construyendo para escritorio o para móvil, u otros tamaños de pantalla. También puedes previsualizar tus páginas web, como con Gutenberg, simplemente haciendo clic en el icono de vista previa.

Gutenberg vs Brizy - Características Responsive

Gutenberg por sí mismo no ofrece funciones que mejoren la capacidad de respuesta de tu sitio. Sin embargo, dado que depende en gran medida de la configuración de tu tema, puedes emparejarlo con cualquiera de las siguientes opciones. los mejores temas responsive para WordPress.

Por el contrario, Brizy tiene varias características que le permiten diseñar sitios altamente responsivos. Estas incluyen la opción de ver cómo se verá su diseño en dispositivos móviles, y la capacidad de ocultar ciertos elementos en dispositivos móviles.

Sin embargo, para obtener los mejores resultados, deberás utilizar un tema que responda correctamente.

Gutenberg vs Brizy - Características avanzadas

Gutenberg, por sí solo, no ofrece muchas funciones avanzadas. Pero como se puede utilizar básicamente con cualquier plugin de WordPress, hay miles de herramientas disponibles para ampliar su funcionalidad.

De hecho, muchos desarrolladores han creado bloques de terceros que puedes añadir a la colección de bloques por defecto de Gutenberg.

Nuestra Spectrapor ejemplo, te da acceso a bloques como el cuadro de información, el encabezado avanzado, las listas de precios, las redes sociales, la clasificación por estrellas, etc.

Brizy ofrece varias funciones avanzadas gratuitas. Estas incluyen formularios de contacto visuales incorporados, la opción de convertir cualquier bloque en un deslizador y bloques globales. Incluso en comparación con otros constructores de páginas de terceros, estas características son impresionantes.

La versión premium le da acceso a aún más características como un constructor de WooCommerce, funcionalidad de cabecera pegajosa, opciones de marca blanca, pruebas A / B split, y mucho más. También es compatible con una amplia gama de plugins que se pueden utilizar para mejorar aún más su funcionalidad.

Gutenberg vs Brizy - Impacto en la velocidad de la página

En términos de velocidad, Gutenberg es siempre el claro ganador en comparación con los constructores de páginas de terceros. Esto se debe a que ahora es una parte integral del núcleo de WordPress. Cuando lo usas, no estás instalando software adicional que podría ralentizar tu sitio.

Para demostrarlo, realizamos una prueba de Pagespeed Insights en una instalación predeterminada de WordPress (con Gutenberg) y otra con Brizy. Probamos la misma página web con un poco de contenido y una imagen, y descubrimos que la versión con Brizy obtuvo una puntuación decente de 98, pero la versión con Gutenberg obtuvo una puntuación perfecta de 100.

La página de Gutenberg también superó a la página de Brizy en todas las demás métricas relevantes, como la primera pintura de contenido, el índice de velocidad, la pintura de contenido más grande y el tiempo de interactividad. Estas métricas son una parte crucial de Principales datos vitales de la web de Googleque ahora son un factor de clasificación.

Puede que estas diferencias no parezcan gran cosa y, para ser justos, ambas herramientas han funcionado muy bien en esta prueba, pero una vez que empieces a añadir montones de imágenes y otros contenidos, querrás tener todas las ventajas posibles, por pequeñas que sean.

Gutenberg vs Brizy - Precios

Como editor por defecto de WordPress, Gutenberg es de uso completamente gratuito. Brizy, por otro lado, tiene versiones gratuitas y de pago. En comparación con Gutenberg y con la mayoría de constructores de páginas, la versión gratuita ofrece una impresionante colección de funciones.

Las opciones de pago empiezan en $34 al año y suelen ser bastante asequibles. Cada plan está disponible en plan anual o de por vida, como se indica a continuación:

• El plan Personal cuesta $34 al año o $104 para el plan de por vida
• El plan Freelancer cuesta $69 al año y $209 para el plan de por vida
• El plan Agencia cuesta $139 al año y $279 para el plan vitalicio

Cómo construir una página con Gutenberg

No es necesario instalar ningún software para empezar a utilizar el editor de bloques. Se introdujo con WordPress 5.0. Así que si estás usando la última versión de WordPress, entonces ya tienes el editor Gutenberg.

Si no es así, necesitas actualizar WordPress y todos tus plugins a la última versión.

La mayoría de las actualizaciones de WordPress no vienen con la última versión del constructor Gutenberg. Las versiones más recientes del editor suelen ser versiones beta, lo que significa que aún se están probando antes de incorporarlas al núcleo de WordPress.

Si desea utilizarlo, puede descargarlo como plugin desde el directorio de plugins de WordPress. Probablemente no deberías seguir este enfoque si no eres un usuario experimentado, ya que el plugin ofrece características beta que pueden causar complicaciones con tu sitio web en vivo.

Para utilizar Gutenberg, basta con crear una nueva entrada o página, o abrir una ya existente. En la esquina superior izquierda de la página, verás un cuadro azul con un signo más. Al hacer clic se abre el panel de bloques, donde encontrarás todos tus bloques.

Para añadir un nuevo bloque a tu página, haz clic en un bloque, arrástralo hasta el área en blanco y suéltalo. Otra opción es pasar el ratón por encima de un área concreta de la página y aparecerá un signo más.

Al hacer clic en él, se abrirá una lista de bloques populares. Puede seleccionar uno o hacer clic en Examinar todo para ver todas las opciones de bloqueo.

Una vez que hayas añadido un bloque, es posible que quieras personalizarlo. Al pasar el ratón sobre un bloque, aparecerá una pequeña barra de menú con algunas opciones básicas de personalización.

`Para opciones más avanzadas, consulte la barra lateral a la derecha de la página. Esta barra lateral es dinámica. Cuando seleccionas un bloque, te muestra automáticamente todas las opciones de edición relevantes para ese bloque en concreto.

Si quieres eliminar un bloque, pasa el ratón por encima. En la barra de menú que aparece, verás tres puntos a la derecha. Haga clic en ellos y seleccione Quitar bloque

Para desplazar un bloque, puedes pasar el ratón por encima de él y utilizar las flechas Arriba o Abajo que aparecen en la barra de menús para moverlo en esas direcciones.

Otra opción es seleccionar los seis puntos situados junto a las flechas Arriba y Abajo. De este modo se activa la función de arrastrar y soltar, que permite desplazar el bloque seleccionado.

Más información construir un sitio con Gutenberg en este amplia guía.

Cómo crear una página con Brizy

Construir una página con Brizy es fácil, pero un poco menos sencillo que usar Gutenberg. El primer paso es instalar el plugin Brizy Page Builder. Una vez hecho esto, crea una nueva página o entrada o abre una existente.

Verá un botón con la etiqueta 'Editar con Brizy'. Haga clic en él para empezar a diseñar su página en la interfaz resultante.

Una vez dentro, puedes diseñar tu página desde cero, o simplemente utilizar una plantilla prediseñada.

Para añadir elementos a su página, seleccione el icono más de la barra de herramientas situada a la izquierda de la página. Se abrirá una biblioteca con varios elementos.

Una vez que añada un elemento a su página, sólo tiene que hacer clic en él para que aparezcan las opciones de personalización.

También es muy fácil desplazar los elementos. Basta con hacer clic, arrastrar y soltar en el bloque deseado.

Gutenberg es mejor para...

Gutenberg se centra en ofrecer a los diseñadores web una experiencia de edición de contenidos moderna. Facilita a los diseñadores web la creación de grandes contenidos. Como tal, es especialmente ideal para personas centradas en el contenido, como blogueros, escritores y fotógrafos.

Brizy es mejor para...

Mientras que el editor de bloques se centra en el contenido, Brizy se centra más en ayudarte a crear sitios web bien diseñados y totalmente funcionales para aumentar las conversiones. Por eso es ideal para empresas de todo tipo.

Con Brizy, es fácil crear páginas de destino profesionales, utilizar ventanas emergentes y añadir herramientas de marketing como MailChimp y ConvertKit a su sitio.

Gutenberg vs Brizy - El veredicto

Llegados a este punto, debemos afirmar que el término "mejor" es relativo. Tanto Gutenberg como Brizy son formas fáciles, intuitivas y asequibles de construir tu sitio web.

Cada uno tiene pros y contras que lo hacen más adecuado para determinadas situaciones. Si la velocidad y el contenido son tus prioridades, Gutenberg es lo mejor. Pero si necesitas más libertad creativa o estás buscando construir un sitio de negocios, Brizy podría ser una mejor opción.

Ambas herramientas son capaces de construir la mayoría de tipos de páginas web por lo que, a la hora de la verdad, la elección estará entre gastar más recursos en el diseño de tu web cuando utilices Gutenberg o gastar más recursos en optimizar el rendimiento de tu web cuando utilices Brizy.

Hay otros grandes Creadores de páginas de WordPress a tener en cuenta. Y mientras piensas en cuál utilizar, recuerda que la mejor forma de sacar el máximo partido a cualquier constructor de páginas o editor de bloques de WordPress es combinarlo con un tema potente, ligero y adaptable como Astra.

¿Has creado un sitio web con Brizy o Gutenberg? ¿Cuál fue tu experiencia y cuál recomendarías? Nos encantaría que nos lo contaras en los comentarios.