Hecho con Chinaski

Cuadrícula de funciones

El block feature_grid muestra un conjunto de elementos de "característica" repetidos, cada uno con un icono opcional, un encabezado y un cuerpo. Úsalo para secciones de "por qué elegirnos", destacados de características de producto, o cualquier lista de propuestas cortas dispuestas una junto a la otra.

Campos

Campo Descripción ¿Obligatorio?
heading Encabezado de la sección mostrado encima de la cuadrícula. Ejemplo de placeholder: "Why choose us". No
icon_url (por característica) URL de una imagen de icono para esta característica. No
icon (por característica) Emoji o texto SVG en línea usado como icono cuando no hay icon_url definida. No
heading (por característica) Título de la característica, por ejemplo "Fast setup". No
body (por característica) Descripción de la característica. Acepta HTML sin procesar. No

Las características se agregan y eliminan con el botón "Add feature"; no hay un límite fijo de cuántas puedes agregar.

Seguridad HTML

El heading de la sección, y el icon, heading e icon_url de cada característica, se escapan y renderizan como texto plano (el icon_url solo se usa como valor del atributo <img src>, nunca se renderiza como marcado). El body de cada característica se renderiza sin escapar, así que acepta HTML sin procesar, lo que te permite agregar enlaces, texto en negrita o listas dentro de la descripción de una característica.

Este block también admite los controles de apariencia estándar: color de fondo, borde, color de texto, padding y margin.

Cómo usarlo

{{block:product-features​}}

Normalmente se coloca en una página de marketing o de producto justo debajo de una sección hero, para resumir de un vistazo los puntos de venta clave.

Ejemplo

Una página de producto SaaS con tres características, usando iconos emoji en lugar de URLs de imagen:

icon heading body
⚡ Fast setup Live in under 5 minutes with our <a href="/docs/quickstart">quickstart guide</a>.
🔒 Secure by default SOC 2 Type II certified. Data encrypted at rest and in transit.
📈 Scales with you From 10 to 10 million requests a day on the same plan.

heading de la sección: "Why teams choose us". Como body no se escapa, el marcado del enlace de la primera fila se renderiza como un enlace real en el que se puede hacer clic en lugar de paréntesis angulares literales.

Lee este sitio en