Loomix
DocumentaciónPanel AdministrativoGuía de Gestión en Strapi CMS

📝 Guía de Gestión de Contenidos en Strapi 5 CMS

Strapi 5 te proporciona control absoluto sobre el contenido de tu tienda: desde el orden de los bloques en la portada hasta la traducción de variantes y colores de marca sin tocar código.

1. Estructura de Datos en Strapi

En el menú lateral bajo Content Manager encontrarás dos estructuras principales:

Tipos Únicos (Single Types)

Páginas o configuraciones que tienen una sola instancia en todo el sitio:

  • Homepage: Disposición visual y bloques dinámicos de la página de inicio.
  • Storefront Setting: Ajustes globales (colores, navegación y pie de página).

Tipos de Colección (Collection Types)

Estructuras que admiten múltiples entradas independientes:

  • Banners: Banners promocionales e imágenes publicitarias.
  • Articles: Entradas de blog y noticias de la marca.

2. Ajustes Globales de la Tienda

Para personalizar la apariencia del escaparate, accede a Storefront Setting en Single Types.

  • Conversión de Precios (convertToToman): Ajusta la visualización de precios según la moneda local seleccionada.
  • Orientación RTL (isRtl): Habilita la dirección de derecha a izquierda para idiomas como árabe y persa.
  • Estilos Dinámicos (Dynamic Styling): Modifica los colores de marca, tipografías y enlaces sociales en vivo.

3. Traducciones de Opciones de Producto (Dictionary Entries)

Para traducir al español las opciones definidas en Medusa (como Color o Size), utiliza el diccionario de Strapi.

🌐 ¿Cómo Crear una Nueva Traducción?

  1. En el menú lateral izquierdo, haz clic en Dictionary Entries bajo Collection Types.
  2. Haz clic en el botón Create new entry.
  3. En el campo Key, escribe exactamente el valor en inglés de Medusa (ej: Red o Large).
  4. En el campo Value, escribe la traducción al idioma correspondiente (ej: Rojo o Grande).
  5. Haz clic en Save y después en Publish para activar la traducción.
  6. Las traducciones se reflejan al instante en los selectores del escaparate.

4. Construir la Página de Inicio con Zonas Dinámicas

La portada no tiene una estructura rígida; puedes apilar y mover bloques libremente como un rompecabezas. Para añadir uno nuevo:

1Primero, prepara el contenido en Collection Types

Antes de insertar un bloque en la portada, asegúrate de que sus elementos existan en Collection Types:

  • Si vas a añadir un banner, créalo primero en Banners.
  • Si vas a mostrar artículos de blog, redáctalos previamente en Articles.
  • Los productos destacados se sincronizan dinámicamente desde la base de datos de Medusa.
  • Crea banners secundarios y promociones flash.
  • Sube testimonios y reseñas de compradores.

Todos los tipos de contenido se gestionan con un editor visual intuitivo.

2Segundo, vincula el bloque en la página Homepage

  1. Haz clic en Add an entry to Sections.
  2. Elige el bloque deseado (ej: Banner Grid o Featured Products).
  3. Completa los parámetros y selecciona los contenidos preparados en el paso anterior.
  4. Reordena las secciones arrastrando y soltando.
  5. Elige la variante visual para cada sección.

3Tercero, guarda y publica los cambios

  1. Guarda los cambios como borrador o publícalos de inmediato.
  2. Next.js recibe la señal de revalidación en milisegundos.
  3. Tus clientes ven la nueva portada al instante sin retrasos.

44. Previsualización y Control de Calidad

  1. Comprueba el aspecto en dispositivos móviles y de escritorio.
  2. Revisa la alineación tipográfica en orientaciones RTL y LTR.
  3. Valida que los enlaces y botones funcionen correctamente.
Consejo de Producción:
Utiliza el modo borrador para preparar promociones de temporada antes del lanzamiento oficial.

Panel de Administración Avanzado Strapi CMS

Acceso para Administradores:

Asigna roles granulares (Editor, Creador de Contenido, Admin) según las responsabilidades de tu equipo.

Vista Previa en Vivo y Actualización Instantánea

Modo Borrador y Publicación (Draft & Publish)

Prepara y revisa los contenidos en modo borrador antes de publicarlos con un solo clic.

Revalidación Incremental Bajo Demanda (On-Demand ISR)

Cuando se publica contenido en Strapi, la caché de Next.js se purga y reconstruye en milisegundos.

Guías Técnicas Especializadas

Manuales detallados sobre la creación de bloques modulares y ajustes globales de diseño.

Guía de Bloques Modulares

Aprende a programar nuevos bloques e integrarlos fluidamente con Next.js 16.

Abrir Guía

Guía de Ajustes Globales

Desglose completo de los campos de Storefront Setting y configuración de marca.

Abrir Guía