Plantilla de Solicitud de Cuadrícula de Características
Genera secciones de características de productos profesionales con AI Builder
Para Quién Es Esta Solicitud
Esta solicitud es perfecta para fundadores de SaaS, gerentes de productos y equipos de marketing que necesitan mostrar características de productos rápidamente. Ya sea que estés lanzando una nueva herramienta o actualizando tu sitio web, esta plantilla genera una cuadrícula de características limpia de 2×3 con iconos, descripciones concisas y una sección ‘Cómo Funciona’—todo optimizado para Gutenberg y dispositivos móviles. Ahorra horas de trabajo de diseño mientras mantienes calidad profesional y mensajería enfocada en conversiones.
La Solicitud
Crea una sección CARACTERÍSTICAS de Gutenberg en una cuadrícula de 2×3 para {producto}. Para cada característica: icono (marcador de posición), título (≤4 palabras), descripción (≤18 palabras), beneficio concreto. Añade un bloque mini ‘Cómo funciona’ con 3 pasos debajo de la cuadrícula. Estilo consistente, secciones separadas, responsivo.
Variaciones de Solicitud
- Tono profesional: Añade ‘Usa lenguaje formal y terminología de la industria’
- Tono de startup: Añade ‘Usa lenguaje amigable y conversacional con emojis’
- Audiencia B2B: Añade ‘Enfócate en ROI, eficiencia y colaboración en equipo’
- Audiencia B2C: Añade ‘Enfócate en facilidad de uso, ahorro de tiempo y beneficios personales’
- Versión en francés: Reemplaza con ‘Crée une section FEATURES en grille 2×3 pour {produit}…’
Configuración Recomendada
Estilo de Diseño
Usa estilo ‘Startup’ con sombras suaves (0 2px 8px rgba(0,0,0,0.08)) y gradientes sutiles. Aplica radio de borde de 6px para una apariencia moderna y amigable.
Colores
Principal: #4672c8 (títulos, iconos). Secundario: #f9ef80 (acentos, destacados). Fondo: #f8f9fa (secciones). Texto: #1a1a1a (títulos), #4a4a4a (cuerpo).
Imágenes e Iconos
Usa iconos de línea simples (48×48px) en color principal. Mantén estilo consistente en todas las características. AI Builder genera bloques de marcador de posición para fácil reemplazo.
Botones CTA
Usa etiquetas orientadas a la acción: ‘Ver Todas las Características’, ‘Comenzar’, ‘Saber Más’. Botón principal: fondo #4672c8, texto blanco. Añade estado hover con opacidad 0.9.
Ejemplo de Salida Generada
Cuando uses esta solicitud con AI Builder, obtendrás una sección de características completa con los siguientes bloques de Gutenberg:
- core/group (contenedor con fondo y relleno)
- core/heading (título de sección, H2)
- core/columns (diseño de 2 columnas para características)
- 6× core/column (tarjetas de características individuales)
- 6× core/image (marcadores de posición de iconos con clase ai-image-block)
- 6× core/heading (títulos de características, H3, ≤4 palabras)
- 6× core/paragraph (descripciones, ≤18 palabras)
- core/separator (divisor visual)
- core/heading (título ‘Cómo Funciona’, H2)
- core/columns (diseño de 3 columnas para pasos)
- 3× core/column (tarjetas de pasos con número, título, descripción)
- core/buttons + core/button (CTA en la parte inferior)
Errores Comunes a Evitar
- Demasiado texto: Mantén títulos bajo 4 palabras y descripciones bajo 18 palabras. El texto más largo reduce la capacidad de escaneo y las tasas de conversión.
- Iconos inconsistentes: Usa el mismo estilo de icono (línea, relleno o duotono) en todas las características. Mezclar estilos se ve poco profesional.
- Beneficios vagos: Reemplaza ‘Característica excelente’ con resultados concretos como ‘Ahorra 5 horas por semana’ o ‘Aumenta conversiones en 30%’.
- Optimización móvil faltante: Siempre prueba en móvil. La cuadrícula de 2×3 debe apilarse en 1 columna en pantallas pequeñas.
- Sin CTA claro: Termina la sección con un botón de acción específico como ‘Ver Todas las Características’ o ‘Comenzar Prueba Gratuita’, no solo ‘Saber Más’.
¿Listo para Construir Tu Sección de Características?
Genera esta plantilla en WordPress con AI Builder. Sin codificación requerida, totalmente personalizable, listo para móvil en segundos.