a tenemos disponible la beta de Bricks 2.2, una actualización centrada casi al 100 % en el sistema de diseño.
Puedes descargarla desde tu cuenta de Bricks, pero recuerda: es una beta, no la instales en webs en producción.

A continuación te dejo un resumen rápido, destacando lo que más nos afecta como comunidad Flowtitude 👇
🎨 Nuevo Style Manager

Bricks estrena un panel unificado para gestionar todo el estilo del sitio:

• Estilos de tema, clases y variables CSS
• Paletas de color
• Tipografía y escalas de espaciado
• Generación de “framework” de estilos

🌈 Color Manager totalmente renovado

Nuevo sistema de color con:

• Paletas que puedes crear, editar e importar/exportar
• Variantes claro/oscuro, transparencia, tonos y armonías
• Flujo de trabajo basado en variables + utilidades
• Compatibilidad con colores “antiguos” y exportación CSS

🔢 Escalas tipográficas y de espaciado

Ahora podemos definir escalas fluidas:

• Escalas tipo “t-shirt” (xs, sm, md…), numéricas o personalizadas
• Valores mínimos/máximos fluidos de escritorio a móvil
• Variables y clases generadas automáticamente
• Exportar CSS, renombrar, resetear…

📥 Importador de framework CSS

Puedes pegar CSS de un framework y Bricks:

• Extrae clases y variables
• Permite aplicar prefijos y categorías
• Lo convierte en “fichas” nativas del Style Manager

🧩 Componentes más potentes

Novedades importantes en componentes:

• Áreas de contenido flexibles (tipo “slots”) para construir componentes reutilizables
• Variantes de estilo de componente (diferentes looks para el mismo componente)
• Soporte para variantes también en Gutenberg
• Agrupación de propiedades entre componentes padre/hijo

🔍 Búsqueda y consultas dinámicas

• Nuevos criterios de búsqueda para controlar exactamente qué campos se usan en las búsquedas de WordPress (posts, términos, usuarios, meta, etc.).
• Nuevo tipo de consulta “array” para hacer loops sobre arrays PHP o JSON (ideal para datos externos).

🧱 Otras mejoras relevantes

• Nuevo elemento Toggle Light/Dark Mode sin código extra
• Actualización y estabilización de varios sets de plantillas y wireframes
• Mejoras en WooCommerce (nueva plantilla “Mi cuenta – Métodos de pago”, más control en “Añadir al carrito”)
• Navegación instantánea experimental en el constructor (cambio de página vía AJAX)

🔗 Más info & enlaces

• Vídeo de presentación: https://www.youtube.com/watch?v=QQatSyYJcEA
• Changelog completo: https://bricksbuilder.io/release/bricks-2-2-beta/

Ahora le toca el turno a una de las páginas más olvidadas… la página de pago.
Olvidada, pero para nada menos importante. De hecho, es clave, especialmente si estás usando recuperación de carritos abandonados: todo el esfuerzo de traer de vuelta al cliente acaba aquí.

He preparado una estructura limpia y ordenada para la página de pago, pensada como base:

• Resumen del pedido bien visible 🧮
• Diseño sencillo, sin distracciones innecesarias ✅

Igual que en la página de «Gracias», la idea es darte un punto de partida sólido que puedas:

• Usar tal cual si necesitas algo rápido.
• O personalizar con mensajes de confianza, sellos, recordatorios de envío, soporte, etc.

Una página de pago clara y cuidada puede marcar la diferencia entre finalizar el pedido o abandonar el carrito otra vez.

Si te interesa que preparemos variantes más «marketinianas» (sellos de confianza, beneficios, garantías, etc.), déjalo en comentarios y lo vamos trabajando 👇

Acabo de preparar una plantilla sencilla y limpia para la página de “Gracias” después de la compra, pensada para usarla como base en WooCommerce con Bricks + Tailwind.

La idea no es ofrecer una página súper recargada, sino un punto de partida sólido que puedas:

• Usar tal cual si necesitas algo rápido y funcional 🧱
• O personalizar a tu gusto añadiendo bloques, recomendaciones, enlaces, mensajes de soporte, etc. 🎯

El diseño viene ordenado y estructurado, pero todas las personalizaciones corren de tu cuenta: textos, componentes, estilo… así cada uno puede adaptarlo al tono y necesidades de su tienda.

Si te interesa que compartamos más ejemplos de páginas de “Gracias” más avanzadas (cross-selling, encuestas, enlaces a comunidad, etc.), déjalo en los comentarios y lo tendremos en cuenta para los próximos bloques 👇

Estoy avanzando con la integración de WooCommerce para que las páginas de Mi cuenta se puedan personalizar con total libertad usando Flowtitude + Bricks.

En el ejemplo que estoy preparando hemos creado un pequeño dashboard personalizado donde el usuario puede ver:

• Número total de pedidos realizados 🧾
• Gasto acumulado en la tienda 💰
• Un listado de productos que ha comprado, con un badge indicando cuántas veces ha comprado cada uno.

Todo esto está montado con queries dinámicas, así que no estamos limitados a lo que trae WooCommerce de serie: podemos añadir cualquier bloque, métrica o componente que tenga sentido para tu proyecto (enlaces rápidos, recomendaciones, avisos, bloques de soporte, etc.).

La idea es que «Mi cuenta» deje de ser una página sosa y se convierta en un panel útil y bien diseñado para tus clientes.

Si se te ocurre algún bloque o métrica que te gustaría ver en este tipo de dashboard, déjalo en los comentarios y lo tendré en cuenta para las próximas plantillas. 💬

Estos días estoy reorganizando y refactorizando varias partes de la integración con WooCommerce para dejarlo todo mejor estructurado y mucho más fácil de mantener y escalar a futuro.

Además de esta limpieza interna, también estoy aprovechando para incorporar algunas mejoras, varias de ellas gracias al feedback directo de algunos miembros de la comunidad 👏

En paralelo, estoy trabajando en cerrar todas las plantillas relacionadas con WooCommerce para poder empezar a compartirlas muy pronto con los miembros PRO. La idea es tener una base sólida y coherente para construir tiendas avanzadas sin tener que partir de cero.

Cuando esta fase esté más avanzada, compartiré un registro de cambios donde detallaré todas las novedades: nuevas funcionalidades, mejoras y correcciones de errores. Así podrás ver claramente qué ha cambiado y cómo te afecta.

Si tienes sugerencias o necesitas algo concreto relacionado con WooCommerce, puedes dejarlo en los comentarios y lo tendré en cuenta en esta fase. 💬

Ya está disponible el nuevo elemento Parallax dentro del tema hijo de Flowtitude para Bricks. Es un componente pensado para crear secciones más vivas y dinámicas, con soporte tanto para imágenes como para vídeo.

🔹 ¿Qué puedes hacer con él?

• Usar múltiples tipos de fondo:

  • Imágenes de la biblioteca
  • Vídeos locales (MP4, WebM…)
  • YouTube y Vimeo pegando simplemente la URL
  • Color sólido o incluso “ninguno” si solo quieres jugar con el contenido

• Aplicar diferentes efectos parallax:

  • Fondo fijo tipo background-attachment: fixed
  • Movimiento suave por scroll (transform)
  • Efecto de zoom (scale)
  • Control de velocidad y dirección (vertical, horizontal o ambos)
  • Opción para desactivarlo en móvil y cuidar el rendimiento

• Añadir animaciones integradas tanto al fondo como al contenido:

  • Fade, slide en varias direcciones, scale
  • Efecto “stagger” para animar elementos hijos de forma escalonada
  • Duración y retraso configurables
  • Respeta prefers-reduced-motion para mejorar la accesibilidad

• Trabajar con una estructura flexible y nestable:

  • Contenedor principal donde puedes añadir cualquier contenido de Bricks
  • Overlay personalizable (color, imagen, etc.)
  • Compatible con clases de utilidad (Tailwind / Flowtitude) sin conflictos

🚀 Algunas ideas de uso

• Hero sections con vídeo de fondo y contenido animado
• Secciones de producto con imágenes en parallax
• Landings con bloques que combinan texto, imagen y movimiento
• Fondos dinámicos usando YouTube o Vimeo

📦 Disponibilidad

El elemento viene incluido en el Flowtitude Child Theme.
Solo tienes que activarlo desde el panel de elementos personalizados de Bricks y ya podrás usarlo como un elemento más en tus paginas.

Iré afinando opciones y comportamiento según el uso real que le vayáis dando, así que cualquier captura, ejemplo o feedback que queráis compartir será más que bienvenido 🙌

Estoy trabajando ahora mismo en dos frentes:

1️⃣ Checkout + mensaje de impuestos (vía AJAX)
Voy a modificar el comportamiento del AJAX del checkout para poder personalizar el mensaje que aparece junto al total, específicamente el texto relacionado con los impuestos (por ejemplo, si el total incluye o no incluye impuestos, notas legales, etc.).
La idea es que este mensaje sea configurable.

2️⃣ Nuevo widget experimental de parallax
También voy a empezar con un widget experimental para crear secciones con efecto parallax, tanto con imágenes como con vídeos.

En la primera versión añadiremos algunas opciones sencillas de personalización (altura de la sección, comportamiento del scroll, overlay básico…) y, a partir de ahí, iremos viendo hasta dónde tiene sentido llevarlo según el uso real que le vayáis dando.

Como siempre, cualquier feedback o idea sobre estos dos puntos es más que bienvenida 😊

Acabo de publicar un snippet súper útil para quienes hacen migraciones de WordPress: un script en PHP que reemplaza una URL por otra en toda la base de datos, respetando datos serializados y sin necesidad de plugins.

Lo tienes disponible en la sección de Snippets de la comunidad.
Si haces migraciones a menudo, te va a venir genial. 🚀

Hoy se libera WordPress 6.9, la última gran versión de 2025. La mayor parte de las novedades van otra vez al Editor de Bloques / Site Editor, pero como en Flowtitude vivimos sobre todo en Bricks + Tailwind, tiene sentido preguntarse:

🔍 ¿Y esto en qué nos afecta realmente?

1️⃣ Lo que NO cambia (y es importante decirlo claro)

• WordPress 6.9 no trae mejoras con la integración de Tailwind.
• El CSS de WordPress y WooCommerce sigue ahí; no desaparece ni adopta nuestro sistema de capas.
• Seguimos necesitando herramientas como Flowtitude Core, el tema hijo y el FDS para controlar la cascada y mantener el diseño limpio.

Es decir: no esperes que 6.9 arregle por sí solo la pelea con los estilos del core. Ese sigue siendo terreno Flowtitude.

2️⃣ Lo que SÍ nos afecta: menos ruido de CSS

La parte más interesante para nosotros está en el rendimiento y la carga de estilos:

• En temas clásicos (como nuestro child theme de Bricks) WordPress ahora carga los estilos de los bloques “bajo demanda” en lugar de enchufar todo wp-block-library.css por defecto.

• Esto reduce bastante la cantidad de CSS que añade WordPress en cada página.

• Si usas Gutenberg solo para entradas de blog o algunas páginas puntuales, notarás:

  • Menos CSS sobrante.
  • Menos riesgo de conflictos tontos con tu capa de Tailwind.
  • Un pelín más de aire para que tu CSS generado con Flowtitude Core respire.

No es un cambio espectacular, pero sí va en la dirección correcta: WordPress estorba menos cuando ya tienes un sistema de diseño serio encima.

3️⃣ Micro-mejoras de CSS que nos vienen bien

Entre las pequeñas cosas que suman:

• Ajustes en la especificidad del bloque de encabezados, para que algunos estilos de fondo/padding no se propaguen donde no deben.
• Mejor organización de los estilos de bloques, que reduce efectos secundarios raros cuando mezclas bloques de Gutenberg con componentes diseñados en Bricks + Tailwind.

No te cambia la vida, pero ayuda a que el “campo de batalla CSS” esté un poco más ordenado.

4️⃣ APIs nuevas que miramos de reojo desde Flowtitude

WordPress 6.9 también incorpora:

• La nueva Abilities API, que permite a plugins y temas declarar de forma estándar qué pueden hacer.
• Mejoras en la Interactivity API y en el manejo de scripts y estilos.
• Trabajo paralelo en un cliente PHP de IA y en conectores para integrar asistentes directamente con WordPress.

Para el día a día quizá te dé un poco igual, pero de cara al ecosistema Flowtitude significa:

• Más fácil, a medio plazo, conectar nuestro asistente de clases Tailwind y el asistente de estructuras Bricks con el propio WordPress.
• Menos “parches” y más integración nativa cuando usemos IA para generar layouts o aplicar utilidades Tailwind sobre contenido real.

5️⃣ Qué haremos desde Flowtitude

En las próximas semanas iremos:

• Probando WordPress 6.9 sobre el Flowtitude Starter y proyectos reales.

• Ajustando recomendaciones para:

  • Mezclar Gutenberg solo donde tenga sentido (blog, recursos, etc.).
  • Seguir manteniendo Bricks + Tailwind como núcleo de layout y diseño.

• Explorando cómo aprovechar las nuevas APIs para el roadmap del asistente de IA de Flowtitude.

Mientras tanto, si actualizas a 6.9, mi recomendación:

1. Hazlo primero en staging (sobre todo si es tienda).
2. Revisa un par de páginas clave con mucho contenido (home, listado de productos, blog).
3. Comprueba que no haya cambios visuales raros en headings, botones o bloques que convivan con tus clases de Tailwind.

Si te encuentras algo curioso tras actualizar, tráelo a la comunidad y lo revisamos entre todos 🙂

Conforme voy avanzando con la integración de WooCommerce, cada vez veo más claro que las posibilidades no paran de crecer.

En esta fase hemos incorporado 4 widgets específicos para construir las páginas de pedidos dentro de la sección “Mi cuenta” 🧩

Con estos widgets puedes, por ejemplo:

• Mostrar el listado de pedidos con un diseño más limpio y legible.
• Resaltar estados de pedido importantes.
• Personalizar la vista de detalle del pedido de forma modular.
• Combinar bloques para adaptar la experiencia a tu tipo de tienda.

🔍 En la captura que ves aquí te muestro una personalización sencilla: una página de pedidos creada solo con estos widgets, sin necesidad de CSS personalizado ni layouts complicados.

La idea es que puedas partir de algo simple, pero con una base sólida, y luego ir añadiendo capas de diseño con Tailwind y el resto del ecosistema Flowtitude.