Patrones de bloques: secciones reutilizables sin Elementor

Los patrones de bloques de WordPress son secciones prediseñadas (un banner, una franja de contacto, una tabla de precios, un bloque de preguntas) que guardas una vez y vuelves a insertar en cualquier página con dos clics. Si lo guardas como patrón sincronizado, al editarlo en un lugar se actualiza en todas las páginas donde aparece. Es lo mismo que muchos negocios hacen con plantillas guardadas de Elementor, pero con el editor nativo de WordPress, sin licencias adicionales y con menos código cargando en cada visita.

Para una MYPE esto resuelve un problema muy concreto: cambiar el número de WhatsApp, el horario o una promoción en veinte páginas sin tener que editar una por una. En esta guía te explicamos los tres tipos de patrones, cómo crearlos paso a paso, qué secciones conviene convertir en patrón y cómo armar una pequeña biblioteca para tu web.

Actualizado: octubre de 2026

Lo esencial

• Un patrón no sincronizado es una plantilla de sección: la insertas y luego cada copia es independiente.
• Un patrón sincronizado es una sección compartida: si la cambias, cambia en todas las páginas donde está.
• Desde WordPress 6.6 existen las anulaciones (overrides): mantienes el diseño sincronizado, pero cada página puede tener su propio título, texto, imagen o botón.
• Funcionan con temas de bloques y con temas clásicos, porque son parte del editor, no del tema.
• Las secciones que más conviene convertir en patrón son las que se repiten y cambian de vez en cuando: contacto, llamadas a la acción, horarios, avisos legales y preguntas frecuentes.
• No necesitas Elementor para tener secciones reutilizables. Sí necesitas orden: nombres claros, categorías y saber quién puede editar los sincronizados.

Qué es un patrón de bloques

Un patrón es un grupo de bloques guardado con su diseño: columnas, colores, espacios, imágenes y textos. Cuando lo insertas en una página, WordPress pone esos bloques tal cual y tú los ajustas. La idea es no rehacer cada vez la misma sección.

Los patrones existen en WordPress desde 2020, pero cambiaron mucho. Los antiguos «bloques reutilizables» pasaron a llamarse patrones sincronizados en WordPress 6.3, y en 6.6 llegaron las anulaciones, que explicamos más abajo. WordPress 7.0, publicado en mayo de 2026, sumó que los patrones se comporten como una sola unidad al editar, con la opción de separarlos si necesitas más control, según el anuncio oficial de la versión.

Si todavía no te sientes cómodo con el editor, revisa primero cómo usar el editor de bloques Gutenberg desde cero. Los patrones se construyen con los mismos bloques.

Los tres tipos de patrones y cuándo usar cada uno

La equivalencia con Elementor es orientativa: las funciones no son idénticas, pero resuelven el mismo problema. Si vienes de Elementor y te preocupa que tu web sea difícil de mantener, te puede servir nuestro artículo sobre hábitos de Elementor que crean webs imposibles de mantener; muchos de esos hábitos se repiten con bloques si no hay orden.

Qué secciones de tu web conviene convertir en patrón

No todo merece ser patrón. La regla práctica: si la sección aparece en tres páginas o más, o si vas a tener que cambiarla en el futuro, conviértela. Ejemplos habituales en webs de empresas peruanas:

Como patrón sincronizado

• Franja de contacto con teléfono, botón de WhatsApp, dirección y horario de atención. Si cambias de número, lo editas una vez.
• Llamada a la acción general («Solicita tu cotización») que va al final de cada servicio.
• Aviso del Libro de Reclamaciones con el enlace a tu formulario, si quieres mostrarlo además del pie de página.
• Medios de pago aceptados: tarjetas, Yape, Plin, transferencia. Cuando agregas uno, se actualiza en todas partes.
• Nota de precios del tipo «Precios en soles, no incluyen IGV», para que sea igual en toda la web.

Como patrón no sincronizado

• Cabecera de página de servicio: título, subtítulo, imagen y botón. Cada servicio tiene su texto.
• Bloque de beneficios en tres columnas con icono, título y texto.
• Preguntas frecuentes con el bloque Detalles. Si quieres que Google y la IA las lean bien, mira nuestros ejemplos de bloques de pregunta y respuesta.
• Tabla de precios o planes que cambia según el servicio.

Como patrón sincronizado con anulaciones

• Tarjeta de servicio con el mismo diseño en todas las páginas, pero con título, imagen y enlace propios.
• Llamada a la acción por servicio: el mismo diseño y color, con un texto adaptado («Cotiza tu web», «Cotiza tu campaña»).

Cómo crear un patrón paso a paso

Los pasos son los mismos en un tema de bloques y en uno clásico, porque se hacen desde el editor.

1. Abre una página o entrada y arma la sección con bloques. Conviene agruparla dentro de un bloque Grupo para que sea una sola pieza.
2. Selecciona el grupo, haz clic en los tres puntos de la barra de herramientas y elige Crear patrón.
3. Escribe un nombre claro, por ejemplo «CTA – Cotización general» o «Contacto – Franja WhatsApp y horario».
4. Elige una o varias categorías para encontrarlo después.
5. Activa o desactiva la opción Sincronizado según lo que necesites. Esta decisión es importante: piensa si quieres que los cambios se repliquen.
6. Guarda. A partir de ese momento lo encuentras en el insertador de bloques, en la pestaña Patrones.

Dónde se administran

En un tema de bloques, entra a Apariencia > Editor > Patrones. En un tema clásico, la lista suele estar en Apariencia > Patrones; según la versión y el tema, también puedes llegar desde el insertador de bloques con la opción de gestionar patrones. Desde ahí puedes renombrarlos, duplicarlos, exportarlos a un archivo JSON e importarlos en otra web.

Anulaciones: el mismo diseño con contenido distinto

Las anulaciones resuelven un problema clásico: quieres que todas las tarjetas de servicio tengan el mismo diseño (y que si cambias el color del botón cambie en todas), pero cada una debe tener su propio título y su imagen. Según el blog para desarrolladores de WordPress, se introdujeron en WordPress 6.6 y en esa versión funcionaban con los bloques Párrafo, Encabezado, Imagen y Botón.

1. Crea el patrón como sincronizado.
2. Edita el original del patrón.
3. Selecciona el bloque que quieres que cambie por página (por ejemplo, el encabezado).
4. En el panel Avanzado de la barra lateral, activa Habilitar anulaciones y ponle un nombre, como «Título de la tarjeta».
5. Repite con la imagen y el botón. Guarda.
6. Al insertar el patrón en una página, podrás cambiar esos bloques; el resto del diseño queda bloqueado y sincronizado.

Un consejo: activa anulaciones solo en lo que realmente cambia. Si habilitas todo, el patrón deja de cumplir su función de mantener el diseño consistente.

Patrones del tema y del directorio oficial

Muchos temas incluyen patrones propios (cabeceras, secciones de precios, testimonios) y además existe el directorio oficial de patrones de WordPress.org, con diseños que puedes copiar y pegar en tu editor.

• Ventaja: partes de un diseño probado y ahorras tiempo.
• Cuidado con las imágenes: reemplaza las imágenes de ejemplo por las tuyas, optimizadas. No dejes fotos de muestra en tu web publicada.
• Cuidado con la coherencia: mezclar patrones de distintas fuentes termina en una web con cinco estilos de botón. Ajusta colores y tipografías a tus Estilos globales.
• Para desarrolladores: un tema puede registrar patrones guardándolos como archivos PHP en su carpeta /patterns, y WordPress 7.0 añadió la posibilidad de crear bloques y patrones del lado del servidor solo con PHP. Así tu proveedor puede entregar una biblioteca de patrones versionada junto con el tema.

Cómo organizar una biblioteca de patrones para tu empresa

Con diez o quince patrones bien hechos se arma casi cualquier página de una web de servicios. Lo difícil no es crearlos, es mantenerlos ordenados.

• Nombres con prefijo. «CTA –», «Contacto –», «Servicio –», «Legal –». Así se encuentran rápido en el buscador del insertador.
• Una categoría propia con el nombre de tu empresa, para separarlos de los que trae el tema.
• Un documento corto (una hoja de cálculo basta) con cada patrón, si es sincronizado o no, en qué páginas se usa y quién puede editarlo.
• Permisos claros. Editar un patrón sincronizado cambia muchas páginas a la vez. Limita quién puede hacerlo con roles adecuados, como explicamos en usuarios y roles en WordPress.
• Revisión anual. Borra los que nadie usa y fusiona los que hacen lo mismo.

Ejemplo ilustrativo: una clínica dental con cuatro sedes

Supón una clínica con una página por tratamiento (doce en total) y cuatro sedes. Sin patrones, cambiar el número de WhatsApp de la franja de contacto implica editar doce páginas. Con un patrón sincronizado, es una edición. Si además la tarjeta de cada sede es un patrón con anulaciones, cambiar el diseño de las cuatro tarjetas también es una sola edición, y cada una conserva su dirección y su foto. Las cifras son supuestas, pero el cálculo es el mismo para cualquier web: número de páginas donde aparece la sección por número de veces al año que la cambias.

Patrones de bloques frente a Elementor: lo que ganas y lo que no

Si hoy usas Elementor solo para tener secciones reutilizables, los patrones pueden cubrir esa necesidad. Pero hay que ser honestos con las diferencias.

• Ganas: menos código en cada página, ninguna licencia anual extra para esta función, y secciones que siguen funcionando aunque cambies de tema.
• Ganas: una sola forma de editar. Quien sabe usar el editor de bloques ya sabe usar patrones.
• No ganas: el control visual fino de Elementor en animaciones, efectos y algunos diseños complejos. Con WordPress 7.0 y 7.1 mejoraron los controles por dispositivo, pero no todo lo que hace un constructor tiene equivalente nativo.
• Depende: si tu web ya está hecha en Elementor, rehacerla solo por los patrones rara vez se justifica. Lo comparamos en detalle en Elementor vs. Gutenberg en 2026.

Patrones bien hechos: velocidad y accesibilidad desde el origen

Un patrón se repite en muchas páginas, así que sus defectos también se multiplican. Vale la pena dedicarle diez minutos más al crearlo y revisar estos puntos una sola vez:

• Imágenes en el tamaño justo. Sube la foto al ancho en que se mostrará (por ejemplo, 1,200 px para un banner) y en formato WebP o AVIF. Si el patrón va arriba de la página, esa imagen suele ser la que define el LCP, una de las métricas que explicamos en Core Web Vitals 2026.
• Texto alternativo en cada imagen. Si el patrón tiene anulaciones en la imagen, recuerda cambiar también el texto alternativo en cada página.
• Encabezados en orden. Un patrón que empieza con un H2 funciona en casi cualquier página; uno que empieza con un H1 rompe la jerarquía si lo insertas debajo del título.
• Contraste suficiente entre texto y fondo, y botones con texto descriptivo («Cotiza tu web», no «Clic aquí»). Revisamos estos criterios en accesibilidad web en Perú y cómo cumplirla en WordPress.
• Prueba en celular. Antes de guardarlo, mira el patrón en la vista móvil del editor. Con WordPress 7.0 puedes ocultar bloques por dispositivo, útil para versiones más cortas de una sección en pantallas pequeñas.

Si vas a hacer cambios grandes en patrones sincronizados que están en muchas páginas, pruébalos antes en una copia de la web. Te explicamos cómo en staging en WordPress.

Errores frecuentes con los patrones

• Sincronizar lo que no debía. Alguien cambia el texto de una tarjeta pensando que solo afecta a esa página y lo cambia en todas. Antes de editar, fíjate si el bloque tiene el aviso de patrón sincronizado.
• Separar sin querer. Al «separar» o «desvincular» un patrón sincronizado, esa copia deja de actualizarse. Útil a veces, problemático si se hace por error.
• Patrones con datos que caducan. Promociones con fecha dentro de un patrón no sincronizado quedan olvidadas en páginas antiguas. Si la promoción tiene fecha, mejor un patrón sincronizado que puedas cambiar de una vez.
• Exceso de patrones. Cincuenta patrones casi iguales son tan difíciles de manejar como no tener ninguno.
• Imágenes pesadas. Un patrón con una imagen de 2 MB repite ese peso en cada página donde lo insertas.

Cómo pasar tus secciones de Elementor a patrones

Si decides migrar, no lo hagas de golpe. Un método ordenado:

1. Haz una lista de las secciones globales y plantillas guardadas que usas en Elementor.
2. Marca cuáles aparecen en más páginas y cuáles cambian con frecuencia. Esas van primero.
3. Recrea cada una con bloques nativos en un entorno de pruebas y guárdala como patrón del tipo adecuado.
4. Reemplaza la sección en una página de prueba y compara diseño y velocidad móvil.
5. Avanza página por página. Las páginas nuevas ya se hacen con patrones.

Cuándo pedir ayuda

Crear un patrón sencillo lo puede hacer cualquier persona que edite la web. Armar una biblioteca coherente con los Estilos globales, decidir qué se sincroniza y dejar los permisos bien configurados es más trabajo de diseño que de clics. En KOM diseñamos webs en WordPress pensadas para que tu equipo las mantenga sin depender de nosotros, con secciones reutilizables bien organizadas. Puedes ver los planes, con precios desde S/ 1,250 + IGV, en nuestra página de diseño web en WordPress.

Preguntas frecuentes

¿Los patrones de bloques funcionan con cualquier tema?

Sí. Los patrones forman parte del editor de bloques de WordPress, no del tema, así que puedes crearlos y usarlos con un tema de bloques o con uno clásico. Lo que cambia es dónde se administran: en un tema de bloques, desde el Editor del sitio; en uno clásico, desde el menú Apariencia o desde el insertador. Si cambias de tema, tus patrones guardados se conservan porque viven en la base de datos.

¿Puedo usar un patrón de una web en otra?

Sí. Desde la pantalla de administración de patrones puedes exportar un patrón a un archivo JSON e importarlo en otra web WordPress. También puedes copiar los bloques y pegarlos en el editor de la otra web. Revisa después que los colores y tipografías coincidan, porque dependen de los Estilos globales de cada web, y vuelve a subir las imágenes para no depender de la web de origen.

¿Qué pasa si borro un patrón sincronizado que está en varias páginas?

Las páginas que lo usaban dejan de mostrar esa sección o muestran un aviso de que el contenido ya no existe. Por eso, antes de borrarlo, revisa dónde se usa. Si solo quieres dejar de sincronizarlo, es más seguro separar el patrón en cada página, para que se convierta en bloques normales, y recién después eliminar el original.

¿Los patrones hacen más lenta mi web?

No por sí mismos. Un patrón es solo un grupo de bloques nativos, y los bloques nativos cargan poco código. Lo que puede hacer lenta una página es lo que pongas dentro del patrón: imágenes sin optimizar, videos incrustados o demasiadas secciones en una misma página. Optimiza las imágenes antes de guardarlas en el patrón y no repitas secciones pesadas en todas las páginas.

¿Puedo bloquear un patrón para que mi equipo no lo modifique?

En parte. Con un patrón sincronizado con anulaciones, quien edite una página solo puede cambiar los bloques habilitados, como el título o la imagen, y el resto del diseño queda protegido. Para que nadie cambie el patrón original, limita los permisos con roles: un usuario con rol de autor o colaborador no debería poder editar patrones sincronizados que afectan a toda la web.