Todos los sistemas operativos200+ sitios monitoreadosSLA de respuesta <4h+54 9 11 7820-8554
Bloques de Gutenberg · v2.1.1

Los bloques con los que se construye un sitio de empresa,
escritos y mantenidos por nosotros.

werun.Blocks es la biblioteca de bloques que escribimos y mantenemos para los sitios WordPress de nuestros clientes, y no cobramos nada por ella. 20 bloques para el editor de bloques con 87 diseños listos entre todos: heroes y secciones, tablas de precios y comparativas, preguntas frecuentes y líneas de tiempo, empleos desde tu sistema de selección, formularios del proveedor que ya usas y un constructor visual de consultas para cualquier tipo de contenido.

El editor de bloques con el insertador abierto en la categoría werun.Blocks: Hero, Section, Call to action, Media and text, Feature grid, Logos, Stats, Tabs, Table of contents, Query, Pricing table, Comparison table, Accordion / FAQ, Testimonials, Timeline, Video, Carousel y Jobs, cada uno con su ícono. Al lado, un bloque Hero en la página. Se abre a tamaño completo.
El insertador. Cada bloque aparece una vez, con su ícono y la marca de werun.dev en la esquina. La interfaz del plugin está en inglés.
20
Bloques

Cada uno con sus diseños, Estilos guardados y sus propios ajustes

$0
Lo que cobramos por ellos

Incluidos en los sitios que construimos y operamos

19
Plugins a los que reemplazan

Uno por trabajo, cada uno con su nombre en la tabla de abajo

12
Licencias que dejas de pagar

Hasta $619.50 + €420 al año por sitio, a sus precios de lista

Muy pronto
Edición Community

werun.Blocks.Community: los mismos bloques, gratis para cualquier sitio WordPress.

Una edición pública de werun.Blocks está en camino al directorio de plugins de WordPress.org. Cualquiera va a poder instalarla en cualquier sitio WordPress, sin costo: los mismos 20 bloques y 87 diseños, sin licencia, sin clave y sin cuenta.

Igual que werun.Blocks

El catálogo completo.

  • Los 20 bloques y sus 87 diseños
  • Estilos guardados en todos los bloques
  • Contraste que se corrige solo, según WCAG 2.2 AA
  • Mapas, videos y formularios de terceros que esperan el consentimiento
  • Los 1.891 íconos de Lucide, incluidos
  • La pantalla Integrations: mapas, privacidad, formularios, empleos y descargas protegidas
Lo que cambia

Abierta a cualquiera.

  • Se instala desde WordPress.org, y se actualiza desde ahí
  • Sin licencia ni clave: nunca se conecta con werun.dev
  • Ayuda en su documentación, en inglés y en español, y en los issues de GitHub
  • Puede convivir con werun.Blocks: cada bloque, clase y opción tiene su propio prefijo
  • En los sitios que construimos y operamos sigue werun.Blocks, con su canal de actualizaciones y nuestro equipo detrás

Todavía no está en el directorio. Mientras tanto, su código es público en GitHub y su documentación está en línea.

Cómo se comportan

Las reglas que sigue cada bloque.

Todos los bloques siguen las mismas reglas, así que quien edita las aprende una vez y una página construida hoy se sigue viendo bien después de la próxima actualización.

Un solo bloque, con sus diseños adentro

El insertador muestra cada bloque una vez. Sus diseños listos (un hero con la imagen a la derecha, centrado, sobre un video) son variantes que cambias desde el propio bloque, sin empezar de nuevo.

Un estilo guardado una vez, usado en cualquier página

Estilos guardados conserva los colores, el diseño y las opciones de un bloque con un nombre, para aplicarlos al mismo bloque en cualquier otra página. Cada página conserva sus textos, imágenes y enlaces, y los estilos los comparte todo el que edita el sitio.

Una actualización nunca rompe una página guardada

Cada bloque se dibuja en el servidor cuando se sirve la página. Una actualización puede cambiar lo que imprime un bloque sin invalidar ninguna de las páginas que lo usan.

Responden a su propio ancho

Las columnas y los diseños siguen el ancho del bloque, no el de la ventana, así que un mismo bloque cabe en una página completa, en una columna o en una barra lateral sin un ajuste para cada caso.

Dos bloques iguales no se pisan

Cada bloque de una página lleva su propio id, sus propios ajustes y su propio script, así que dos tablas de precios o dos carruseles en una misma página no se afectan. Todas las clases llevan prefijo, así que nada choca con el tema.

Íconos sin una fuente de íconos

El set completo de Lucide, impreso como SVG en la página: sin fuente de íconos, sin CDN y sin script. Cualquier ícono puede animarse al pasar el mouse, una vez al entrar en pantalla o en bucle, y nada se mueve para quien pidió menos movimiento.

Un bloque Hero seleccionado en el editor, con el menú Transform to variation de su panel lateral abierto: imagen a la derecha, imagen a la izquierda, centrado, con cifras, video de fondo y solo texto. Se abre a tamaño completo.
Los diseños listos de un bloque, que se eligen desde el propio bloque. Al cambiar, se conserva lo que tiene escrito.
Qué hay adentro

20 bloques, 87 diseños listos.

Cada uno es un solo bloque en el insertador, con al menos tres diseños para empezar y Estilos guardados. Una sección, una diapositiva de carrusel, una pestaña y una respuesta de acordeón admiten cualquier otro bloque adentro.

Estructura

Las piezas con las que se arma una página.

6 diseños

Hero

La sección de apertura: antetítulo, título, texto, lista, dos botones, cifras y una imagen, cada parte opcional. Dividido o centrado, sobre una imagen de fondo o un video en bucle sin sonido.

4 diseños

Sección

Una sección que admite cualquier bloque, con su ancho, su relleno, un fondo de color, degradado o imagen bajo un velo, una altura mínima y una cabecera opcional.

4 diseños

Media y texto

Una imagen o un video junto a un título, texto, lista y botón, con una proporción fija y la imagen de cualquiera de los dos lados.

4 diseños

Carrusel

Diapositivas que admiten cualquier bloque, con imágenes de fondo, diapositivas por tamaño de pantalla, flechas, puntos, miniaturas y reproducción automática. Teclado, deslizar y lectores de pantalla.

Una página hecha con werun.Blocks: un hero oscuro con un título, dos botones y tres cifras, y después una grilla de seis tarjetas con íconos. Se abre a tamaño completo.
Un Hero y una grilla de features en la página publicada, sobre werun.BlocksTheme tal como viene, sin CSS escrito para ellos.
Pedir la venta

Lo que convierte una visita en una consulta, y dice cuánto cuestan las cosas.

4 diseños

Llamada a la acción

Una franja que pide una sola acción: título, texto, uno o dos botones y una imagen opcional. Centrada, dividida, una franja compacta o una tarjeta flotante.

3 diseños

Tabla de precios

Planes con un selector mensual y anual que funciona, un plan destacado y listas de lo que incluye y lo que no.

4 diseños

Tabla comparativa

Planes lado a lado frente a una lista de características: checks, cruces, títulos de grupo, un plan destacado y una cabecera fija, y una tarjeta por plan en el teléfono.

4 diseños

Aviso

Un mensaje dentro del contenido o una barra arriba o abajo de la ventana, con un enlace, un botón de cerrar que se recuerda y fechas entre las que se muestra.

Prueba social

Con quién trabajas, qué dicen de ti y qué hiciste.

4 diseños

Logos

Logos de clientes y socios en grilla, en una marquesina sin fin o en carrusel, en gris con color al pasar el mouse o todos de un mismo color.

4 diseños

Testimonios

Citas con nombre, cargo, foto y calificación, escritas a mano o tomadas de un tipo de contenido, en carrusel o en grilla.

4 diseños

Cifras

Números clave que cuentan hacia arriba al entrar en pantalla: en fila, en tarjetas o en grande con una descripción.

4 diseños

Línea de tiempo

La historia de una empresa o un proceso, paso a paso: vertical, alternando lados o a lo largo de una pista horizontal.

Una línea de tiempo horizontal con las versiones de werun.Blocks, la 1.0, la 1.1, la 1.2 y la 2.0 a la vista, con flechas para pasar al resto. Se abre a tamaño completo.
El bloque Línea de tiempo, contando la historia del propio plugin: sus versiones, tomadas del historial de cambios.
Ordenar el contenido

Páginas largas en las que el lector encuentra lo que busca.

4 diseños

Grilla de features

Tarjetas con ícono, título, texto y enlace, de una a seis columnas por tamaño de pantalla. Cualquier parte de una tarjeta se apaga para toda la grilla o para una sola.

5 diseños

Pestañas

Contenido en pestañas, horizontales o verticales, en cuatro estilos, con enlaces a una pestaña y pestañas que se vuelven acordeón en el teléfono.

3 diseños

Acordeón / Preguntas frecuentes

Preguntas que se abren y se cierran sin JavaScript, con buscador, desplegar todo, enlaces a una pregunta y datos estructurados FAQ.

5 diseños

Tabla de contenidos

Enlaces a los títulos de la página, hechos a partir de su contenido: fija junto a una página larga, desplegable en el teléfono, con la sección que se está leyendo resaltada.

Un acordeón de preguntas con un buscador arriba y la primera pregunta abierta. Se abre a tamaño completo.
El bloque Acordeón / Preguntas frecuentes, con el buscador y los datos estructurados FAQ activados.
Contenido que viene de otro lado

Tus entradas, tu sistema de selección, tu proveedor de formularios y tus videos, en la página y siempre al día.

8 diseños

Consulta

Tarjetas de cualquier tipo de contenido: entradas recientes o relacionadas, un equipo, próximos eventos, oficinas en un mapa, una biblioteca de recursos o casos, con filtros que puede usar el visitante.

4 diseños

Empleos

Las búsquedas abiertas leídas de tu sistema de selección, guardadas en caché, agrupadas por área, en tarjetas o en tabla, con buscador y filtros.

5 diseños

Formulario

Un formulario de HubSpot, Marketo, Mailchimp, Calendly y los otros proveedores habituales, o de un plugin de formularios del sitio, con consentimiento antes de cargar y descargas protegidas opcionales.

4 diseños

Video

YouTube, Vimeo o un archivo de la biblioteca de medios, que se carga solo al reproducirlo: una portada y un botón de reproducir, en la página o en una ventana, con subtítulos y transcripción.

Integraciones

Los tres bloques que leen de otros sistemas.

Casi todo en una página se escribe una vez. Estos tres muestran lo que vive en otro lado (las entradas del propio sitio, el sistema de selección, el proveedor de formularios) y lo mantienen al día sin que nadie lo copie a mano.

Las claves quedan en el servidor

Las claves de API y los tokens se guardan cifrados, los usa solo el servidor y nunca llegan a un navegador.

Nada carga antes del consentimiento

Los mapas, YouTube y Vimeo, y los formularios alojados en otro lado esperan el clic del visitante o el banner de cookies del sitio: WP Consent API, Complianz, CookieYes o Cookiebot.

Una lista para tu política de seguridad

La pantalla de Integrations enumera cada servidor externo con el que los ajustes guardados permiten que se conecte un navegador, con la directiva que necesita cada uno, lista para una Content-Security-Policy o una lista de permitidos del firewall.

Mapas sin una clave

Los mapas usan OpenStreetMap con Leaflet, que viene dentro del plugin, o Google Maps con tu propia clave.

01

Consulta

Un constructor visual de consultas sobre cualquier tipo de contenido público, y cada tarjeta muestra los campos que eliges.

  • —Filtros por taxonomía y por campo personalizado, ordenados por fecha, título, un campo o el próximo evento
  • —Entradas relacionadas y elegidas a mano, y diseños listos para un equipo, eventos, oficinas en un mapa y una biblioteca de recursos
  • —Grilla, lista, carrusel o mapa, con filtros, buscador y páginas que puede usar el visitante, también sin JavaScript
  • —Solo contenido publicado de tipos públicos, nunca un campo protegido: la consulta va firmada en la página y se vuelve a verificar en cada pedido
02

Empleos

Búsquedas abiertas de Greenhouse, Lever, Ashby, Workable, SmartRecruiters, Personio, Teamtailor o BambooHR.

  • —Leídas de tu ATS y guardadas en caché, así que un ATS lento nunca hace lenta la página
  • —Agrupadas por área, en tarjetas, en una lista con filtros o en una tabla compacta
  • —Buscador y filtros para el visitante
  • —Cada búsqueda enlaza a su propia postulación
03

Formulario

El formulario que ya usas, de HubSpot, Marketo, Salesforce Account Engagement, Dynamics 365, Typeform, Jotform, Mailchimp, ActiveCampaign, Zoho o Calendly, o de un plugin de formularios del sitio.

  • —Nada se carga desde el proveedor hasta que el visitante acepta
  • —Descargas protegidas: el archivo se desbloquea al enviar el formulario, con un enlace que vence en minutos
  • —Con un plugin de formularios del sitio, el envío se verifica en el servidor; con un servicio externo, lo desbloquea el propio evento del proveedor
  • —Las altas en Mailchimp muestran la respuesta de Mailchimp, así que a una dirección que ya está en la lista se le dice eso
La pantalla Integrations de werun.Blocks en su pestaña Privacy: cuándo pueden cargar los contenidos externos, cuánto tiempo se recuerda la elección, los banners de cookies con los que funciona y una tabla de los servidores externos que puede cargar el sitio con sus directivas CSP. Se abre a tamaño completo.
Integrations, en su pestaña de privacidad. Debajo, cada servidor externo que permiten los ajustes, para una política de seguridad.
Accesibilidad

WCAG 2.2 AA, en cada bloque y cada opción.

Desde la versión 2.1, cada bloque, variante y opción cumple WCAG 2.2 AA sobre fondo claro y oscuro, también con el CSS del tema cargado después de los bloques.

Una llamada a la acción con texto blanco sobre fondo chartreuse, y el panel lateral avisando «Low contrast (WCAG AA)» con las proporciones y un botón Remove the text colour. Se abre a tamaño completo.
Ilegible a propósito: el panel lateral muestra el problema, con las proporciones, y ofrece el arreglo.

Colores que se adaptan

Cada bloque sabe sobre qué está: su propio color, una imagen bajo un velo o una sección oscura que lo contiene. Su texto, su acento y su anillo de foco se ajustan, y un color elegido en el bloque se muestra en la versión legible más cercana mientras el valor guardado queda como lo elegiste.

El editor avisa cuando algo no se lee

Un texto o un control por debajo del contraste mínimo aparece arriba en el panel lateral, con el arreglo a un clic.

Teclado y lectores de pantalla

Foco visible en todo, los patrones ARIA de pestañas, acordeones, carruseles y diálogos, mensajes de estado que se leen en voz alta y objetivos de al menos 24 píxeles.

Un movimiento que se detiene

Lo que se mueve más de cinco segundos tiene un botón de pausa, y nada se mueve para quien pidió menos movimiento.

Lo que ahorra el cliente

Lo que dejas de pagar y lo que dejas de mantener.

werun.Blocks no te cuesta nada: viene incluido en los sitios WordPress que construimos y operamos. Esto es lo que un sitio instalaría en su lugar para los mismos trabajos, una fila por plugin, con lo que cobra ese plugin por la parte que aquí hace un bloque.

Plugin que instalaríasLo que cobraCon werun.BlocksAquí lo hace
Spectra$69 / añoLos sliders, las pestañas, los acordeones y las grillas de entradas son gratis. Su Loop Builder y el contenido dinámico están en Pro, que se vende para hasta tres sitios.IncluidoConsulta · Carrusel
Stackable$49 / añoLos estilos con nombre para reutilizar entre bloques, el contenido dinámico, y los tipos de contenido y las páginas en su bloque de entradas están en Premium.IncluidoConsulta
GenerateBlocks$99 / añoLos contenedores, las grillas y un loop de consultas son gratis. Los acordeones, las pestañas, los estilos globales y las consultas por campos personalizados están en Pro.IncluidoPestañas · Acordeón / Preguntas frecuentes · Consulta
MetaSlider$39.50 / añoLos sliders de imágenes son gratis. Las miniaturas bajo las diapositivas están en Pro, que se muestra a la mitad de su precio de lista de $79.IncluidoCarrusel
Smart Slider 3GratisLos sliders con miniaturas, flechas y reproducción automática son gratis.IncluidoCarrusel
Easy Pricing Tables$79 / añoLas tablas de precios son gratis. El selector mensual y anual está en su plan Business, que se vende para hasta cinco sitios.IncluidoTabla de precios
WP Table Builder$39 / añoLas tablas comparativas son gratis. La cabecera fija y la columna destacada están en Pro, a un precio de lanzamiento.IncluidoTabla comparativa
WPFront Notification BarGratisUna barra fija con botón de cerrar y fechas entre las que se muestra es gratis.IncluidoAviso
Logo Carousel$29 / añoUn carrusel de logos es gratis. La grilla, el efecto gris y la marquesina sin fin están en Pro.IncluidoLogos
Strong TestimonialsGratisLos testimonios en grilla, en lista o en slider son gratis.IncluidoTestimonios
Counters BlockGratisLos contadores animados son gratis.IncluidoCifras
Cool Timeline$29 / añoUna línea de tiempo vertical es gratis. El diseño horizontal está en Pro, que se muestra con un cuarto de descuento sobre su precio de lista de $39.IncluidoLínea de tiempo
Tabby Responsive TabsGratisLas pestañas que se vuelven acordeón en una pantalla angosta son gratis.IncluidoPestañas
Easy Accordion$29 / añoLos acordeones con datos estructurados FAQ son gratis. El buscador en las preguntas y desplegar todo están en Pro.IncluidoAcordeón / Preguntas frecuentes
Ultimate FAQGratisLas preguntas con datos estructurados FAQ y un buscador que recarga la página son gratis.IncluidoAcordeón / Preguntas frecuentes
Easy Table of Contents$49 / añoUna tabla de contenidos a partir de los títulos es gratis. La fija está en Pro.IncluidoTabla de contenidos
Search & Filter$49 / añoLos filtros por categoría, etiqueta y fecha son gratis. Los filtros por campos personalizados están en Pro.IncluidoConsulta
Content Views$39 / añoLas grillas y listas de entradas son gratis. Los filtros que puede usar el visitante, y por campos personalizados, están en Pro.IncluidoConsulta
MapPress$39 / añoUn mapa por entrada es gratis. Un mapa hecho con todas tus entradas, con filtros, está en Pro, que se vende para hasta tres sitios.IncluidoConsulta
Personio Integration€420 / añoSolo Personio. Hasta diez búsquedas abiertas son gratis; más de diez, y todos los idiomas de Personio, están en Pro.IncluidoEmpleos
Download Monitor$199 / añoGestionar descargas es gratis. Desbloquear una con un formulario está solo en su plan Complete, que se vende para cinco sitios, a mitad de precio el primer año.IncluidoFormulario
WP YouTube LyteGratisSolo YouTube: una portada y un botón de reproducir, y el reproductor se carga al hacer clic.IncluidoVideo
Embed PrivacyGratisLos marcadores que cargan un contenido externo solo cuando el visitante acepta son gratis.IncluidoVideo · Formulario
The Icon BlockGratisEl set de íconos de WordPress o cualquier SVG que pegues. Sin el set de Lucide y sin animación.IncluidoTodos los bloques

Leído el 20 oct 2026: la página de cada plugin en wordpress.org y, para los de pago, la página de precios del propio proveedor. El precio es el plan más barato que incluye lo que hace el bloque, por un año, en la moneda del proveedor: para un sitio cuando el proveedor vende un plan para uno, y si no, su plan más chico. Cuando el primer año se vende con descuento, es ese primer año. Un plugin hace más de lo que dice su fila: la fila es solo el trabajo que comparte con un bloque.

Lo que ahorra el cliente en licencias, por sitio y por año
Stackable$49 / año
MetaSlider$39.50 / año
Easy Pricing Tables$79 / año
WP Table Builder$39 / año
Logo Carousel$29 / año
Cool Timeline$29 / año
Easy Accordion$29 / año
Easy Table of Contents$49 / año
Content Views$39 / año
MapPress$39 / año
Personio Integration€420 / año
Download Monitor$199 / año
Hasta$619.50 + €420

Son los precios de los otros plugins, no los nuestros: precios de lista, y el primer año cuando el proveedor lo vende con descuento. Cuando dos plugins de pago hacen un mismo trabajo se cuenta solo el más barato, y varios trabajos también tienen un plugin gratis en la tabla, así que esto es lo que cuesta el camino de pago y no lo que pagaba cada sitio.

Lo que ahorra el cliente en mantenimiento

La parte que no tiene precio.

  • 19 plugins que no instalas, actualizas ni auditas uno por uno
  • Un solo canal de actualizaciones y un solo historial de cambios para todos los bloques del sitio
  • Un mismo estilo en todas las secciones, en lugar de uno por cada hoja de estilos de plugin
  • Sin avisos para pasar a una versión de pago en el editor, porque no hay plan de pago al que pasar
  • Los bloques en sí: no cobramos nada por ellos
Bueno saberlo

Algunas integraciones funcionan con la cuenta del propio cliente.

Google Maps necesita tu propia clave de API, y Teamtailor y BambooHR una clave de tu propia cuenta; lo que esos servicios cobren por su uso te lo cobran a ti. Los mosaicos de mapa de OpenStreetMap no necesitan clave y permiten un uso liviano, y un sitio con mucho tráfico usa un proveedor comercial de mosaicos. No sumamos nada encima, y nada de eso está en la suma de arriba.

Lo que no reemplaza

Los sistemas detrás de los bloques siguen donde están.

  • Tu sistema de selección (ATS)
  • Tu proveedor o plugin de formularios
  • Tu CRM y tu email marketing
  • Un servicio de video para una biblioteca grande
  • Un constructor de páginas, en un sitio hecho con uno

El bloque de Empleos lee las búsquedas que publica tu ATS, y el de Formulario muestra el formulario que aloja tu proveedor. Ninguno reemplaza al sistema del que lee.

Nuestras herramientas

El resto de lo que escribimos para los sitios que operamos.

El plugin, los bloques, el tema, los tests A/B y la extensión de feedback van en los sitios que construimos y operamos, y no cobramos nada por ninguno.

werun.Toolkit

El plugin de cada sitio WordPress que operamos: seguridad, entrega de correo, registro de actividad y un acceso con tu marca, un interruptor por módulo.

werun.BlocksTheme

El tema base sobre el que construimos los sitios: solo estructura, y una pantalla de ajustes que escribe la marca en theme.json.

werun.Experiments

Tests A/B y Split URL en los sitios que operamos: un script de 7 KB, un editor visual sobre la página real y resultados bayesianos en nuestro CRM.

werun.dev - Client Feedback

El cliente hace clic en cualquier elemento de su sitio y deja un comentario. Se convierte en una tarea del proyecto en el CRM, con captura y datos de la página.

¿Quieres estos bloques en tu sitio WordPress?

Cuéntanos qué tienen que decir tus páginas y dónde vive hoy el contenido. Te diremos qué bloques lo cubren, y cuáles no.

Sin compromiso. Solo una conversación.
Preguntas sobre los bloques