Hero SaaS (Gutenberg) – Prompt + Ejemplo
Aprende cómo crear el prompt perfecto de AI Builder para generar una sección hero SaaS de alto rendimiento en segundos. Esta guía incluye la plantilla de prompt exacta, consejos de personalización y un ejemplo real.
¿Por qué usar este Prompt?
Este prompt está diseñado para fundadores de SaaS, especialistas en marketing y diseñadores que necesitan crear secciones hero profesionales sin codificación. Genera bloques completos de Gutenberg con CSS personalizado, asegurando que tu página de destino se vea pulida y convierta visitantes en clientes.
La IA maneja el diseño, espaciado, contraste de colores y capacidad de respuesta móvil. Obtienes una sección hero lista para producción con CTAs claras, destacados de beneficios y marcadores de posición de prueba social, todo en menos de 60 segundos.
La Plantilla de Prompt
Copia y pega este prompt en AI Builder, reemplazando los marcadores de posición con tus propios detalles:
Create a Gutenberg HERO section for a SaaS named {NAME}. Target: {ICP}. Goal: {objective}. Tone: {tone}. Include: title ≤ 9 words, subtitle, 2 CTAs (primary + secondary), 3 short benefits, social proof (logo placeholders), image block with description. Style: modern, generous spacing, rounded buttons, accessible contrasts.Variaciones de Prompt
- Tono: Profesional, amigable, audaz, minimalista, lúdico
- Objetivo: SaaS B2B, aplicación B2C, empresa, startups, freelancers
- Idioma: Añade “en francés” o “en español” al final
- Objetivo: Registros, reservas de demostración, inicios de prueba gratuita, descargas
Configuración Recomendada
Estilo de Diseño
Elige ‘Startup’ para sombras suaves y degradados. Usa un radio de borde de 4-8px para formas modernas y neutrales.
Colores y CTAs
Usa los colores de tu marca. El CTA principal debe ser audaz (por ejemplo, ‘Comenzar’). El CTA secundario puede ser de estilo delineado o fantasma.
Salida de Ejemplo
Aquí está lo que AI Builder genera cuando usas este prompt para un SaaS ficticio llamado ‘VTechMaster’ dirigido a equipos de ventas:
Bloques Gutenberg Generados
- core/cover (fondo hero con degradado)
- core/heading (título H1, ≤ 9 palabras)
- core/paragraph (subtítulo)
- core/buttons (CTAs primario + secundario)
- core/columns (3 bloques de beneficios con iconos)
- core/group (marcadores de posición de logo de prueba social)
- core/image (visual hero con prompt de IA)
Errores Comunes a Evitar
- Marcadores de posición vagos: Reemplaza {NAME}, {ICP}, {objective}, {tone} con detalles específicos
- Demasiados CTAs: Mantente con 2 botones máximo (primario + secundario)
- Ignorar dispositivos móviles: AI Builder maneja el diseño responsivo, pero prueba en pantallas pequeñas
- Titulares débiles: Mantén los títulos bajo 9 palabras y enfocados en beneficios
- Sin prueba social: Siempre incluye marcadores de posición de logo o testimonios
¿Listo para Construir tu Sección Hero?
Usa este prompt en AI Builder y genera un hero SaaS profesional en menos de 60 segundos. No se requiere codificación.