Configurar tarjetas, testimonios y estadísticas

Qué vas a lograr

• Insertar los bloques Tarjetas, Testimonios y Estadísticas.
• Editar imágenes, textos, enlaces, ratings y números.
• Ajustar la presentación de cada bloque para escritorio, tablet y móvil.

Paso a paso en Flobu

Cómo funciona la interfaz de Flobu en este tutorial

• Menú lateral: ya debes estar dentro del editor visual de una página.
• Panel central: trabajarás en el área de edición, usando Agregar bloque y la vista previa de cada bloque.
• Panel derecho: configurarás Tarjetas, Testimonios, Estadísticas, Contenido y Presentación.
• Acciones clave: usarás Agregar nueva tarjeta, Agregar, duplicar, eliminar, mover y los campos de cada ítem.

1) Insertar los tres bloques

1. Abre una página en el editor visual de Flobu.
2. Ubica la sección y columna donde quieres agregar contenido.
3. Haz clic en Agregar bloque.
4. En Añadir, selecciona Tarjetas.
5. Repite el proceso para agregar Testimonios.
6. Repite el proceso para agregar Estadísticas.
7. Haz clic en cada bloque para abrir su configuración en el panel derecho.

Resultado esperado: Los tres bloques quedaron insertados y puedes editarlos desde el área de edición y el panel derecho.

2) Configurar Tarjetas y Testimonios

1. Selecciona el bloque Tarjetas.
2. En Tarjetas, usa Agregar nueva tarjeta.
3. Elige una imagen para crear la tarjeta.
4. Haz clic en una tarjeta para editar Imagen, Accesibilidad y Enlace.
5. En Accesibilidad, completa Texto alternativo o activa Imagen decorativa.
6. En Modo, elige entre Carrusel y Apiladas.
7. En Presentación, ajusta Tarjetas visibles, flechas, paginación, proporción, recorte, radio y estilo.
8. Selecciona el bloque Testimonios.
9. En Contenido, edita el Título del bloque.
10. En Testimonios, usa Agregar si necesitas otro testimonio.
11. Haz clic en un testimonio para editar Avatar, Nombre, Rol o descripción, Cita, Rating y Enlace.
12. En Presentación, ajusta Modo, Cards visibles, flechas, paginación, Autoplay, avatar y rating.

Resultado esperado: Las tarjetas y testimonios tienen contenido real, orden correcto y una presentación clara.

3) Configurar Estadísticas

1. Selecciona el bloque Estadísticas.
2. En Contenido, edita el Título del bloque.
3. En Estadísticas, usa Agregar si necesitas otro dato.
4. Haz clic en una estadística para editarla.
5. En Icono o imagen, agrega una imagen o usa Icono texto.
6. En Accesibilidad, completa Texto alternativo o activa Icono decorativo.
7. En Contenido, completa Prefijo, Valor, Sufijo, Etiqueta y Descripción.
8. En Enlace, agrega una URL de destino solo si la estadística debe llevar a otra página.
9. Usa duplicar, eliminar o mover para ordenar las estadísticas.
10. En Presentación, ajusta Columnas, ancho, alineación, tamaño de número, estilo de icono, separación, tarjeta, radio y Animación suave.

Resultado esperado: Las estadísticas muestran números claros, etiquetas útiles y una distribución correcta por dispositivo.

Checklist final rápido

• Inserté Tarjetas.
• Inserté Testimonios.
• Inserté Estadísticas.
• Agregué o revisé las tarjetas.
• Revisé imágenes y texto alternativo.
• Agregué o revisé testimonios con nombre, cita y rating.
• Agregué o revisé estadísticas con valor y etiqueta.
• Ordené los ítems cuando fue necesario.
• Revisé columnas o tarjetas visibles por dispositivo.
• Revisé la vista en escritorio, tablet y móvil.

Errores comunes

• Buscar los bloques con nombres en inglés. En Flobu aparecen como Tarjetas, Testimonios y Estadísticas.
• Agregar tarjetas sin revisar imagen, texto alternativo o enlace.
• Dejar testimonios con nombres, citas o ratings de ejemplo.
• Usar estadísticas sin una Etiqueta clara.
• Olvidar ajustar Tarjetas visibles, Cards visibles o Columnas.
• Publicar sin revisar cómo se ve cada bloque en móvil.