Catálogo de bloques

Componentes disponibles en el Page Builder

Más de 50 bloques listos para combinar y armar cualquier página sin tocar una línea de código. Mezcla, ordena y publica.


Hero / Banners

La primera impresión de tu página. Elige el formato que mejor cuenta tu historia desde el primer scroll.

Hero Section

Banner principal con título, subtítulo y CTAs sobre imagen de fondo. El clásico que siempre convierte.

Hero Media

Hero con imagen o video de fondo, filtros de color, eyebrow y alineación totalmente configurables.

Hero Texto + Imagen

Dos columnas: tu mensaje a la izquierda y una imagen que lo respalda a la derecha.

Hero Imagen + Texto

La variante espejo: imagen primero, mensaje después. Ideal para storytelling visual.

Hero Carrusel

Slides a pantalla completa para mostrar varios mensajes, lanzamientos o líneas de producto.

Banner de anuncio

Franja delgada para anuncios, promociones o avisos urgentes en el tope de la página.

Contenido

Bloques para contar historias largas, explicar procesos y organizar información de forma clara.

Encabezado de página

Encabezado liviano con antetítulo, título y subtítulo. La alternativa elegante al hero.

Artículo

Contenido largo enriquecido con figuras, video, citas y tablas embebidas dentro del flujo.

Contenido dividido

Dos columnas con texto e imagen o video. El layout clásico que nunca falla.

Columnas de texto

Texto distribuido en 2 o 3 columnas. Perfecto cuando hay mucho que decir.

Acordeón

Contenido expandible tipo FAQ con soporte de schema para que Google también lo entienda.

Pestañas

Organiza contenido en tabs interactivas y ahorra espacio vertical sin perder profundidad.

Línea de tiempo

Línea temporal vertical para contar historia, hitos o la evolución de tu empresa.

Pasos / Proceso

Pasos numerados estilo "Cómo funciona". Guía a tu visitante de la mano.

Tabla comparativa

Compara características entre planes, productos o competidores. Decisión clara, ya.

Descargas / Recursos

Grilla o lista de archivos descargables: PDFs, fichas técnicas, brochures, recursos.

Cita destacada

Pull quote para resaltar una idea fuerza, un testimonio breve o una declaración de marca.

Tabla

Tabla de datos con cabeceras y caption opcional. Información estructurada y legible.

Media

Cuando una imagen o un video dice más que mil párrafos. Bloques pensados para lucir contenido visual.

Video destacado

Video embebido con imagen de portada y distintos layouts según protagonismo deseado.

Video simple

Video de YouTube o Vimeo en contenedor responsive con caption. Rápido y directo.

Slider imagen + texto

Carrusel de slides con imagen y texto lateral. Cuenta varias cosas en el mismo espacio.

Carrusel de media (full screen)

Carrusel a pantalla completa con imagen o video de fondo. Estilo editorial premium.

Antes / Después

Comparador interactivo con slider. Tu transformación en un gesto del usuario.

Galería de fotos

Grilla de imágenes con tamaño configurable. Tu portafolio o álbum, bien presentado.

Social Proof

La gente confía en quienes ya confiaron antes. Demuestra trayectoria, respaldo y resultados.

Testimonios

Testimonios en grilla, carrusel o individuales con rating. La voz de tus clientes, al frente.

Logos de clientes

Logos de clientes o partners en grilla, línea o marquesina animada. Respaldo visual instantáneo.

Contador de estadísticas

Métricas y números destacados con animación al hacer scroll. Tu impacto, en cifras.

Premios y certificaciones

Fila de premios, certificaciones y badges. Credenciales que reducen la fricción de compra.

Equipo

Grilla o carrusel de miembros del equipo. Pon cara a tu empresa y genera confianza.

Grillas / Tarjetas

La forma más versátil de presentar servicios, beneficios, productos o cualquier conjunto de ítems.

Grilla de tarjetas

Grilla flexible con imagen, título y botón por tarjeta. El caballito de batalla del page builder.

Grilla de íconos

Ítems con ícono, título y texto. Ideal para servicios, beneficios o características rápidas.

Grilla de características

Features con título, texto e imagen. Tamaño configurable según protagonismo de cada una.

Link blocks

Bloques de enlaces en grilla. Navegación visual rápida hacia secciones clave.

Bento Clásico 2x2

Grid 2x2 con una celda destacada al doble. El bento asimétrico que siempre se ve bien.

Bento Mosaico

Mosaico estilo Apple: 5-6 celdas con tamaños variables. Mucha información, cero monotonía.

Bento Feature + Sidebar

Una celda hero grande más 3-4 ítems apilados al lado. Jerarquía clara y elegante.

Bento Mixto

Grid configurable con tipo (imagen, stat, texto, ícono) y tamaño por celda. Máxima libertad.

Comercio

Bloques pensados para mostrar productos, planes y precios cuando el objetivo es vender.

Tabla de precios

Planes con precios, características y CTAs. Conversión directa, sin vueltas.

Vitrina de productos

Tarjetas de productos o servicios con imagen y descripción. Tu catálogo, ordenado y atractivo.

Formularios

Captura leads, suscriptores y consultas sin recargar la página.

Formulario

Formularios nativos de Statamic con envío AJAX. Lead capture sin recargas ni fricción.

Newsletter

Bloque de suscripción a newsletter limpio y directo. Crece tu base de contactos.

Contacto

Que tus visitantes te encuentren, te llamen y te lleguen sin esfuerzo.

Call to action

Bloque de llamada a la acción. El cierre que transforma interés en clic.

Mapa embebido

Mapa de Google Maps con tu información de contacto al costado. Llegar es parte de la experiencia.

Información de contacto

Datos estructurados: teléfono, email, dirección. Visible, ordenado y accesible.

Dinámico

Contenido que se actualiza solo. Conecta con colecciones y muestra lo último siempre fresco.

Listado de blog

Grilla de posts con filtros por categoría o autor y paginación. Tu blog, siempre al día.

Collection

Muestra entradas de cualquier colección como lista simple de enlaces. Flexible y rápido.

Agenda de eventos

Lista o tarjetas de eventos programados con fecha, lugar y descripción.

Embed

Cuando necesitas incrustar algo de fuera sin que el CMS le ponga la mano encima.

Code / Embed

HTML, iframes o scripts de terceros embebidos sin procesar. Total libertad para casos especiales.

Layout

Los bloques que no se ven pero hacen que todo lo demás respire y se entienda.

Columnas

Contenedor con 2 a 4 columnas de contenido enriquecido. Combina libremente lo que quieras adentro.

Separador

Separador visual o espacio entre bloques. El detalle que le da aire al diseño.

¿Listo para armar tu página?

Combina, ordena y publica sin tocar código

Todos estos bloques están disponibles ahora mismo en tu Page Builder. Crea una nueva página y empieza a mezclar.