Guía de Componentes
Guía de Componentes
Los Componentes son los principales bloques de construcción utilizados para ensamblar páginas en FaceFlow.
Si una página necesita una sección estructurada del sitio web, como un bloque hero, área de precios, sección de preguntas frecuentes (FAQ), galería, sección de llamada a la acción (CTA), cuadrícula de servicios o bloque de contacto, un Componente suele ser la herramienta adecuada.
Cuándo usar un Componente
Usa un Componente cuando necesites:
- una sección visible de la página con su propia estructura
- una sección reutilizable que puede aparecer en muchas páginas
- contenido que debe mantenerse dentro de un patrón de diseño coherente
- una sección con varios campos editables como título, texto, imagen, enlaces o acciones
Buenos ejemplos incluyen:
- secciones hero
- cuadrículas de características
- tarjetas de servicio
- secciones de precios
- preguntas frecuentes (FAQ)
- secciones de testimonios
- secciones de contacto
- bloques de conversión dirigidos por formularios
Cuándo no usar un Componente
No uses un Componente cuando:
- el contenido es solo un fragmento muy pequeño compartido
- el contenido pertenece a un solo campo de la página y no necesita estructura de sección
- solo necesitas reutilizar un fragmento corto como un aviso, etiqueta o detalle de soporte
En esos casos, una Variable puede ser la opción más adecuada.
Flujo de trabajo recomendado
- Comienza con el objetivo de la página
- Elige las secciones que apoyan ese objetivo
- Reutiliza Componentes existentes antes de solicitar o crear otros nuevos
- Completa los campos con cuidado
- Revisa el orden de las secciones en la página
- Previsualiza antes de publicar
Cómo elegir mejores Componentes
Pregúntate:
- ¿Esta sección ayuda al visitante a avanzar?
- ¿Ya existe un Componente probado para esta necesidad?
- ¿Esta sección pertenece al recorrido de la página, o es solo ruido visual?
Las mejores elecciones de Componentes suelen derivarse del objetivo de la página, no solo de la preferencia visual.
Casos de uso comunes
- secciones de landing page
- resúmenes de servicios
- áreas de precios y comparación
- secciones de preguntas frecuentes (FAQ)
- secciones de pruebas y reseñas
- bloques CTA dirigidos por formularios
Errores comunes
- añadir demasiadas secciones en una sola página
- elegir secciones que repiten el mismo mensaje
- crear Componentes casi duplicados por pequeñas diferencias de contenido
- sobrecargar una sección con demasiada información no relacionada
- olvidar revisar el orden y la transición entre secciones
Orientación del equipo
- preferir la reutilización frente a la casi duplicación
- mantener comprensible el nombrado de Componentes
- elegir la sección más simple que se ajuste al objetivo de la página
- tratar Formularios y Reseñas como parte del recorrido de la página, no como complementos