Bricks VS Elementor

Elementor, el plugin todoterreno para maquetar tu web

Personalmente he usado Elementor en más de 50 sitios web y estoy muy contento.

Pero eso no quiere decir que sea una herramienta perfecta. Tiene, como todo sus ventajas y desventajas.

Vamos a ver qué es capaz de hacer Elementor y alguna de sus ventajas y desventajas.

Características y ventajas de Elementor

Vas a poder utilizar Elementor con cualquier tema. Eso te da una gran versatilidad, ya que Elementor puede encargarse de maquetar el contenido de la web, mientras que tu tema puede encargarse de maquetar la cabecera, footer y otros apartados del sitio.

El maquetador es muy fácil de usar, incluso algunos de mis clientes que no tienen perfil técnico, han sabido manejarlo y hacer cambios en la maquetación por su cuenta.

Cuanta con una versión gratuita muy simple pero que puede ser suficiente para proyectos sencillos.

La versión Pro cuanta con una gran cantidad de bloques o widgets que te permiten maquetar casi cualquier diseño.

Algunas desventajas de Elementor

Elementor cuenta con bastantes detractores ya que genera webs que técnicamente no están optimizadas.

Esto es cierto pero tiene fácil solución si te tomas un tiempo configurando algún plugin de cache y de optimización WPO. Sin embargo, entiendo que esto no es lo optimo y todos esperamos tener un sitio que funciona bien «de serie».

Por otra parte, muchos usuarios de Elementor añaden varias extensiones gratuitas y de pago para aumentar sus funciones. Dando como resultado más sobrecarga al sitio web.

Como todo, es algo que se puede solucionar si se cuenta con los conocimientos necesarios.

Bricks Builder, el maquetador más prometedor para WordPress

Bricks builder es un tema para WordPress que te permite maquetar cualquier apartado de tu sitio web. Con Bricks puedes diseñar a tu gusto cualquier elemento:

• Cabecera, barra lateral y pie de página
• Publicaciones de tu blog, ya sea el diseño de cada entrada o el listado de posts
• Diseño de tipos de contenidos personalizados (servicios, portfolio o cualquiera que requiera tu negocio)
• Diseño de tu tienda online WooCommerce (carrito, página de producto, checkout, etc.)
• Resultados de búsqueda, página 404

Esto es diferente a los temas convencionales de WordPress limitados al área de contenido de tu web y algunos cambios en cabecera y pie de página.

Pero poder maquetar todos los elementos de tu web no es ninguna novedad, ya que puedes hacerlo con Elementor, Oxygen, Divi y otros maquetadores.

Entonces, ¿Cuáles son las ventajas de Bricks Builder que le han hecho tan popular?

Para empezar, creemos que Bricks se ha creado de forma muy inteligente. Han sabido recopilar todos los aciertos de su competencia y evitar sus fallos. Vamos por partes para que lo entiendas mejor.

Rapidez de uso

Algo que puedes notar cuando empiezas a manejar Bricks es que la organización de las herramientas está muy bien pensada. Aun siendo una herramienta muy potente, es fácil encontrar donde está cada cosa.

Si vienes de usar Elementor, es posible que ganes en torno a un 20% de velocidad de trabajo si dominas Bricks. Lo cual es una ventaja extraordinaria si te dedicas de forma profesional a crear sitios web.

Pero, ¿de dónde viene esa velocidad?

• El maquetador de Bricks carga en un par de segundos, mientras que con otros maquetadores puede pasar de los 20 segundos
• La previsualización de los cambios en otra pestaña del navegador es casi instantánea
• Está mejor organizado que Elementor, Oxygen o cualquier otro maquetador
• Puedes dar estilo a clases CSS como veremos más adelante. Lo cual puede mejorar tu productividad de forma radical.
• Cuanta con diferentes buscadores para encontrar los widgets (bloques), como los parámetros que puedes modificar (tipografía, fondo, bordes, espaciado, etc.)
• Tiene un potente sistema para organizar tus paletas de colores y estilos globales.
• Internamente, Bricks utiliza el framework VUE.js una de las tecnologías más modernas y populares para la creación de aplicaciones web.
• Puedes exportar tus clases CSS a otra web con un par de clics

Solo con esto, Bricks se convierte en el maquetador que te permite trabajar más rápido. Si trabajas en una agencia de desarrollo web o creas varios sitios web al año como freelance, Bricks te va a ahorrar mucho tiempo frente a otras opciones.

Si además tienes conocimientos de Flexbox y CSS Grid te gustará saber que puedes usarlo de forma nativa con Bricks. Lo cual te evita crear un sin fin de secciones y columnas para maquetar diseños básicos.

Código limpio

Una de las desventajas de Elementor es que crea un código HTML demasiado complejo incluso para diseños simples. Esto puede parecer un aspecto técnico poco importante, pero tiene su repercusión de cara al posicionamiento en Google.

Con Bricks conseguimos también un código técnicamente perfecto y que carga solo aquellas librerías de CSS y JavaScript que necesita la web.

¿El resultado de esto cuál es?

• Tendrás la mejor nota posible en tests de rendimiento como Core Web Vitals, cada vez más importante para el SEO en Google
• El tiempo de carga de tu web será muy rápido mejorando la experiencia de usuario y la conversión.

Listados de posts a medida

Pese a que Elementor es muy potente, necesita de plugins adicionales para algunas funciones. Nosotros hemos hablado de Crocoblock como uno de los plugins (o conjunto de plugins) imprescindibles para usarlo junto a Elementor.

Una de las funciones que permite hacer Crocoblock junto a Elementor es la creación de grids diseñados a medida. Por ejemplo, puedes diseñar un listado de posts e incluir los elementos que quieras:

• Imagen destacada
• Resumen del post
• Fecha de publicación, autor, categoría, número de comentarios, etc.

Todo ello con un control total del diseño y orden de los elementos.

Esta es una de las funciones más potentes que tiene Bricks, ya que no necesitas ningún plugin adicional. Puedes crear grids con cualquier tipo de contenido personalizado que requiera tu web (portfolio, inmuebles, habitaciones de hotel, productos, etc.).

Precio

Cuando escribo este post, Bricks tiene un precio de un pago único de 99$ para un sitio y 249$ para sitios ilimitados. Lo cual te garantiza actualizaciones y soporte técnico de por vida.

Mientras tanto, Elementor solo dispone de planes de pago anual que van de los 59$ al año hasta los 999$ según el número de sitios web.

Ten en cuenta también que con Elementor tendrás que sumarle el precio de Crocoblock si quieres tener las mismas funcionalidades.

Otras ventajas

• Potente sistema de plantillas y bloques de contenido que puedes importar y exportar entre sitios e incluso compartir con la comunidad de Bricks.
• Opciones para desarrolladores. Si tienes conocimientos de PHP puedes llamar a funciones o incluso insertar y ejecutar bloques de código en el propio maquetador.
• Puedes usar datos dinámicos generados con plugins como Advanced Custom Fields, Meta box, Crocoblock JetEngine, Pods y Toolset.

👉 Mira más plantillas y extensiones adicionales para Bricks.

Vamos con las desventajas de Bricks que otros maquetadores no tienen.

Funciones que faltan

Hay algunas funciones importantes que todavía no están implantadas en Bricks y que son necesarias para muchos proyectos:

• Falta de compatibilidad con plugin LMS como LearnDash o Tutor LMS para crear academias online
• Pocas plantillas disponibles en comparación con la enorme cantidad de plantillas que puedes usar con Elementor.

Ten en cuenta que varias de estas desventajas ya está planificado resolverlas como indica la hoja de ruta de Bricks. Por lo que en poco tiempo podrás usarlo en cualquier proyecto por complejo que sea.

Integración con otros plugins y extensiones

Otra de las ventajas de Elementor es que cuenta con su propio ecosistema de plugins o extensiones que amplían su funcionalidad. Esto es una ventaja cuando hay que resolver una función que no cubre Elementor.

Sin embargo, Bricks cuenta con unas pocas extensiones para ampliar sus funcionalidades.

Mira la reseña completa de Bricks Builder con todos los detalles.